/* the old site, circa 2011 — deliberately dated */
body { margin: 0; padding: 0 0 20px; background: #7a8a9c; background-color: #6b7f96; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
.sample-banner { background: #111; color: #fff; font: 13px/1.45 Arial, sans-serif; padding: 8px 12px; text-align: center; }
.sample-banner strong { color: #ffd84a; }
.page { width: 760px; max-width: 100%; margin: 14px auto 0; background: #fff; border: 3px ridge #b0b8c4; }
.masthead { background: #0b2a6f; background: linear-gradient(#1c47a8, #0b2a6f); text-align: center; padding: 16px 8px 10px; border-bottom: 4px solid #d62d20; }
.logo { font-family: "Times New Roman", Times, serif; font-size: 36px; font-weight: bold; color: #ffcc00; text-shadow: 2px 2px 0 #000; letter-spacing: 2px; }
.flame { color: #ff6a00; } .snow { color: #9fe3ff; }
.logo-sub { font-family: "Times New Roman", serif; color: #fff; font-size: 14px; letter-spacing: 4px; font-style: italic; }
.call { margin-top: 8px; display: inline-block; background: #d62d20; color: #ffff66; font-weight: bold; font-size: 15px; padding: 3px 10px; border: 2px outset #ff6655; }
.navbar { background: #c9d2dc; border-bottom: 1px solid #8894a3; text-align: center; padding: 6px 4px; font-size: 12px; color: #666; }
.navbar a { color: #0000cc; font-weight: bold; }
.content { padding: 10px 14px; }
h1 { font-family: "Times New Roman", serif; color: #d62d20; font-size: 26px; text-align: center; margin: 8px 0 6px; text-decoration: underline; }
h2 { font-family: Arial, sans-serif; background: #e7ecf2; color: #0b2a6f; font-size: 14px; padding: 3px 6px; border-left: 5px solid #ffcc00; margin: 16px 0 6px; }
.intro { text-align: center; color: #555; line-height: 1.5; }
.cols { width: 100%; margin-top: 10px; }
.cols td { vertical-align: top; }
.side { width: 170px; }
.sidebox { background: #fffbe0; border: 1px solid #e0cf6b; padding: 6px; margin-bottom: 8px; line-height: 1.7; }
.sidehead { background: #0b2a6f; color: #fff; font-weight: bold; padding: 2px 4px; margin: -6px -6px 6px; }
.sidebox a { color: #0000cc; }
.small { font-size: 11px; color: #777; }
.tiny { font-size: 10px; color: #999; }
.counter { text-align: center; background: #000; border: 2px inset #666; padding: 5px; }
.counter .small { color: #0f0; font-family: "Courier New", monospace; }
.digits span { display: inline-block; background: #222; color: #3f3; font: bold 14px "Courier New", monospace; padding: 1px 3px; margin: 1px; border: 1px solid #555; }
.main ul { margin: 4px 0 4px 18px; padding: 0; line-height: 1.7; list-style: square; color: #444; }
.specials { background: #8894a3; width: 100%; }
.specials th { background: #0b2a6f; color: #fff; text-align: left; font-size: 12px; }
.specials td { background: #f4f4f4; }
.specials .price { color: #d62d20; font-weight: bold; }
.main p { line-height: 1.5; color: #666; }
.main a { color: #0000cc; }
.btnrow { text-align: center; margin: 14px 0 6px; }
.bevel { display: inline-block; background: #ffcc00; color: #000; font-weight: bold; text-decoration: none; padding: 7px 16px; border: 3px outset #ffe680; font-size: 13px; }
.footer { background: #0b2a6f; color: #aab8d4; text-align: center; font-size: 11px; padding: 10px; line-height: 1.7; }
.footer a { color: #ffcc00; }
@media (max-width: 600px) {
  .page { margin-top: 0; border-width: 2px; }
  .logo { font-size: 26px; }
  .cols, .cols > tbody, .cols > tbody > tr, .cols > tbody > tr > td { display: block; width: auto; }
  .side { width: auto; }
}