/* =========================================================================
   Online-Sweepstakes.com — faithful recreation of the mid-2000s redesign
   (reference capture: web.archive.org 20061104154929)
   Palette + type sampled live from that page:
     body font  Verdana, Arial, Helvetica   links #0000EE
     headers    #336633 (dark green)         accent #DD6633 (orange)
     register   #CC0000                       tab/sub-nav bar #F1F4DA (cream)
     green bar  #AACC88                        grays #333 / #666
   ========================================================================= */

:root{
  --link:#0000ee;
  --link-visited:#551a8b;
  --green:#336633;
  --orange:#dd6633;
  --red:#cc0000;
  --cream:#f1f4da;
  --greenbar:#aacc88;
  --tab-border:#9aa878;
  --rule:#cccccc;
  --muted:#666666;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:1.5;
  color:#000;
  background:#ffffff;
}
a{color:var(--link);text-decoration:underline;}
a:visited{color:var(--link-visited);}
a:hover{color:var(--red);}
img{border:0;}

.wrap{max-width:none;margin:0;padding:0 22px;}

/* ---------- top strip: logo / search / date ---------- */
.topstrip{display:flex;align-items:center;justify-content:space-between;padding:8px 0 6px;}
.topstrip .logo img{display:block;width:250px;height:45px;}
.topstrip .search{flex:1;text-align:center;}
.topstrip .search input[type=text]{
  width:220px;border:1px solid #7f7f7f;font-size:12px;padding:2px 3px;vertical-align:middle;
}
.topstrip .search button{
  font-family:inherit;font-size:11px;border:1px solid #7f7f7f;background:#e9e9e9;
  padding:2px 9px;vertical-align:middle;cursor:pointer;
}
.topstrip .date{font-size:11px;color:#333;white-space:nowrap;text-align:right;min-width:230px;}

/* ---------- primary tabs ---------- */
.primary{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid var(--green);}
.primary .tabs{display:flex;gap:3px;padding-left:4px;}
.primary .tabs a{
  display:block;text-decoration:none;color:#333;font-weight:bold;font-size:12.5px;
  padding:6px 15px;background:var(--cream);
  border:1px solid var(--tab-border);border-bottom:none;
  border-radius:6px 6px 0 0;position:relative;top:2px;
}
.primary .tabs a:hover{color:var(--red);}
.primary .tabs a.active{
  background:#fff;color:#000;border-color:var(--green);border-bottom:2px solid #fff;top:2px;
  padding-bottom:6px;
}
.primary .account{font-size:11px;padding:0 4px 4px 0;}
.primary .account a.register{color:var(--red);font-weight:bold;}
.primary .account a.login{color:var(--link);}

/* ---------- secondary (cream) sub-nav ---------- */
.subnav{background:var(--cream);border:1px solid var(--tab-border);border-top:none;
  padding:5px 8px;font-size:12.5px;}
.subnav a{color:var(--link);text-decoration:none;margin-right:2px;}
.subnav a:hover{text-decoration:underline;}
.subnav a.active{color:#000;font-weight:bold;text-decoration:none;}
.subnav .sep{color:#aaa;margin:0 4px;}

/* ---------- section headers ---------- */
h2.sec{
  color:var(--green);font-size:14px;font-weight:bold;margin:14px 0 3px;
  padding-bottom:2px;border-bottom:1px solid var(--rule);
}
h2.sec .more{font-size:10px;font-weight:normal;margin-left:8px;}
h2.sec .more a{color:var(--orange);}
.count{color:var(--muted);font-size:11px;}
.subtotal{color:var(--muted);font-style:italic;font-size:10px;text-align:center;display:block;margin:2px 0 6px;}

/* ---------- home 3-column layout ---------- */
.home{display:flex;gap:26px;margin-top:6px;}
.home .col-a{width:31%;}
.home .col-b{width:44%;}
.home .col-c{width:25%;}
ul.list{list-style:none;margin:4px 0 0;padding:0;}
ul.list li{padding:1px 0;}
ul.linklist{list-style:none;margin:4px 0 0;padding:0;line-height:1.7;}
ul.linklist li{padding:0;}
.date-list{list-style:none;margin:4px 0 0;padding:0;text-align:center;line-height:1.8;}

/* recent forum posts */
.fpost{padding:1px 0 1px 16px;background:url(arrow.gif) no-repeat 0 3px;}
.fpost:before{content:"\25B8";color:var(--green);margin-left:-12px;margin-right:4px;}

/* right rail */
.stat{font-size:14px;font-weight:bold;color:#333;margin:6px 0 0;}
.stat .lbl{font-size:11px;font-weight:normal;font-style:italic;color:#333;}
.stat.premium{color:var(--green);}
.greenbar{background:var(--greenbar);border:1px solid #8aad6b;text-align:center;
  font-weight:bold;font-size:11px;color:#2b3b1a;padding:3px 0;margin:12px 0 8px;}
.sponsor{margin:0 0 12px;font-size:10px;line-height:1.4;}
.sponsor b{font-size:11px;}
.flag{display:block;margin:4px auto 8px;}

/* ---------- generic listing table (sweeps) ---------- */
.crumb{font-size:13px;color:#333;margin:10px 0 6px;}
.crumb b{color:var(--green);}
.filters{background:var(--cream);border:1px solid var(--tab-border);padding:5px 8px;
  font-size:11px;margin-bottom:8px;}
.filters .grp{margin-right:18px;}
.filters a{text-decoration:none;}
.filters a.on{font-weight:bold;color:#000;text-decoration:none;}
.pages{font-size:11px;margin:6px 0;}
.pages a{text-decoration:none;padding:0 2px;}
.pages .cur{font-weight:bold;color:#000;}

table.sweeps{width:100%;border-collapse:collapse;font-size:13px;}
table.sweeps th{background:var(--green);color:#fff;text-align:left;padding:4px 6px;font-size:11px;
  text-transform:uppercase;letter-spacing:.3px;}
table.sweeps td{padding:6px;border-bottom:1px solid #e2e2e2;vertical-align:top;}
table.sweeps tr:nth-child(even) td{background:#f7f8f1;}
table.sweeps .chk{width:20px;text-align:center;}
.sweeptitle{font-weight:bold;}
.sweeptitle a{font-weight:bold;}
.freq{color:var(--muted);font-style:italic;}
.reslinks{font-size:11px;color:#999;}
.reslinks a{color:var(--link);}
.reslinks .sep{color:#bbb;margin:0 3px;}
.badge{display:inline-block;font-size:9px;font-weight:bold;padding:1px 4px;border-radius:3px;
  vertical-align:middle;margin-left:4px;text-transform:uppercase;}
.badge.premium{background:#e7d27a;color:#5a4a00;border:1px solid #c9b45a;}
.badge.free{background:#cfe0b8;color:#31491a;border:1px solid #9db97e;}
.badge.iw{background:#f2c9c9;color:#7a1414;border:1px solid #d99;}
.prize{font-size:11px;}
.prize .lbl{color:var(--muted);}

/* ---------- forms ---------- */
.formbox{max-width:640px;}
.formbox .row{margin:0 0 10px;}
.formbox label{display:block;font-weight:bold;margin-bottom:2px;color:#333;}
.formbox input[type=text],.formbox input[type=url],.formbox input[type=email],
.formbox input[type=password],.formbox select,.formbox textarea{
  width:100%;font-family:inherit;font-size:12px;padding:3px 4px;border:1px solid #7f7f7f;}
.formbox textarea{height:80px;}
.formbox .hint{color:var(--muted);font-size:10px;margin-top:2px;}
.btn{font-family:inherit;font-size:12px;font-weight:bold;padding:5px 16px;cursor:pointer;
  background:var(--green);color:#fff;border:1px solid #24471f;border-radius:3px;}
.btn.secondary{background:#e9e9e9;color:#333;border:1px solid #999;}
.panel{border:1px solid var(--tab-border);background:#fbfcf5;padding:12px 14px;margin:8px 0;}
.notice{background:#fff8dc;border:1px solid #e0cf7a;padding:8px 10px;font-size:11px;margin:8px 0;}
.recon{background:#fdeee8;border:1px solid #e0a58f;color:#7a2c14;padding:6px 10px;font-size:10px;margin:8px 0;}

/* ---------- footer ---------- */
.footer{border-top:2px solid var(--green);margin-top:26px;padding:10px 0 24px;
  text-align:center;font-size:11px;color:#333;}
.footer a{color:var(--link);}
.footer .fnav{margin-bottom:6px;}
.footer .fnav a{margin:0 5px;}
.footer .copy{color:#666;font-size:10px;}

/* ---------- forums (vBulletin ols skin) ---------- */
.vb{font-size:11px;}
.vb .navbit{background:#e6ead0;border:1px solid var(--tab-border);padding:4px 8px;font-size:11px;margin:8px 0;}
table.vbtable{width:100%;border-collapse:collapse;border:1px solid var(--tab-border);margin-bottom:14px;}
table.vbtable td,table.vbtable th{border:1px solid #d7dcc0;padding:5px 8px;vertical-align:middle;}
.vb .cathead{background:var(--green);color:#fff;font-weight:bold;font-size:11px;}
.vb .cathead a{color:#fff;}
.vb .colhead{background:#c9d2a6;color:#33471f;font-weight:bold;font-size:10px;text-transform:uppercase;}
.vb .forumname{font-weight:bold;font-size:12px;}
.vb .forumname a{font-size:12px;}
.vb .forumdesc{color:#555;font-size:10px;}
.vb .alt1{background:#fbfcf5;}
.vb .alt2{background:#f1f4e2;}
.vb .stat2{text-align:center;color:#555;width:70px;}
.vb .lastpost{width:180px;font-size:10px;color:#555;}
.vb .icon{width:26px;text-align:center;color:var(--green);font-size:16px;}
/* thread posts */
.post{border:1px solid var(--tab-border);margin-bottom:10px;}
.post .phead{background:#e6ead0;padding:4px 8px;font-size:10px;color:#555;display:flex;justify-content:space-between;}
.post .pbody{display:flex;}
.post .pauthor{width:150px;background:#f1f4e2;border-right:1px solid #d7dcc0;padding:8px;font-size:10px;}
.post .pauthor .name{font-weight:bold;font-size:12px;color:var(--green);}
.post .pauthor .avatar{width:80px;height:80px;background:#cdd6ac;border:1px solid #9aa878;margin:6px 0;
  display:flex;align-items:center;justify-content:center;color:#5a6b3a;font-size:9px;text-align:center;}
.post .ptext{flex:1;padding:8px 10px;font-size:12px;line-height:1.5;}
.post .psig{border-top:1px solid #eee;margin-top:10px;padding-top:6px;color:#888;font-size:10px;font-style:italic;}
