html { overflow-y: scroll }
body {
  margin: 0; padding: 12px 8px 24px;
  background: #08041c url(img/stars.gif);
  font: 14px/1.5 Verdana, Arial, sans-serif; color: #000;
}
img { max-width: 100%; height: auto; border: 0 }

table.frame {
  width: 100%; max-width: 860px; margin: 0 auto; border-collapse: collapse;
  border: 4px ridge #b48cff; background: #1a0a40;
}
td.banner { text-align: center; padding: 8px 0 0 }
td.ticker {
  background: #000; color: #ffff00; font: bold 14px "Courier New", monospace; padding: 4px 0;
  border-top: 2px solid #9146ff; border-bottom: 2px solid #9146ff;
}

td.side {
  width: 170px; vertical-align: top; padding: 12px 10px;
  background: #2a0f6a; color: #fff; border-right: 3px ridge #b48cff;
}
.nav a {
  display: block; margin: 0 0 6px; padding: 5px 8px;
  background: #c0c0c0; color: #000; font: bold 12px Verdana, Arial, sans-serif; text-decoration: none;
  border: 3px outset #e8e8e8;
}
.nav a:hover { background: #ffff66 }
.nav a:active { border-style: inset }
.nav a.here { background: #9146ff; color: #fff; border: 3px inset #b48cff }
.sidebox { margin-top: 16px; padding: 8px; border: 2px dashed #b48cff; text-align: center; font-size: 11px; color: #e0d4ff }
.sidebox b { color: #ffff00; font-size: 13px }
.sidebox a { color: #66ffff }

td.main { vertical-align: top; padding: 16px 22px 22px; background: #fffbea }
td.main h1 {
  margin: 0 0 10px; font: 900 26px/1.15 "Arial Black", Arial, sans-serif; color: #6a00d4;
  text-shadow: 2px 2px 0 #ffcc00;
}
td.main h2 { margin: 22px 0 8px; padding: 3px 8px; background: #000080; color: #fff; font: bold 15px Arial, sans-serif }
td.main h3 { margin: 16px 0 4px; color: #c00060; font: bold 14px Arial, sans-serif }
td.main a:link { color: #0000ee }
td.main a:visited { color: #551a8b }
td.main a:hover { color: #ff0000; background: #ffff99 }
.rainbow { display: block; width: 100%; height: 8px; margin: 16px 0 }
html.loading table.frame { visibility: hidden }
.notes { padding-left: 10px; border-left: 3px dotted #b48cff }
.notes h4 { margin: 12px 0 4px; color: #000080; font: bold 13px Arial, sans-serif }
.notes hr { border: 0; border-top: 2px dashed #b48cff; margin: 10px 0 }
.notes p, .notes ul { margin: 6px 0 }
.pager { text-align: center; font-weight: bold }
.peek { float: right; margin: 0 0 10px 16px; border: 3px ridge #9146ff }

table.pics td { background: #fff; border: 2px solid #9146ff; padding: 8px; text-align: center }

td.foot { text-align: center; padding: 12px 8px 14px; color: #c9b6ff; font-size: 11px; border-top: 3px ridge #b48cff }
td.foot a { color: #ffff00 }
td.foot img { margin: 2px; vertical-align: middle }

@media (max-width: 640px) {
  td.side, td.main { display: block; width: auto; border-right: 0 }
  .nav a { display: inline-block; margin: 0 2px 6px 0 }
  .sidebox { display: none }
  .peek { float: none; display: block; margin: 0 auto 12px }
}