/* theme from mockup a-deny-ignorance.html */
:root{--tan:#a89f92;--panel:#4f4a45;--panel2:#5c5650;--deep:#2e2b28;--cream:#f1e7c9;--yel:#f3e27a;--org:#ff8a1e;--red:#b3110f;--link:#9fc3ff}
body{margin:0;background:var(--tan);font-family:Verdana,Tahoma,Geneva,sans-serif;font-size:12px;color:#ddd6c8}
a{color:var(--link)}
.page{background:var(--panel);min-height:100vh}
.topstrip{background:#000;text-align:right;padding:4px 10px;font-size:11px}
.topstrip a{color:#fff;text-decoration:none} .topstrip i{color:#777;font-style:normal;margin:0 6px}
.mast{background:linear-gradient(#d4231f,#8e0b09);border-bottom:3px solid #000;display:flex;align-items:center;gap:18px;padding:10px 16px}
.logo{font-family:Georgia,serif;font-size:34px;font-weight:bold;color:#fff;text-shadow:2px 2px 0 #000;line-height:1}
.logo small{display:block;font-family:Verdana;font-size:11px;font-style:italic;font-weight:normal;color:#ffd7d7;text-shadow:none;margin-top:3px;text-align:right}
.mast .welcome{color:#fff;font-weight:bold;font-size:12.5px;flex:1;max-width:820px}
.mast .welcome em{color:var(--yel);font-style:normal}
.tabs{display:flex;flex-wrap:wrap;background:var(--deep);border-bottom:1px solid #000}
.tabs a{display:block;padding:7px 11px;border-right:1px solid #000;color:#e8e1d3;text-decoration:none;font-weight:bold;font-size:11.5px;background:linear-gradient(#5e5952,#3d3935)}
.tabs a.hot{color:var(--yel)} .tabs a:hover{background:#6d675f}
.ticker{background:#000;color:var(--org);font-weight:bold;font-size:11px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #222}
.ticker span{display:inline-block;padding:5px 0;animation:tick 45s linear infinite}
@keyframes tick{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.grid{display:grid;grid-template-columns:240px minmax(0,1fr) 230px}
@media(min-width:1700px){.grid{grid-template-columns:270px minmax(0,1fr) 260px}}
@media(max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}}
.side{background:var(--deep);border-right:1px solid #000;padding:8px}
.side.r{border-right:0;border-left:1px solid #000}
.box{border:1px solid #000;background:var(--panel2);margin-bottom:10px}
.box h4{margin:0;background:#26231f;color:var(--cream);font-size:11px;padding:4px 6px;border-bottom:1px solid #000}
.box .in{padding:6px}
.shock{position:relative;display:block;text-decoration:none}
.shock img{width:100%;display:block;filter:contrast(1.15) saturate(1.2)}
.shock b{position:absolute;left:4px;right:4px;bottom:6px;font-family:Impact,"Anton","Arial Black",sans-serif;font-size:21px;line-height:1;color:#fff;text-transform:uppercase;text-align:center;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;letter-spacing:.5px}
.cap{color:var(--red);font-weight:bold;font-size:11px;margin-top:4px;background:#e9e1cc;padding:3px 4px}
table.stats{width:100%;border-collapse:collapse;font-size:10.5px}
table.stats td{padding:2px 3px;border-bottom:1px dotted #6b645b}
table.stats td:last-child{text-align:right;color:var(--yel);font-weight:bold}
.thread-list a{display:block;font-size:10.5px;color:#e8e1d3;text-decoration:none;padding:3px 0;border-bottom:1px dotted #6b645b}
.thread-list a b{color:var(--org)}
.main{padding:12px 14px}
.big-caps{font-family:Impact,"Anton","Arial Narrow",sans-serif;font-size:26px;color:#7a736a;text-transform:uppercase;letter-spacing:1px;margin:2px 0 10px}
.feature{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;background:#e9e1cc;color:#1d1a16;border:1px solid #000;padding:10px;margin-bottom:12px}
@media(max-width:600px){.feature{grid-template-columns:minmax(0,1fr)}}
.feature .shock b{font-size:26px}
.feature h2{font-family:Verdana;font-size:17px;margin:0 0 6px;color:#000}
.feature p{font-size:12px;line-height:1.5;margin:0 0 8px}
.feature a.go{color:var(--red);font-weight:bold}
.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px 22px}
@media(max-width:600px){.cols{grid-template-columns:1fr}}
.story h3{margin:0;font-size:17px;line-height:1.15}
.story h3 a{color:var(--cream);text-decoration:none}
.story .flags{font-size:10.5px;color:#a9a090;margin:2px 0 4px}
.story .flags b{color:var(--yel)} .story .flags span{color:var(--link)}
.story p{margin:0 0 4px;line-height:1.45;color:#ddd6c8}
.story a.more{color:var(--link);font-weight:bold}
.rss{background:#000;padding:7px 10px;margin:14px -14px;font-family:Impact,"Anton",sans-serif;font-size:16px;color:#9d968c;letter-spacing:1px}
.rss a{font-family:Verdana;font-size:11.5px;color:var(--org);font-weight:bold;text-decoration:none;letter-spacing:0} .rss i{color:#777;font-style:normal;margin:0 4px}
.board{width:100%;border-collapse:collapse;background:#3f3a35;border:1px solid #000;font-size:11.5px}
.board th{background:#26231f;color:var(--cream);text-align:left;padding:5px 8px;font-size:11px}
.board td{padding:7px 8px;border-top:1px solid #000;vertical-align:top}
.board td.t a{color:var(--cream);font-weight:bold;font-size:13px;text-decoration:none}
.board td.t small{display:block;color:#b8ae9c;margin-top:2px}
.board .ok{color:#8fe07c;font-weight:bold}.board .off{color:var(--org);font-weight:bold}.board .del{color:#ff5b4f;font-weight:bold}
.board tr.gone td.t a{color:#8c857a;text-decoration:line-through}
.ad{display:block;border:2px solid #000;margin-bottom:10px;text-decoration:none;text-align:center;padding:8px 6px;font-family:Arial,sans-serif}
.ad1{background:#fff;color:#000}.ad1 b{display:block;color:#e00000;font-size:18px;font-family:"Arial Black",sans-serif;line-height:1.05}.ad1 span{display:inline-block;margin-top:6px;background:#e00000;color:#fff;font-weight:bold;font-size:11px;padding:3px 8px;border-radius:3px}
.ad2{background:linear-gradient(#ffef5c,#f5b800);color:#000}.ad2 b{font-size:15px;display:block}.ad2 i{font-size:10px}
.ad3{background:#001a66;color:#9ff}.ad3 b{font-size:14px;display:block;color:#fff}.ad3 blink,.blink{animation:bl 1s steps(2,start) infinite;color:#ff0}
@keyframes bl{to{visibility:hidden}}
.ad4{background:#0b0;color:#000;font-weight:bold}
.counter{font-family:"Courier New",monospace;background:#000;color:#3f3;padding:4px;text-align:center;letter-spacing:3px;font-size:13px;border:1px inset #777}
.foot{background:#000;color:#8c857a;text-align:center;padding:12px;font-size:10.5px;line-height:1.7}
.foot a{color:#c9c0ae}
@media(min-width:1500px){.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.split .rss{grid-column:1/-1}}

/* ---- A: extra pieces for real pages ---- */
.apanel{background:#e9e1cc;color:#1d1a16;border:1px solid #000;padding:14px 16px;margin-bottom:14px}
.apanel h2{font:bold 17px Verdana,sans-serif;margin:0 0 6px;color:#000}
.apanel p{font-size:12.5px;line-height:1.55;margin:0 0 10px}
.apanel a{color:#a00000}
.two-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.mast a.logo{text-decoration:none}
.board td.t a:hover{text-decoration:underline}
.side .box .in a{color:#9fc3ff}
@media(max-width:900px){.side{border-right:0;border-bottom:1px solid #000}.side.r{border-left:0}.mast{flex-wrap:wrap}.logo{font-size:28px}}
@media(max-width:600px){.board th:nth-child(2),.board td:nth-child(2),.board th:nth-child(4),.board td:nth-child(4){display:none}.tabs a{padding:6px 8px;font-size:11px}}
@media(max-width:900px){.grid .main{order:-1}.topstrip{display:none}.mast .welcome{font-size:12px}}
.hquote{border:1px solid #000;background:#000;color:#f3e27a;font:italic bold 19px Georgia,"Times New Roman",serif;text-align:center;padding:12px 14px;margin:0 0 14px}
.hquote small{display:block;font:normal 11px Verdana,sans-serif;color:#a9a090;margin-top:5px;font-style:normal}
.msearch{display:flex;gap:0;order:3;margin-left:auto}
.msearch input{font:12px Verdana;padding:5px 8px;border:2px inset #999;width:180px}
.msearch button{font:bold 11px Verdana;padding:4px 10px;border:2px outset #ddd;background:linear-gradient(#f2f2f2,#c9c9c9);cursor:pointer}
.shock img{height:auto}