/* Original Microsoft Expedition theme. See SOURCES.md for provenance. */
@import url('_themes/expeditn/theme.css');
@import url('_themes/expeditn/color1.css');
@import url('_themes/expeditn/graph0.css');
/* Personal Web: a small FrontPage 98-style theme. */
body { margin: 12px 8px; background: #ffffcc url('_themes/expeditn/exptextb.jpg'); color: #000; font-family: 'Book Antiqua', 'Times New Roman', Times, serif; font-size: 16px; }
a { color: #993300; }
a:visited { color: #cc3300; }
a:hover { color: #ff6633; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px dotted #800000; outline-offset: 2px; }
.page { width: 760px; max-width: 100%; margin-left: auto; margin-right: auto; }
.layout { width: 100%; table-layout: fixed; }
.left-border { width: 160px; padding: 15px 15px 0 0; border-right: 1px solid #aa9966; }
.content { width: auto; padding: 0 0 0 18px; }
.banner { background: url('_themes/expeditn/expbannd.gif') center center / 100% 100% no-repeat; text-align: center; height: 60px; }
h1 { color: #ffffcc; font: bold 27px 'Book Antiqua', 'Times New Roman', Times, serif; margin: 0; padding: 14px 25px; }
.subtitle { text-align: center; font-style: italic; margin: 10px 0; font-size: 16px; }
.topnav { text-align: center; font-size: 14px; margin: 12px 0; }
h2 { font: normal 24px 'Book Antiqua', 'Times New Roman', Times, serif; color: #000; margin: 15px 0 10px; }
h3 { font: normal 18px 'Book Antiqua', 'Times New Roman', Times, serif; color: #000; margin: 12px 0 6px; }
p { margin: 10px 0; line-height: 1.25; }
small { font-size: 12px; }
img { border: 0; vertical-align: middle; max-width: 100%; image-rendering: pixelated; }
hr { height: 10px; border: 0; background: url('_themes/expeditn/exphorsd.gif') center center / 100% 10px no-repeat; margin: 20px 0; }
.left-border hr { height: 2px; background: none; border-top: 1px solid #aa9966; border-bottom: 1px solid #fff9df; margin: 18px 0; }
.image-nav { text-align: center; }
.image-nav p { margin: 0 0 5px; }
.image-nav a { display: inline-block; width: 140px; max-width: 100%; height: 40px; line-height: 40px; background: url('_themes/expeditn/expvbudd.gif') center / 100% 40px no-repeat; color: #ffffcc; text-align: center; text-decoration: none; font: normal 14px/40px 'Book Antiqua', 'Times New Roman', Times, serif; }
.image-nav a[aria-current] { color: #ffffcc; text-decoration: none; background-image: url('_themes/expeditn/expvbusd.gif'); }
.image-nav a:hover { color: #ffff99; text-decoration: underline; }
.sidebar-caption { text-align: center; color: #663333; font-weight: bold; font-size: 14px; }
.sidebar-note { font-size: 13px; text-align: center; }
.sidebar-jumps { font-size: 13px; line-height: 1.7; text-align: center; }
.sidebar-bottom { text-align: center; font-style: italic; color: #51462d; margin-top: 20px; }
.box { width: 100%; border: 1px solid #9a885e; border-spacing: 2px; margin: 10px 0 14px; font-size: 14px; background: #e2d6b4; }
.box th, .box td { border: 1px solid #b5a47e; padding: 4px 5px; text-align: left; vertical-align: top; }
.box thead th { background: #d0bd8c; color: #3e2c0e; font-weight: bold; text-align: center; }
.box tbody th { font-weight: normal; background: #e5d9b7; }
.box tbody td { background: #f7f1df; }
.box .center, .center { text-align: center; }
.box .num { text-align: right; white-space: nowrap; }
.sticker { font-size: 12px; }
.sticker th, .sticker td { padding: 3px; }
.sticker .big-temp { text-align: center; color: #800000; font-size: 25px; background: #f7f1df; }
.sticker-foot { font-size: 11px; text-align: center !important; }
.sticker-foot a { display: inline-block; margin-top: 4px; }
.aside-note { font-size: 13px; font-style: italic; }
.notice { padding: 5px; border: 1px solid #990000; color: #800000; font-size: 12px; background: #ffffcc; }
.construction { font-size: 13px; text-align: center; margin: 16px 0; }
.construction img { display: block; margin: 0 auto 5px; }
.log { margin: 10px 0; }
.log dt { font-weight: bold; color: #663333; margin-top: 12px; }
.log dd { margin-left: 22px; font-size: 15px; line-height: 1.25; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.files { font-size: 13px; }
.files td:first-child { overflow-wrap: anywhere; }
.dead { color: #555; text-decoration: line-through; }
button, input, textarea { font: 13px Arial, Helvetica, sans-serif; border-radius: 0; }
button { background: #c0c0c0; color: #000; border: 2px outset #eee; cursor: pointer; padding: 2px 6px; }
button:active { border-style: inset; }
input, textarea { background: #fff; color: #000; border: 2px inset #ddd; padding: 3px; width: 100%; box-sizing: border-box; }
textarea { resize: vertical; }
.form-table th { width: 90px; }
.linklike { background: none; border: 0; padding: 0; font: inherit; color: #993300; text-decoration: underline; }
.linklike:hover { color: #990000; }
.guest-entry { border-top: 1px solid #b8a77b; padding-top: 8px; margin-top: 12px; }
.guest-entry b { color: #663333; }
.guest-entry small { font-size: 12px; }
.guest-entry p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; margin: 5px 0; }
.archive-heading { font-weight: bold; font-size: 14px; color: #663333; margin-top: 20px; }
.links { list-style-image: url('_themes/expeditn/expbul1d.gif'); padding-left: 24px; }
.links li { margin: 9px 0; font-size: 15px; }
.webring { text-align: center; margin: 25px 0; border: 1px solid #aa9966; padding: 8px; background: #e3d7b6; }
.webring h3 { margin: 3px 0; }
.webring p { font-size: 13px; margin: 6px 0; }
footer { text-align: center; font-size: 13px; margin-top: 20px; }
.counter { display: inline-block; background: #000; color: #00ff00; border: 2px inset #999; padding: 2px 3px; font: bold 17px 'Courier New', Courier, monospace; vertical-align: middle; }
.counter span { padding: 0 2px; border-right: 1px solid #333; }
.counter span:last-child { border-right: 0; }
.badges { margin: 15px 0; }
.badge { display: inline-block; width: 88px; height: 31px; box-sizing: border-box; padding-top: 3px; border: 2px outset #ccc; font: 8px/11px Arial, Helvetica, sans-serif; vertical-align: middle; }
.badge.any { color: #000080; background: #fff; }
.badge.frontpage { color: #fff; background: #336666; }
.badge.frontpage b { font-size: 7px; }
.badge.y2k { color: #00ff00; background: #000; }
.intro { font-size: 15px; }
.readings td { white-space: nowrap; }
.readings .big-temp { color: #800000; font-size: 20px; font-weight: bold; }
main section[aria-labelledby] { margin-bottom: 22px; }
.charts { width: 100%; table-layout: fixed; }
.charts td { width: 50%; vertical-align: top; }
figure { margin: 0 0 12px; }
figcaption { text-align: center; color: #663333; font-weight: bold; font-size: 13px; margin-bottom: 5px; }
.chart { display: block; width: 100%; height: auto; border: 1px solid #999; }
.chart-bg { fill: #fff; }
.chart-grid { stroke: #ddd; stroke-width: .7; }
.chart-label { fill: #333; font: 9px Arial, Helvetica, sans-serif; }
.hourly th, .hourly td { font-size: 12px; padding: 4px; white-space: nowrap; }
.station th { width: 90px; }
.skip { position: absolute; left: 10px; top: -60px; background: #ffffcc; color: #000; padding: 6px; }
.skip:focus { top: 10px; }
.paused *, .paused *::before, .paused *::after { animation-play-state: paused !important; }
@media (max-width: 620px) {
  body { margin: 8px 5px; }
  .left-border { width: 116px; padding-right: 8px; }
  .content { padding-left: 10px; }
  .image-nav a { font-size: 12px; }
  h1 { font-size: 23px; padding: 20px 14px; }
  h2 { font-size: 22px; }
  .banner { height: 60px; }
  .subtitle { font-size: 14px; }
  .topnav { font-size: 12px; line-height: 1.7; }
  .sticker { font-size: 10px; }
  .sticker th, .sticker td { padding: 2px; }
  .sticker-foot { font-size: 10px; }
  .sidebar-caption { font-size: 12px; }
  .sticker .big-temp { font-size: 22px; }
  main p { font-size: 15px; }
  .files { min-width: 420px; }
  .form-table th { width: 65px; }
  .form-table th, .form-table td { display: block; width: auto; }
  .form-table tr > td:empty { display: none; }
  .readings tr { display: block; }
  .readings th, .readings td { display: block; white-space: normal; }
  .charts, .charts tbody, .charts tr, .charts td { display: block; width: 100%; box-sizing: border-box; }
  .station th, .station td { display: block; width: auto; }
  .hourly { min-width: 440px; }
  .badge { margin: 2px; }
  .counter { margin-top: 5px; }
}
@media (max-width: 400px) {
  .left-border { width: 94px; padding-right: 5px; }
  .content { padding-left: 7px; }
  h1 { font-size: 21px; padding: 20px 12px; }
  .sticker { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; } }

/* Page-specific placement of the original graphics. */
.web-globe { text-align: center; line-height: 1.4; }
.web-globe img { margin-bottom: 8px; }
.construction img { width: 314px; height: auto; }
.banner h1 { color: #ffffcc; }
@media (max-width: 620px) { h1 { padding: 15px 12px; font-size: 23px; } }
@media (max-width: 400px) { h1 { padding-top: 9px; font-size: 21px; } }