/* partyline. a message board the way they looked when a message board
   was a table with a header bar on it. no images, no javascript, one file. */
:root {
  --page:#d6dde4; --sheet:#ffffff; --bar1:#5c7c9c; --bar2:#3c5872;
  --rule:#a6b6c4; --soft:#eef3f7; --alt:#f6f9fb; --head:#c6d5e2;
  --text:#1e2a33; --mute:#6b7a86; --link:#134a8e; --seen:#5f3a8f;
  --hot:#b22222; --name:#0a6b3d; --quote:#789922;
  --face: Verdana, Tahoma, Geneva, "DejaVu Sans", sans-serif;
}
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; padding:14px 10px 40px; background:var(--page); color:var(--text);
       font:12px/1.45 var(--face); }
.sheet { max-width:800px; margin:0 auto; background:var(--sheet);
         border:1px solid var(--rule); }
a { color:var(--link); }
a:visited { color:var(--seen); }
a:hover { color:var(--hot); }

.bar { background:var(--bar1);
       background:linear-gradient(to bottom, var(--bar1), var(--bar2));
       border-bottom:1px solid #2b4257; padding:7px 10px; color:#fff; }
.bar h1 { margin:0; font-size:15px; letter-spacing:.02em; }
.bar h1 a { color:#fff; text-decoration:none; }
.bar p { margin:2px 0 0; font-size:11px; color:#d9e5ef; font-style:italic; }
.nav { background:var(--soft); border-bottom:1px solid var(--rule);
       padding:5px 10px; font-size:11px; }
.nav a { margin-right:4px; }
.nav span { color:var(--mute); margin-right:4px; }
.body { padding:10px; }
.count { color:var(--mute); font-size:11px; margin:0 0 8px; }
.count b { color:var(--text); font-weight:bold; }
.live { color:var(--name); }

table.list { width:100%; border-collapse:collapse; border:1px solid var(--rule); }
table.list th { background:var(--head); border-bottom:1px solid var(--rule);
                text-align:left; padding:4px 7px; font-size:11px; }
table.list td { padding:5px 7px; border-bottom:1px solid #e3e9ee; vertical-align:top; }
table.list tr:nth-child(even) td { background:var(--alt); }
table.list .n { text-align:right; white-space:nowrap; color:var(--mute); width:5em; }
table.list .w { white-space:nowrap; color:var(--mute); width:12em; font-size:11px; }
.subject { font-weight:bold; }
.snippet { color:var(--mute); display:block; margin-top:2px; }
.shut { color:var(--hot); font-weight:bold; }

.post { border:1px solid var(--rule); margin:0 0 8px; }
.post .head { background:var(--soft); border-bottom:1px solid var(--rule);
              padding:4px 7px; font-size:11px; color:var(--mute); }
.post .head .flag { float:right; font-size:10px; }
.post:target .head { background:#fdf3c9; }
.who { color:var(--name); font-weight:bold; }
.op .who { color:#7a2f8f; }
.b { margin:0; padding:8px 9px; white-space:pre-wrap; overflow-wrap:anywhere;
     font:12px/1.5 var(--face); }
.q { color:var(--quote); }
.b code { font:12px "Courier New", monospace; background:#f1f4f7; padding:0 2px;
          border:1px solid #e0e6eb; }
.spoil { background:#2b3b47; color:#2b3b47; }
.spoil:hover, .spoil:active { color:#fff; }

fieldset { border:1px solid var(--rule); margin:14px 0 0; padding:9px 10px 11px; }
legend { font-weight:bold; font-size:11px; padding:0 4px; color:var(--bar2); }
label { display:block; font-size:11px; color:var(--mute); margin:0 0 3px; }
input[type=text], textarea { width:100%; font:12px var(--face); padding:3px 4px;
  border:1px solid #93a5b3; background:#fff; color:var(--text); margin:0 0 8px; }
textarea { min-height:7em; resize:vertical; }
button { font:bold 11px var(--face); padding:3px 14px; color:#12212c;
  background:#dde5ec; border:2px outset #cfdae3; cursor:pointer; }
button:active { border-style:inset; }
button[disabled] { color:#8b97a1; border-color:#e2e8ed; cursor:not-allowed; }
.hp { position:absolute; left:-9999px; }
.fine { color:var(--mute); font-size:11px; margin:7px 0 0; }
.notice { border:1px solid #c8a24b; background:#fdf3c9; padding:7px 9px;
          margin:14px 0 0; font-size:11px; }
.empty { color:var(--mute); padding:10px 0; }
.foot { background:var(--soft); border-top:1px solid var(--rule);
        padding:6px 10px; font-size:11px; color:var(--mute); }
.foot a { margin:0 3px; }
dl.faq dt { font-weight:bold; margin:11px 0 2px; color:var(--bar2); }
dl.faq dd { margin:0 0 0 14px; }
.back { font-size:11px; margin:0 0 8px; }
h2.topic { font-size:14px; margin:0 0 10px; padding-bottom:5px;
           border-bottom:1px solid var(--rule); }
@media (max-width:640px) {
  table.list .w { display:none; }
  body { padding:6px 4px 30px; }
}