/* The old Coalpunch site — deliberately dated (sample by Lampwright). */
body { margin: 0; background: #5a1a00; font-family: "Times New Roman", Times, serif; color: #6b4a2e; font-size: 13px; }
.sample-banner { background: #111; color: #fff; font: 14px/1.45 Arial, sans-serif; padding: 10px 16px; text-align: center; }
.sample-banner strong { color: #ffd23f; }
.page { width: 640px; max-width: 100%; margin: 14px auto; background: #fff8d8; border: 3px ridge #c86400; }
.header { background: linear-gradient(#ff9900, #cc3300 60%, #661100); text-align: center; padding: 16px 8px 12px; border-bottom: 3px ridge #c86400; }
.h-title { font: bold italic 38px/1 "Comic Sans MS", "Comic Neue", cursive; color: #ffff66; text-shadow: 2px 2px 0 #660000, 3px 3px 2px #000; }
.h-sub { font: bold 12px Arial, sans-serif; color: #ffcc99; margin-top: 6px; letter-spacing: 1px; }
.navbar { background: #993300; text-align: center; padding: 5px 2px; }
.bev { display: inline-block; margin: 2px; padding: 4px 9px; font: bold 11px Verdana, Arial, sans-serif; color: #ffffcc; background: linear-gradient(#cc6633, #993300); border: 2px outset #ff9966; text-decoration: none; }
.bev:hover { border-style: inset; color: #ffff00; }
.content { padding: 10px 12px; }
h1 { font: bold 22px Georgia, serif; color: #cc0000; text-align: center; margin: 6px 0 10px; text-decoration: underline; }
h2 { font: bold 15px Arial, sans-serif; color: #009933; background: #ffe9a0; margin: 12px 0 6px; padding: 2px 4px; }
.intro { text-align: center; color: #9c7a52; line-height: 1.3; }
.blink-ish { text-align: center; color: #ff0000; font: bold 13px Arial, sans-serif; background: #ffff00; padding: 2px; }
.twocol { width: 100%; }
.side { width: 130px; vertical-align: top; background: #ffe3a3; border: 1px solid #d9a441; font: 11px Verdana, sans-serif; }
.side a { color: #0000cc; }
.side-h { background: #cc6600; color: #fff; font-weight: bold; padding: 2px 4px; margin: 6px 0 4px; }
.main { vertical-align: top; }
.menu { width: 100%; border: 1px solid #996633; font: 12px Arial, sans-serif; color: #7a5a3a; }
.menu .mh td { background: #663300; color: #ffcc66; font-weight: bold; }
.menu tr.alt td { background: #fff0c0; }
.menu td:last-child { text-align: right; }
.small { font-size: 10px; color: #b09070; }
.hours { color: #a08060; }
.counter { text-align: center; margin: 16px 0 6px; font: 11px Arial, sans-serif; color: #886644; }
.digits b { display: inline-block; background: #000; color: #33ff33; font: bold 13px "Courier New", monospace; padding: 1px 3px; margin: 0 1px; border: 1px inset #666; }
.footer { background: #cc9966; color: #7a5533; text-align: center; font: 10px Verdana, sans-serif; padding: 8px; border-top: 2px ridge #c86400; }
.footer a { color: #0000ff; }
.tiny { font-size: 9px; color: #9a7a5a; }
@media (max-width: 480px) {
  .h-title { font-size: 28px; }
  .side { width: 96px; }
}