/* kudzu circuit. one green ink on paper. 960 wide, like it's 2003. */

body {
  margin: 0;
  padding: 16px 0 40px;
  background: #e9ede3;
  color: #1e4423;
  font: 12px/1.55 Verdana, Geneva, Tahoma, sans-serif;
}
#frame { width: 960px; margin: 0 auto; }

/* the header art. the nav tags inside it are real links */
pre.scene { margin: 0; font: bold 12px/1 "Courier New", Courier, monospace; color: #1e4423; white-space: pre; }
pre.scene a { color: #1e4423; text-decoration: none; font-weight: bold; }
pre.scene a:hover, pre.scene a.here { background: #1e4423; color: #e9ede3; }

a { color: #1e4423; }
a:visited { color: #4f6b50; }
a:hover { background: #1e4423; color: #e9ede3; text-decoration: none; }
a:focus-visible { outline: 2px solid #9a3a1c; outline-offset: 2px; }

marquee { display: block; margin: 12px 0 0; padding: 3px 0; border-top: 1px dashed #1e4423; border-bottom: 1px dashed #1e4423; font: 12px "Courier New", Courier, monospace; }
hr { border: 0; border-top: 1px dashed #1e4423; margin: 12px 0; }

/* columns: a real table, the old way */
table.cols { width: 960px; margin-top: 14px; border-collapse: collapse; }
table.cols > tbody > tr > td { vertical-align: top; padding: 0 7px; }
table.cols > tbody > tr > td:first-child { padding-left: 0; }
table.cols > tbody > tr > td:last-child { padding-right: 0; }

/* boxes */
.box { border: 1px solid #1e4423; background: #f5f7f1; margin: 0 0 14px; }
.box h1, .box h2 { margin: 0; padding: 4px 8px 5px; background: #1e4423; color: #e9ede3; font: bold 11px/1.3 Verdana, Geneva, sans-serif; letter-spacing: 0.4px; }
.box .in { padding: 9px 11px 10px; }
.box p { margin: 0 0 9px; }
.box p:last-child, .box ul:last-child { margin-bottom: 0; }
.box ul { margin: 0 0 9px; padding-left: 16px; list-style: square; }
.box li { margin-bottom: 3px; }
.box h3 { font: bold 12px Verdana, Geneva, sans-serif; margin: 12px 0 4px; }
.box h3:first-child { margin-top: 0; }

/* small typed tables */
table.list { width: 100%; border-collapse: collapse; margin: 0 0 8px; }
table.list th { text-align: left; font: bold 11px Verdana, Geneva, sans-serif; border-bottom: 1px solid #1e4423; padding: 2px 6px 3px 0; }
table.list td { border-bottom: 1px dotted #7d9a7e; padding: 4px 6px 4px 0; vertical-align: top; }

.log { font: 11px/1.5 "Courier New", Courier, monospace; }
.log b { font-weight: bold; }
.dim { color: #5d775f; }
.new { color: #9a3a1c; font-weight: bold; font-size: 10px; }
textarea.code { width: 100%; box-sizing: border-box; height: 52px; font: 10px "Courier New", Courier, monospace; color: #1e4423; background: #fff; border: 1px solid #7d9a7e; resize: none; }

#foot { margin-top: 6px; text-align: center; font: 11px "Courier New", Courier, monospace; color: #5d775f; }

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* forms: plain, the way they looked before anyone styled them */
form p { margin: 0 0 8px; }
label { display: block; font-weight: bold; font-size: 11px; margin-bottom: 2px; }
input[type=text], input[type=email], input[type=number], select, textarea.field {
  width: 100%; box-sizing: border-box; font: 12px Verdana, Geneva, sans-serif; color: #1e4423;
  background: #fff; border: 2px inset #b9c4b0; padding: 3px 4px;
}
textarea.field { height: 70px; resize: vertical; }
input[type=submit], button {
  font: bold 11px Verdana, Geneva, sans-serif; color: #e9ede3; background: #1e4423;
  border: 2px outset #7d9a7e; padding: 3px 12px; cursor: pointer;
}
input[type=submit]:active, button:active { border-style: inset; }
.inline label { display: inline; font-weight: normal; font-size: 12px; margin-right: 10px; }
.money { font: bold 22px "Courier New", Courier, monospace; letter-spacing: 1px; }
.amts { margin: 4px 0 8px; }
.amts label { display: inline-block; font-weight: normal; font-size: 12px; margin: 0 8px 4px 0; }
.note { font-size: 10px; color: #5d775f; }

.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.err { color: #9a3a1c; font-weight: bold; }
button:disabled, input[type=submit]:disabled { opacity: .5; cursor: default; }