/* Old-school on purpose: solid colors, beveled buttons, Verdana. No JavaScript. */
body { margin: 0; padding: 12px 8px 30px; background: #6f8fb3; color: #000;
       font-family: Verdana, Tahoma, Geneva, Arial, sans-serif; font-size: 13px; line-height: 1.5; }
#wrap { max-width: 780px; margin: 0 auto; background: #fff; border: 2px solid #003366; }
#header { background: #003366; color: #fff; padding: 14px 16px 10px; text-align: center;
          border-bottom: 4px solid #ffcc00; }
#header .title { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 30px; font-weight: bold;
                 letter-spacing: 1px; text-shadow: 2px 2px 0 #000; margin: 0; }
#header .title a { color: #fff; text-decoration: none; }
#header .title .accent { color: #ffcc00; }
#header .tagline { font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #cfe0f2;
                   font-size: 14px; margin: 4px 0 8px; }
#header .badge { display: inline-block; background: #cc0000; color: #fff; font-weight: bold; font-size: 11px;
                 padding: 2px 10px; border: 2px outset #ff6666; letter-spacing: 1px; }
#banner { display: block; width: 100%; height: auto; border-bottom: 2px solid #003366; }
#nav { background: #d4d0c8; border-bottom: 2px solid #808080; padding: 6px 8px; text-align: center; }
#nav a { display: inline-block; margin: 2px 1px; padding: 3px 10px; background: #e8e8e8; color: #000;
         border: 2px outset #fff; font-weight: bold; font-size: 12px; text-decoration: none; }
#nav a:hover { background: #ffffcc; }
#nav a.here { border-style: inset; background: #ffffcc; }
#adslot { text-align: center; padding: 10px 8px 0; }
#adslot a { display: inline-block; width: 468px; max-width: 100%; box-sizing: border-box; height: 60px;
            padding: 8px 6px; background: #fffbe6; border: 2px dashed #cc9900; color: #003366;
            text-decoration: none; font-size: 11px; line-height: 1.4; }
#adslot a b { display: block; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px;
              letter-spacing: 2px; color: #cc0000; }
#adslot a:hover { background: #ffffcc; }
.profile-logo { float: left; margin: 4px 16px 10px 0; max-width: 200px; height: auto; border: 1px solid #999;
                background: #fff; padding: 4px; }
.gallery img { margin: 0 6px 6px 0; border: 1px solid #000; max-width: 100%; height: auto; vertical-align: top; }
.gbp-map, .embed { width: 100%; height: 320px; border: 2px inset #ccc; }
.embed.weather { height: 420px; }
.facts td { padding: 2px 10px 2px 0; vertical-align: top; }
.facts td:first-child { font-weight: bold; white-space: nowrap; }
.paid-label { display: inline-block; background: #ffcc00; color: #000; font-weight: bold; font-size: 11px;
              padding: 1px 8px; border: 1px solid #cc9900; }
#content { padding: 8px 18px 14px; }
#content:after { content: ""; display: block; clear: both; }
a { color: #0000cc; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover { color: #cc0000; }
h1 { font-family: "Trebuchet MS", Arial, sans-serif; color: #003366; font-size: 22px;
     border-bottom: 2px solid #ffcc00; padding-bottom: 3px; margin: 14px 0 10px; }
h2 { font-family: "Trebuchet MS", Arial, sans-serif; color: #fff; background: #336699; font-size: 15px;
     padding: 3px 8px; margin: 20px 0 8px; clear: both; }
.notice { background: #ffffcc; border: 1px dashed #cc9900; padding: 6px 10px; font-size: 12px; }
.photo { float: right; margin: 4px 0 10px 16px; padding: 4px; background: #f0f0f0; border: 1px solid #999;
         text-align: center; font-size: 11px; color: #333; }
.photo img { display: block; border: 1px solid #000; max-width: 100%; height: auto; }
.cats { line-height: 1.9; }
.small { font-size: 11px; color: #444; }
li { margin-bottom: 6px; }
.featured { font-weight: bold; background: #ffffe0; }
.note { font-weight: normal; }
#footer { background: #d4d0c8; border-top: 2px solid #808080; padding: 8px 16px; font-size: 11px;
          text-align: center; color: #333; }
#footer p { margin: 4px 0; }
@media (max-width: 600px) {
  #header .title { font-size: 22px; }
  .photo { float: none; margin: 8px auto; display: table; }
}