@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
html {  }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444; }
a img { border:0; vertical-align:text-bottom; }
a { color:#8c7000; }
p { margin-bottom:1em; line-height:1.5; }
h3 { margin-bottom:10px; }

.leftcol h1 { font:24px Verdana, Arial, Helvetica, sans-serif; color:#999; margin:20px 0; letter-spacing:-1px; }

.contentwrapper { }

/* global declarations */
#leaderboard { display:none; }
#medrect { display:none; }
#skyscraper { display:none; }


#statusbar { height:22px; background:url(/newimages/statusbarbg.png) repeat-x; line-height:22px; }
#statusbar { font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:22px; }
#statusbar a { font-size:10px; color:#fc0; text-decoration:none; }
#statusbar a:hover { color:#fff; }
#statusbar .avail { color:#fff; background:url(/newimages/statusbarpmbg.png) repeat-x; height:22px; padding:0 5px; }
#statusbar .avail a { color:#fff; }

#logo { background:url(/newimages/tblogo.jpg) no-repeat; height:98px; }
#logo div.leaderboard { margin:0 0 0 231px; padding-top:1px; display:none; }

#navbar { height:25px; background:url(/newimages/navbarbg.png) repeat-x; border-bottom:1px solid #000; }
#navbar div.navlink { float:left; }
#navbar div.right { float:right; }
#navbar div.navlink a { font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; display:block; line-height:25px;padding:0 7px; }
#navbar div.navlink a:hover { color:#fff; background:url(/newimages/navbarbg2.png); }
#navbar div.active a { color:#fff; background:url(/newimages/navbarbg2.png); }

#subnavbar { height:25px; background:url(/newimages/navbarbg.png) repeat-x; }

#footer { width:960px; margin:0 auto; background:#fff; line-height:25px; color:#666; text-align:center; border-top:1px solid #ccc; padding-top:10px; }
#footer div.footerlinks a { margin:0 10px; text-decoration:none; color:#999; }
#footer div.footerlinks a:hover { color:#8c7000; }
#blackfooter { width:960px; margin:0 auto; background:#000; line-height:25px; color:#666; text-align:center; border-top:1px solid #333; padding:10px 0; }
#blackfooter div.footerlinks a { margin:0 10px; text-decoration:none; color:#999; }
#blackfooter div.footerlinks a:hover { color:#8c7000; }

#medrect .home { border:1px solid #ccc; border-width:1px 0; }

#flashbar { height:25px; padding:0 10px; line-height:25px; font-weight:bold; color:#000; background:#ffc; display:none; }

div#triviascores { margin:10px; background:#000; color:#fff; }
table#triviascores { margin:5px 10px; width:140px; }
table#triviascores td { padding:2px 0; }


/* boxes */
.graybox { background:#eee; border:1px solid #ccc; }


/* helpers */
.center { margin:0 auto; }
.inline { display:inline; }
.textleft { text-align:left; }
.textright { text-align:right; }

/* padding and margins */
.pad10 { padding:10px; }
.mar10 { margin:10px; }


/* columns */
.right { float:right; }
.left { float:left; }
.col1 { width:60px; }
.col2 { width:120px; }
.col3 { width:180px; }
.col4 { width:240px; }
.col5 { width:300px; }
.col6 { width:360px; }
.col7 { width:420px; }
.col8 { width:480px; }
.col9 { width:540px; }
.col10 { width:600px; }
.col11 { width:660px; }
.col12 { width:720px; }
.col13 { width:780px; }
.col14 { width:840px; }
.col15 { width:900px; }
.col16 { width:960px; }

.clear { clear:both; height:0; }
.red { background:red; }
.green { background:green; }