/* Old-style site, deliberately dated (sample by Lampwright). */
html { background: #f7c6d9; min-height: 100%; }
body {
  margin: 0;
  background: #f7c6d9;
  background-image: repeating-linear-gradient(45deg, #f7c6d9 0 10px, #f3b8cf 10px 20px);
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #6b4a3a;
}
.sample-banner {
  background: #1d1d1d;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  padding: 10px 16px;
  text-align: center;
}
#page {
  width: 600px;
  max-width: calc(100% - 16px);
  margin: 12px auto;
  background: #fffbe0;
  border: 3px double #a0522d;
}
.header { background: #8b4513; border-bottom: 2px solid #ffcc00; }
.logo-cell { padding: 14px 8px; text-align: center; }
.logo { font-family: "Brush Script MT", "Comic Sans MS", cursive; font-size: 30px; color: #ffcc00; text-shadow: 2px 2px 0 #000; }
.tagline { font-family: Arial, sans-serif; font-size: 11px; color: #ffe; font-style: italic; }
.menubar { background: #d2691e; border-bottom: 1px solid #000; }
.menubar td { text-align: center; padding: 4px 2px; border-right: 1px solid #ffcc99; }
.menubar a { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #ffff99; text-decoration: none; }
.menubar a:hover { color: #fff; text-decoration: underline; }
.content { padding: 10px 16px 16px; }
h1 { font-family: Arial, sans-serif; font-size: 22px; color: #cc0066; text-align: center; margin: 10px 0; text-decoration: underline; }
h2 { font-family: Arial, sans-serif; font-size: 16px; color: #fff; background: #cc6699; padding: 3px 6px; margin: 18px 0 8px; }
p { margin: 8px 0; line-height: 1.35; }
.intro { text-align: center; color: #9c7a5b; }
.twocol td { text-align: center; vertical-align: middle; }
.pic img { border: 4px ridge #deb887; display: inline-block; max-width: 100%; height: auto; }
.update { background: #ffff66; border: 1px dashed #ff0000; padding: 4px; font-family: Arial, sans-serif; font-size: 12px; color: #996600; text-align: center; }
.new { color: #ff0000; font-weight: bold; }
.products { background: #a0522d; font-family: Arial, sans-serif; font-size: 12px; }
.products th { background: #deb887; color: #6b3a1a; text-align: left; }
.products td { background: #fff8dc; color: #8a7060; }
.small { font-size: 10px; color: #b09a88; }
.bevel {
  display: inline-block; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;
  color: #000; text-decoration: none; background: #c0c0c0; padding: 4px 12px;
  border: 3px outset #e0e0e0;
}
.bevel:active { border-style: inset; }
.hours-old { font-family: "Courier New", monospace; font-size: 12px; color: #999966; }
.counter { margin: 18px auto 4px; font-family: Arial, sans-serif; font-size: 11px; color: #777; }
.digits span { display: inline-block; background: #000; color: #33ff33; font-family: "Courier New", monospace; font-size: 13px; padding: 1px 3px; margin-left: 1px; }
.footer { background: #8b4513; color: #e8cfa8; font-family: Arial, sans-serif; font-size: 10px; text-align: center; padding: 8px; line-height: 1.6; }
.footer a { color: #ffff99; }