body{background:url(images/back.gif) repeat-x #727170;font-family:Arial,Verdana,sans-serif;font-size:12px;padding:0;margin:0;} #container{width:971px;} #header{background:url(images/football-betting.jpg) no-repeat;width:971px;height:250px;float:left;position:relative;} #logo{float:left;position:absolute;left:45px;top:110px;} #logo img{width:285px;height:65px;border:none;} #buttons{float:left;position:absolute;top:34px;left:35px;} #navigation{float:left;position:relative;margin:0;padding:0;} #navigation a{color:#fff;font-family:"Times New Roman",Times,serif;text-transform:uppercase;text-decoration:none;padding-left:35px;padding-right:0;display:block;float:left;position:relative;font-size:13px;background:url(images/menu-left.gif) no-repeat left;margin-left:4px;height:36px;} #navigation a span{padding-right:35px;height:26px;cursor:pointer;background:url(images/menu-right.gif) no-repeat right;padding-top:10px;} #navigation a,#navigation a span{display:block;float:left;position:relative;} #navigation a:hover{color:#733917;background:url(images/hover-left.gif) left no-repeat;} #navigation a:hover span{background:url(images/hover-right.gif) right no-repeat;} #navigation ul{list-style:none;padding:0;margin:0;} #navigation li{list-style:none;float:left;margin:0;padding:0;display:inline;font-weight:bold;} #header-ad{float:right;position:absolute;right:40px;top:109px;background:url(images/bodog-sportsbook.gif) no-repeat;width:468px;height:60px;} #content{float:left;position:relative;width:971px;margin:0;padding:0;text-align:left;} #content-in{background:url(images/content-back.png) repeat-y;width:971px;float:left;} #left{float:left;position:relative;width:213px;margin-left:6px;} #left-top3{float:left;position:relative;width:213px;} #left h2{background:url(images/left-title-back.gif) no-repeat;width:195px;height:29px;font-family:Helvetica,Arial,sans-serif;color:#fff;letter-spacing:-1px;font-size:14px;margin:0;font-weight:normal;text-transform:uppercase;padding:13px 0 0 18px;} #left-content{float:left;position:relative;background:url(images/left-content-back.gif) repeat-y;width:204px;margin-left:9px;text-align:center;} #leftimg{border:clear 2px #d4d2d2;margin-top:2px;margin-bottom:5px;} #left-content p{margin:0;line-height:17px;font-size:13px;margin-bottom:5px;} #ftimg-top{margin-left:9px;float:left;} #left-articles{float:left;position:relative;width:213px;margin-top:10px;} #left h3{background:url(images/articles-title-back.gif) no-repeat;width:213px;height:26px;font-family:Helvetica,Arial,sans-serif;color:#fff;letter-spacing:-1px;font-size:14px;margin:0;font-weight:normal;text-transform:uppercase;text-align:center;padding-top:17px;padding-left:2px;} #artc-content{float:left;position:relative;background:url(images/artc-content-back.gif) repeat-y;width:205px;margin-left:8px;text-align:center;} #artc-content ul li{text-align:left;list-style:none;display:inline;} #artc-content ul{padding:0;margin-left:3px;} #artc-content ul li a{color:#173740;font-size:12px;text-decoration:none;background:url(images/artc-li-back.gif) left no-repeat;float:left;display:block;position:relative;width:161px;height:26px;text-align:left;padding-left:30px;padding-top:4px;} #artc-content ul li a:hover{background:url(images/artc-li-hover-back.gif) no-repeat;} #ftimg-artc{margin-left:8px;float:left;} #middle{float:left;position:relative;width:562px;} #middle h2{background:url(images/title-middle-back.gif) no-repeat;width:532px;height:32px;font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;margin:0;font-weight:normal;padding:10px 0 0 30px;} #middle h1{background:url(images/title-middle-back.gif) no-repeat;width:532px;height:32px;font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;margin:0;font-weight:normal;padding:10px 0 0 30px;} #middle h1 a{font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;font-weight:normal;text-decoration:none;} #middle h1 a:visited{font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;font-weight:normal;text-decoration:none;} #middle-post{float:left;position:relative;width:745px;} #middle-post h2{background:url(images/title-middle-back-post.jpg) no-repeat;width:745px;height:32px;font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;margin:0;font-weight:normal;padding:10px 0 0 30px;} #middle-post h1{background:url(images/title-middle-back-post.jpg) no-repeat;width:745px;height:32px;font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;margin:0;font-weight:normal;padding:10px 0 0 30px;} #middle-post h1 a{font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;font-weight:normal;text-decoration:none;} #middle-post h1 a:visited{font-family:Helvetica,Arial,sans-serif;color:#425908;letter-spacing:-1px;font-size:31px;font-weight:normal;text-decoration:none;} #welcome{float:left;position:relative;width:562px;background:url(images/welcome-back.gif) repeat-y;} #welcome p{margin:0;color:#626262;font-size:12px;line-height:18px;margin-top:10px;/margin-bottom:10px;padding-left:30px;padding-right:30px;} #postcontent{float:left;position:relative;width:745px;background:url(images/content-back-post.gif) repeat-y;} #postcontent p{margin:0;color:#626262;font-size:12px;line-height:18px;margin-top:10px;/margin-bottom:10px;padding-left:30px;padding-right:30px;} #postcontent ul{color:#626262;font-size:12px;line-height:18px;padding-left:50px;padding-right:30px;} #postcontent ul li{color:#626262;font-size:12px;line-height:18px;padding-left:20px;} #postcontent h3 a{margin:0;font-size:14px;color:blue;margin-left:30px;margin-top:5px;} #pagecontent{float:left;position:relative;width:562px;background:url(images/content-back.gif) repeat-y;} #pagecontent p{margin:0;color:#626262;font-size:12px;line-height:18px;margin-top:10px;/margin-bottom:10px;padding-left:30px;padding-right:30px;} #smallp{float:left;position:relative;width:400px;} #smallp p{margin:0;color:#626262;font-size:12px;line-height:18px;margin-top:10px;} #smallp p a{color:#1f1aff;} #welcimg{float:right;border:solid 2px #bfbfbf;position:absolute;right:30px;top:125px;} #oftheday{float:left;position:relative;width:562px;} #oftheday h4{background:url(images/oftheday-title-back.gif) no-repeat;width:562px;height:25px;font-family:Helvetica,Arial,sans-serif;color:#fff;font-size:15px;margin:0;font-weight:normal;text-transform:uppercase;text-align:center;padding-top:18px;} #ofthedaypage{position:relative;width:562px;} #ofthedaypage h4{background:url(images/oftheday-title-back.gif) no-repeat;width:562px;height:25px;font-family:Helvetica,Arial,sans-serif;color:#fff;font-size:15px;margin:0;font-weight:normal;text-transform:uppercase;text-align:center;padding-top:18px;} .middle-content{float:left;position:relative;width:562px;background:url(images/middle-content-back.gif) repeat-y;} .middle-content-post{float:left;position:relative;width:745px;background:url(images/middle-content-back-post.gif) repeat-y;} .middle-content h5{margin:0;font-size:17px;color:#000;margin-left:30px;margin-top:10px;} .middle-content p{margin:0;font-size:12px;color:#3b3b3b;margin-left:30px;margin-top:10px;margin-right:30px;line-height:17px;} .middle-content p a{color:#3f3aff;} .middle-content-post p{margin:0;font-size:12px;color:#3b3b3b;margin-left:30px;margin-top:10px;margin-right:30px;line-height:17px;} .middle-content-post p a{color:#3f3aff;} .middle-content2{float:left;position:relative;width:562px;background:url(images/middle-content-back.gif) repeat-y;} .middle-content3{float:left;position:relative;width:548px;height:400px;overflow:auto;} .middle-content2-post{float:left;position:relative;width:745px;background:url(images/middle-content-back-post.gif) repeat-y;} .middle-content2 h5{margin:0;font-size:17px;color:#000;margin-left:30px;margin-top:10px;} .middle-content2 p{margin:0;font-size:12px;color:#3b3b3b;margin-left:30px;margin-top:10px;margin-right:30px;line-height:17px;} .middle-content2 p a{color:#3f3aff;} .middle-content2-post p{margin:0;font-size:12px;color:#3b3b3b;margin-left:30px;margin-top:10px;margin-right:30px;line-height:17px;} .middle-content2-post p a{color:#3f3aff;} #midlsep{margin-left:10px;} #midlseppage{margin-left:60px;} #stats-trends{float:left;position:relative;width:562px;} #stats-trends h4{background:url(images/oftheday-title-back.gif) no-repeat;width:542px;height:25px;font-family:Helvetica,Arial,sans-serif;color:#fff;font-size:15px;margin:0;font-weight:normal;text-transform:uppercase;text-align:center;padding-top:18px;padding-left:20px;} #right{float:left;position:relative;width:184px;} #right h2{background:url(images/right-title-back.gif) no-repeat;width:184px;height:30px;font-family:Helvetica,Arial,sans-serif;color:#fff;letter-spacing:-1px;font-size:14px;margin:0;font-weight:normal;text-transform:uppercase;padding-top:12px;text-align:center;} #right-content{float:left;position:relative;width:175px;background:url(images/right-content-back.gif) repeat-y;} #right-content p{color:#7a7a7a;font-size:12px;line-height:16px;padding-left:5px;padding-right:5px;margin:0;margin-top:15px;margin-bottom:15px;} #right-content p a{color:#3f3aff;} #right-content p.meta{color:#7a7a7a;font-size:11px;line-height:14px;padding-left:5px;padding-right:5px;margin:0;margin-top:5px;margin-bottom:5px;} #right-content h3{margin:0;font-size:11px;color:blue;margin-left:2px;margin-top:5px;} #right-content h3 a{margin:0;font-size:11px;color:blue;margin-left:2px;margin-top:5px;} #right-ad{float:left;position:relative;width:160px;height:600px;margin-top:10px;margin-left:8px;background:url(images/college-football-betting.gif) no-repeat;} #bottom-menu{float:left;position:relative;width:971px;height:31px;background:url(images/bottom-menu-ft.png) no-repeat;text-align:center;font-size:11px;color:#2e2e2e;text-transform:uppercase;padding-top:15px;} #bottom-menu a{color:#2e2e2e;text-decoration:none;padding-right:5px;padding-left:5px;} #footer{float:left;position:relative;width:971px;height:33px;margin-top:15px;background:url(images/footer-back.gif) no-repeat;padding-top:23px;color:#9d9d9d;font-size:11px;} #footer a{color:#9d9d9d;font-size:11px;text-decoration:none;} .ftleft{float:left;margin-left:10px;} .ftright{float:right;margin-right:10px;} img{border:0;} .post{padding:20px 13px 50px 7px;} table a{font-size:12px;text-decoration:none;} table a:hover{font-size:12px;text-decoration:underline;} table a.odds{font-size:12px;text-decoration:none;} table a.odds:hover{font-size:12px;text-decoration:underline;} /* =============================================================== tables =============================================================== */ table, th, td, tr, td img, td a { vertical-align:middle; } table { border-collapse: collapse; border-spacing: 0; } .toplist { position:relative; zoom:1; margin:20px; overflow:hidden; clear:both; } .toplist table { width:100%; } .toplist th { background:url(images/thhh.png) repeat-x bottom #000 ; color:#fff; font-size:14px; text-transform:uppercase; padding:5px; text-align:center; } .toplist table td { padding:5px; text-align:center; font-size: 11.5px; } .toplist img { border:none; max-height: 25px; max-width:98px; } .toplist table tr.odd td { background:#eee; } .toplist .rating { margin:0 auto; } a.btn { display:block; padding:0 30px 0 10px; width:60px; height:30px; line-height:30px; background:url(images/btn.png) no-repeat 0 0; overflow:hidden; margin:0 auto; font-size:12px; font-weight: bold; color:#fff !important; text-transform:uppercase; text-decoration:none !important; text-shadow:0 1px 0 #000; -moz-text-shadow:0 1px 0 #000; -webkit-text-shadow:0 1px 0 #000; } a.btn:hover { background-position:0 -30px; } /* =========================================rating */ span.rating { display:block; background-image:url(images/stars.png) ; background-repeat:no-repeat; width:90px; height:20px; text-indent:-9999px; } .s-0 { background-position: 0 -200px; } .s-0-5 { background-position: 0 -180px; } .s-1 { background-position: 0 -160px; } .s-1-5 { background-position: 0 -140px; } .s-2 { background-position: 0 -120px; } .s-2-5 { background-position: 0 -100px; } .s-3 { background-position: 0 -80px; } .s-3-5 { background-position: 0 -60px; } .s-4 { background-position: 0 -40px; } .s-4-5 { background-position: 0 -20px; } .s-5 { background-position: 0 0; }