/* DC-Files - rebuilt from the 2010-2011 dc-files.com index pages (Wayback 20110701081835).
   The original was a plain centred HTML page: white background, black Times text, maroon links
   (link #800000, vlink #400000, alink #993399), a 728px banner on top, an H2 "DC-Files Index",
   a brand <select> with a small modem "Go" button, a centred "Update dd-mm-yyyy" log, small
   "Previous Updates" and "Contact" links and a 468x60 banner at the bottom. No sidebar, no menu bar.
   Polish: Tinos (metric twin of Times New Roman) as a loaded web font, 18px body, prose column
   ~34em (about 75-85 characters per line), left-aligned article text. */

*,*::before,*::after{box-sizing:border-box}
html{background:#fff;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font:18px/1.65 Tinos,"Times New Roman",Times,serif;text-align:center}
a{color:#800000;text-decoration:underline;text-underline-offset:2px}
a:visited{color:#400000}
a:hover,a:focus{color:#b30000}
a:active{color:#993399}
img{max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:8px;top:8px;background:#fff;padding:4px 8px;z-index:9}

#page{max-width:760px;margin:0 auto;padding:0 16px 32px}

/* top: the old small "Forum" link line, now the site menu */
.topnav{margin:22px 0 14px;font-size:14px;line-height:1.9}
.topnav a{padding:2px 3px;white-space:nowrap}
.topnav a[aria-current]{color:#000;font-weight:bold;text-decoration:none}
.topnav .sep{color:#555;padding:0 2px}

/* 728x90 banner (logo area) */
.banner{margin:0 0 6px}
.banner img{display:block;margin:0 auto;width:728px;max-width:100%;height:auto}

/* headings: the original used a default-styled H2 for the page title */
h1{font-size:1.5em;line-height:1.25;margin:1.5em 0 .9em;font-weight:bold}
h2{font-size:1.22em;line-height:1.3;margin:1.7em 0 .55em}
h3{font-size:1.06em;line-height:1.35;margin:1.4em 0 .45em}

/* select + Go jump menu */
.jump{margin:0 0 .4em}
.jump select{font:15px/1.2 Arial,Helvetica,sans-serif;color:#000;background:#fff;border:1px solid #767676;border-radius:2px;padding:4px 6px;max-width:78%;vertical-align:middle}
.jump .go{border:0;background:transparent;padding:6px 4px;margin:0;cursor:pointer;vertical-align:middle;line-height:0}
.jump .go img{display:inline-block}
.jump .go:focus-visible{outline:2px solid #800000}

/* centred update log */
.upd{margin:2.4em 0 1.3em}
.upd + .upd{margin-top:2em}
ul.log{list-style:none;margin:0 auto;padding:0;max-width:680px}
ul.log li{margin:.12em 0}
ul.log .what{color:#000}
.morelink{font-size:15px;margin:2.2em 0 0}
.small{font-size:15px}

/* text blocks */
.prose{text-align:left;max-width:34em;margin:0 auto}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.4em}
.prose li{margin:.25em 0}
.prose blockquote{margin:1.2em 0;padding:.2em 0 .2em 1em;border-left:3px solid #800000;color:#222}
.prose code,.prose kbd{font:15px/1.4 Menlo,Consolas,"Courier New",monospace;background:#f1f1f1;padding:1px 4px;border-radius:2px}
.prose pre{font:15px/1.5 Menlo,Consolas,"Courier New",monospace;background:#f1f1f1;border:1px solid #ccc;padding:10px 12px;overflow-x:auto;white-space:pre}
.prose hr{border:0;border-top:1px solid #999;margin:2em 0}
.home-text{margin-top:2.6em;border-top:1px solid #999;padding-top:.6em}

table{border-collapse:collapse;width:100%;margin:.8em 0 1.4em;font-size:16px;line-height:1.45}
th,td{border:1px solid #888;padding:7px 9px;text-align:left;vertical-align:top}
th{background:#ececec;font-weight:bold}

/* post furniture */
.meta{font-size:15px;margin:-.4em 0 1em;color:#222}
figure{margin:1.4em auto 1.5em;max-width:34em}
figure img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;border:1px solid #000}
figcaption{font-size:14px;line-height:1.45;color:#333;margin-top:6px;text-align:left}
.related{margin:2.4em 0 0}
.related h2{font-size:1.1em;margin:0 0 .6em}

/* index listings */
.idx{list-style:none;margin:1.6em auto 0;padding:0;max-width:34em;text-align:left}
.idx li{margin:0 0 1.25em}
.idx .t{font-weight:bold}
.idx .d{display:block;font-size:15px;color:#222}
.idx .x{display:block}

/* models list restored from the old drop-downs */
.models{font-size:16px}

/* contact form */
.form{max-width:34em;margin:0 auto;text-align:left}
.form label{display:block;font-weight:bold;margin:1em 0 .25em}
.form input[type=text],.form input[type=email],.form textarea{width:100%;font:17px/1.4 Tinos,"Times New Roman",serif;padding:7px 8px;border:1px solid #767676;border-radius:2px;background:#fff;color:#000}
.form textarea{min-height:170px}
.form button{margin-top:1em;font:15px Arial,Helvetica,sans-serif;padding:7px 18px;background:#efefef;border:1px solid #767676;border-radius:3px;color:#000;cursor:pointer}
.form button:hover{background:#e2e2e2}

/* bottom */
.bottom{margin-top:3em;font-size:15px}
.bottom p{margin:.6em 0}
.bottom .b468 img{display:block;margin:1.4em auto 0;width:468px;max-width:100%;height:auto}
.foot{margin-top:1.6em;font-size:14px;line-height:1.6;color:#222}

@media (max-width:600px){
  body{font-size:17px}
  .topnav{font-size:15px;margin-top:14px}
  .topnav a{display:inline-block;padding:3px 4px}
  h1{font-size:1.4em;margin-top:1.2em}
  .jump select{max-width:80%;font-size:16px}
  table{display:block;overflow-x:auto;font-size:15px}
  ul.log{padding:0 4px}
}