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

#main { width:828px; min-height:513px; background:#111; color:#ddd; border:#333 1px solid; background:url(../../images/bgmain.jpg) no-repeat; }
#main_left { position:relative; float:left; width:478px; margin:10px; }
#main_feature { position:relative; width:478px; float:left; border:0 none; }
#main_teasers { position:relative; float:right; width:330px; height:308px; }
#main td { text-align:left; }

.hidden { display:none; }

.scroller #posts { position:absolute; width:476px; height:296px; left:0; top:0; border:#333 1px solid; background:#000; }
.scroller #posts img.loader { margin-top:146px; }
.scroller #posts div.post { position:absolute; left:0; top:0; width:478px; height:298px; }
.scroller #posts div.post div.image { position:absolute; left:0; top:0; width:470px; height:290px; padding:3px; }
.scroller #posts div.post div.image img { width:470px; }
.scroller #posts div.post div.excerpt { z-index:30; position:absolute; width:470px; height:40px; left:3px; top:254px; }
.scroller #posts div.post div.excerpt div.slider { position:relative; width:470px; height:40px; background-color:#111; text-align:center; }
.scroller #posts div.post div.excerpt div.title { z-index:31; position:absolute; width:470px; height:40px;  left:0; top:0; text-align:center; }
.scroller #posts div.post div.excerpt div.title a.titletext { color:#fff; font-size:180%; font-weight:bold; text-decoration:none; letter-spacing:-0.15em; line-height:40px; }
.scroller #posts div.post div.excerpt div.title p.text { text-align:justify; font-size:110%; color:#fff; width:450px; margin:10px; }
.scroller #controls { z-index:132; position:absolute; width:478px; height:254px; left:0; top:0; }
.scroller #prev { z-index:150; position:absolute; left:8px; top:270px; height:16px; width:16px; cursor:pointer; }
.scroller #next { z-index:150; position:absolute; right:8px; top:270px; height:16px; width:16px; cursor:pointer; }

.blurbs, .teaser { float:left; margin:10px; }
.blurbimgcell { float:left; width:61px; height:61px; margin:0 22px 22px 0; padding:0; border:#aaa 0px solid; cursor:pointer; background:transparent; }
.blurbs .last { margin-right:0; clear:right; }
.blurbs .bottom { margin-bottom:0; }

.teaserimgcell { float:left; width:155px; height:102px; border:#333 1px solid; padding:2px; margin:0; background:#000; }
.teasertxtcell { float:left; width:140px; padding:10px 9px 10px 0; margin:0; }
.teasertxtcell p.teasertxt { text-align:left !important; margin:0 0 5px 0; padding:0; }
.teasertxtcell p.teasertxt a { color:#fff; font-size:170%; font-weight:bold; letter-spacing:-0.15em; line-height:15px; }

.widget { float:left; width:259px; height:182px; border:#111 0px solid; padding:2px; margin:0 0 0 10px; color:#333 !important; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; }
.widget a { font-weight:bold; }
.widget h5 { font-size:150%; letter-spacing:-0.1em; margin-top:0; }
.widget table { width:100%; margin-top:27px; }
.widget td { color:#333 !important; padding:0 4px; }
#leaderboard { background:url(../../images/bgwidget1.png) no-repeat; }
#upcoming { background:url(../../images/bgwidget2.png) no-repeat; }
#host { background:url(../../images/bgwidget3.png) no-repeat; }
#leaderboard td { padding:0; font-size:90%; }
#upcoming td {  }
#host td {  }