/* inthemix Adelaide fan archive, in the forum's 2004 style (vBulletin 3.0.3 "inthemix v6").
   Colours and fonts from that style sheet (data/skin2004/vb_v6.css); pictures are the archived originals in
   assets/skin/ (paths as on the old site). The gradient bars (grad_tcat/thead/tfoot.gif) were never archived:
   drawn with CSS gradients in the same colours. */
:root { --link: #333333; --hover: #FF9933; --muted: #777777; --line: #cccccc; --alt1: #ffffff; --alt2: #eeeeee;
        --navy: #003366; --bar: #5C7099; --bar2: #3d4f73; --ink: #444444; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #666666; background: #e9e9e9 url(skin/images/v6/shared/pix_footer_bg.gif);
       font: 11px/1.45 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; }
a:link, a:visited { color: var(--link); text-decoration: none; }
a:hover, a:active { color: var(--hover); text-decoration: underline; }
img { max-width: 100%; height: auto; border: 0; }
td, th, p, li { font: 11px/1.5 verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif; }

/* header: the v6 blue bar with the logo, then the nav strip */
header.site { background: var(--navy); }
header.site .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px;
                    min-height: 48px; padding: 0; }
header.site .logo { display: block; line-height: 0; }
header.site .logo img { width: 391px; height: 48px; max-width: 100%; height: auto; }
header.site .tag { color: #c9d6ea; font-size: 11px; padding: 6px 12px; }
nav.main { background: #8a9bbd url(skin/images/v6/shared/pix_nav_bg.gif); border-top: 1px solid #b7c3db;
           border-bottom: 1px solid #50607f; position: sticky; top: 0; z-index: 5; }
nav.main .wrap { display: flex; flex-wrap: wrap; gap: 0; padding: 0; }
nav.main a { color: #fff !important; font-weight: bold; padding: 6px 11px; text-decoration: none; border-right: 1px solid rgba(255,255,255,.18); }
nav.main a:hover, nav.main a[aria-current] { background: var(--navy); color: #FF9933 !important; text-decoration: none; }
.search-strip { background: #f4f4f4; border-bottom: 1px solid var(--line); }
.search-strip .wrap { padding: 6px 10px; }

.wrap { max-width: 1000px; margin: 0 auto; padding: 0 10px; }
main { padding: 10px 0 30px; }
main > .wrap { background: #ffffff; border: 1px solid var(--line); padding: 10px 12px 18px; }
h1 { font: bold 16px verdana, arial, sans-serif; color: var(--navy); margin: 6px 0 10px; }
h2 { font: bold 13px verdana, arial, sans-serif; color: var(--navy); margin: 18px 0 8px; }
.lede { font-size: 12px; color: #555; max-width: 60em; }
.muted, .meta, .smallfont { color: var(--muted); font-size: 10px; }
.navbar { font-size: 11px; color: var(--muted); margin: 0 0 8px; }
.navbar img { vertical-align: middle; margin-right: 4px; }

/* vBulletin tables */
.tborder { background: var(--line); border-collapse: separate; border-spacing: 1px; width: 100%; }
.tcat { background: linear-gradient(#7d8fb6, #4c5f88); color: #fff; font-weight: bold; padding: 4px 6px; text-align: left; }
.tcat a:link, .tcat a:visited { color: #fff; }
.thead { background: linear-gradient(#e3e7f0, #c3cbdc); color: #333; font-weight: bold; padding: 4px 6px; text-align: left; }
.thead.normal { font-weight: normal; }
.tfoot { background: linear-gradient(#6f81a8, var(--bar2)); color: #fff; font-weight: bold; padding: 4px 6px; }
.tfoot a:link, .tfoot a:visited { color: #fff; }
.alt1 { background: var(--alt1); color: var(--muted); padding: 5px 6px; vertical-align: top; }
.alt2 { background: var(--alt2); color: #666; padding: 5px 6px; vertical-align: top; }
.alt1 a:link, .alt1 a:visited { color: var(--ink); }
td.n, th.n { text-align: right; white-space: nowrap; }
td.icon { width: 20px; text-align: center; }
.scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* posts: the 2004 postbit */
.post { margin: 0 0 6px; }
.post table.tborder { table-layout: fixed; }
.post .who { width: 150px; }
.post .bigusername { font-weight: bold; font-size: 13px; }
.post .who img.av { display: block; margin: 6px 0 2px; max-width: 120px; }
.post .msg { color: var(--ink); font-size: 12px; overflow-wrap: anywhere; }
.post .msg td, .post .msg p, .post .msg li { font-size: 12px; }
.post .title { font-weight: bold; color: #333; border-bottom: 1px solid var(--line); padding-bottom: 4px; margin-bottom: 6px; }
.post .sig { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 6px; color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.post .msg img.smilie, .post .sig img.smilie { vertical-align: middle; }
.q, blockquote { background: #f4f4f4; border: 1px inset var(--line); margin: 6px 0; padding: 6px 8px; font-size: 11px; }
.na { color: #999; font-style: italic; font-size: 10px; }
@media (max-width: 640px) {
  .post table.tborder, .post tbody, .post tr, .post td { display: block; width: 100% !important; }
  .post .who { width: auto; display: flex !important; gap: 8px; align-items: center; flex-wrap: wrap; }
  .post .who img.av { max-width: 48px; margin: 0; }
  header.site .logo img { width: 100%; }
}
.pagenav { display: flex; flex-wrap: wrap; gap: 2px; margin: 8px 0; justify-content: flex-end; }
.pagenav a, .pagenav span { padding: 2px 7px; border: 1px solid var(--line); background: var(--alt1); font-size: 11px; }
.pagenav span { background: var(--bar); color: #fff; border-color: var(--bar); }
.years { display: flex; flex-wrap: wrap; gap: 3px; margin: 6px 0 10px; }
.years a { padding: 2px 8px; border: 1px solid var(--line); background: var(--alt2); font-size: 11px; }
.years a[aria-current] { background: var(--bar); color: #fff !important; border-color: var(--bar); }

/* panels, figures, lists */
.panel { background: var(--alt2); border: 1px solid var(--line); padding: 8px 10px; margin: 10px 0; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 6px; margin: 10px 0; }
.stats div { background: var(--alt2); border: 1px solid var(--line); padding: 6px 8px; }
.stats b { display: block; font-size: 17px; color: var(--navy); }
.av-sm { width: 32px; height: 32px; object-fit: cover; vertical-align: middle; margin-right: 6px; background: var(--alt2); }
.wall { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.strip { display: grid; grid-auto-flow: column; grid-auto-columns: 120px; gap: 8px; overflow-x: auto; padding-bottom: 6px; }
.tile { background: var(--alt1); border: 1px solid var(--line); display: flex; flex-direction: column; text-decoration: none !important; }
.tile img { width: 100%; aspect-ratio: 3/4; object-fit: cover; background: var(--alt2); }
.tile span { padding: 4px 6px; font-size: 10px; color: #555; line-height: 1.3; }
.flyer-big { max-height: 80vh; display: block; margin: 0 auto 10px; border: 1px solid var(--line); }
dl.facts { display: grid; grid-template-columns: max-content 1fr; gap: 3px 12px; margin: 8px 0; }
dl.facts dt { color: var(--muted); }
dl.facts dd { margin: 0; color: #333; }
.event-row { display: grid; grid-template-columns: 90px 1fr; gap: 8px; padding: 6px 4px; border-bottom: 1px solid #e3e3e3; }
.event-row:nth-child(even) { background: #f7f7f7; }
.event-row .d { color: var(--muted); white-space: nowrap; }
.event-row img { float: right; width: 48px; height: 64px; object-fit: cover; margin-left: 8px; border: 1px solid var(--line); }
.filters { margin: 8px 0; }
.filters input { padding: 4px 6px; border: 1px solid #999; font: 11px verdana, arial, sans-serif; width: 100%; max-width: 320px; }
.chart svg { width: 100%; max-width: 760px; height: auto; }
.chart rect { fill: var(--bar); }
.chart text { font-size: 9px; fill: #777; text-anchor: middle; }
.chart figcaption { color: var(--muted); font-size: 10px; }
footer.site { color: #666; font-size: 10px; padding: 12px 0 26px; }
footer.site .wrap { border-top: 1px solid var(--line); padding-top: 10px; }
#lb { position: fixed; inset: 0; background: rgba(0,0,0,.88); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 50; padding: 16px; }
#lb[hidden] { display: none; }
#lb img { max-width: 100%; max-height: 85vh; }
#lb p { color: #ddd; }
#lb button { position: absolute; top: 10px; right: 14px; font-size: 2rem; background: none; border: 0; color: #fff; cursor: pointer; }
.pagefind-ui { --pagefind-ui-font: verdana, arial, sans-serif; --pagefind-ui-scale: .8; --pagefind-ui-primary: #003366; }