/****************** NEWS ******************/

div#news h2 {
	background:transparent url(../i/heading.gif) no-repeat scroll left top;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:13px;
	font-weight:normal;
	height:35px;
	line-height:35px;
	margin:0;
	padding:0 0 0 10px;
}
div#news h2 a {
	background:transparent url(../i/headinglink.gif) no-repeat scroll right top;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	height:35px;
	line-height:35px;
	text-decoration:none;
}
div#news h2 a:hover {
	background-position:right bottom;
	text-decoration: underline;
	color:#000790;
}
div#news a {color:#0084D7;text-decoration:none;}
div#news a:hover {text-decoration:underline;color:#000790;}
div#news img {
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
	padding:1px;
	background-color: #fff;
}
div#news a:hover img {
	border:1px solid #999;
}
div#news h3 {
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 5px;
	padding:3px 0 0 0;
}
div#news h3 a {text-decoration:none;}
div#news h3 a:hover {text-decoration:underline;}
div#news p {
	font-size:12px;
	line-height:19px;
	margin:0;
}
div.leftbox-container {
	height:104px;
	width:310px;
	margin:0 0 10px;
	padding: 0;
	clear: none;
}
div#news a.ad {font-size:1px; line-height:1px;}
div#news a.ad img {
	border:medium none;
	float:none;
	margin:10px 0;
	padding:0;
}
div#news a.last img {margin-right:0;}

/****************** GALLERY ******************/

div.leftcontent div#forum_recent {float:right; width:300px; margin-bottom:10px;}
div#gallery {width:100%;}
div#gallery h2 {
	color:#00376a;
	font-weight: bold;
	line-height:40px;
	height:40px;
	border-bottom: 1px solid #eaeaea;
	font-size:18px;
	margin:0 0 8px 0;
	padding:0;
}
div#gallery a.gallery_thumb {
	-moz-border-radius:5px;
	background: #E5E5E5 none no-repeat center center;
	border:1px solid #FFFFFF;
	float:left;
	height:145px;	
	margin:0;
	padding:0;
	width:158px;	
}
div#gallery a.gallery_thumb:hover {border:1px solid #aaa;}

div#gallery h2 {position: relative;}
div#gallery a.allgall {
	float:right;
	font-size:12px;
	line-height: 48px;
	font-weight: normal;
	position: absolute;
	right:0; top:0;
	}

div#gallery div.gallerynav {
	clear: both;
	height:50px;
	line-height:50px;
	display: block;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #eaeaea;
}

div#gallery div.gallerynav a {text-decoration: none; color:#0084D7;}
div#gallery div.gallerynav a:hover {text-decoration: underline;}

div#gallery div.gallerynav a.gallerynav {
	position: absolute;
	height:36px;
	width:36px;
	top:7px;
}
div#gallery div.gallerynav a.galleryleft {left:0; background: transparent url(../i/gallerynav.gif) no-repeat left top;}
div#gallery div.gallerynav a.galleryright {right:0; background: transparent url(../i/gallerynav.gif) no-repeat right top;}
div#gallery div.gallerynav a.galleryleft:hover {background-position: left bottom;}
div#gallery div.gallerynav a.galleryright:hover {background-position: right bottom;}

/****************** CHART ******************/

div#chart {
	width:316px;
	padding-top:170px;
	padding-bottom:55px;
	position: relative;
	display: block;
	float:left;
	background: transparent url(../i/chart-bgr.png) no-repeat left top;
	height: 224px;
}
div#chart img.chart-image {
	width:290px;
	height:130px;
	position: absolute;
	top:13px;
	left:13px;
	z-index: 3;
}
div#chart div#mediaspace {
	width:290px;
/* 	height:150px; */
	height:24px;
	position: absolute;
	top:13px;
	left:13px;
	z-index: 3;
	top:139px;
}
div#chart a.chart-image {
	width:290px;
	height:150px;
	position: absolute;
	top:13px;
	left:13px;
	z-index: 4;
	background: transparent url(../i/chart-play.png) no-repeat left top;
}
div#chart a.chart-image:hover {background-position: left bottom;}

div#chart ul {
	position: relative;
	z-index: 5;
	margin:0;
	font-size:12px;
	width: 295px;
	left:11px;
	padding:0;
}
div#chart ul li {
	clear:both;
	list-style-type:none;
	margin-top:5px;
}
div#chart ul li a {
	background:#ddd;
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	color:#000;
	display:block;
	height:25px;
	line-height:25px;
	padding-left:8px;
	padding-right: 35px;
	text-decoration:none;
	overflow: hidden;
	position: relative;
}
div#chart ul li a strong {color:#0084D7; font-weight: normal;}

div#chart ul li a:hover {
	text-decoration: none;
	cursor: pointer;
	background: #cecece;
	border-color:#cecece;
}

div#chart ul li a.active {
	color:#fff;
	background: #999;
	text-decoration: none;
	cursor: pointer;
	border-color:#888 #fff #fff #888;
}
div#chart ul li a.active strong {color:#fff;}

div#chart ul.disabled li a:hover {cursor: default; background:#ddd;	border-color:#ddd; }
div#chart ul.disabled li a.active:hover {cursor: default; background: #999; border-color:#888 #fff #fff #888;}

div#chart ul.results li a:hover {cursor: default; background:#ddd;	border-color:#ddd; }
div#chart ul.results li a.active:hover {cursor: default; background: #999; border-color:#888 #fff #fff #888;}

div#chart ul.results li a span.title {position: relative; z-index: 2;}
div#chart ul.results li a span.percent {
	position: absolute;
	left:0;
	top:0;
	height:25px;
	background-color: #f4f4f4;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;	
	width: 10%;
	z-index: 1;
	}
div#chart ul.results li a span.votes {
	font-size:11px;
	position: absolute;
	top:8px;
	right:5px;
	line-height: 10px;
	text-align: center;
	color:#666;
	z-index: 2;
}
div#chart ul.results li a span.votes b {font-size:11px; color:#333;}

div#chart a.button {
	background: transparent url(../i/chart-button.gif) no-repeat left top;
	position: absolute;
	bottom:11px;
	left:11px;
	text-align: center; 	text-decoration: none; text-transform: uppercase;
	font-size:16px;
	width:294px;
	height:36px;
	line-height:36px;
	display: block;
	color:#535b8c;
	letter-spacing: 1px;
	z-index: 5;
	margin:0;
}
div#chart a.button:hover {
	background-position: left bottom;
	color:#000790;
	text-decoration: none;
}
div#chart a.reset {
	background-image: url(../i/chart-button-small.gif);
	width: 90px;
	font-size:12px;
}
div#chart a.submit {
	background-image: url(../i/chart-button-normal.gif);
	width: 190px;
	left:auto;
	right:12px;
}

div#chart div.chart-bottom {
	position: absolute;
	bottom: 0;
	left:0;
	height:10px;
	display: block;
	width: 100%;
	background: transparent url(../i/chart-bgr.png) no-repeat left bottom;
	}
p.vote_message {
	margin:5px 0 10px;
	overflow: hidden;
	padding:0 15px;
	height: 60px;
	line-height: 15px;
	font-size: 11px;	
	}
	
span.error {
	color:#ED1C24;
	font-size: 11px;
	display: inline;
	float:none;
	line-height: 15px;
}
div#chart form, div#chart fieldset {margin:0; padding:0;}
div#chart dl {margin:0; padding:0 8px 0 15px;}
div#chart dl dt {float: left; width:90px; margin: 0 0 3px; }
div#chart dl dd {float: right; width:195px; margin: 0 0 3px;}
div#chart dl dd input {width:180px; margin: 0;}
div#chart dl dt label {width:90px; margin: 0; padding: 0; height: 27px; line-height: 27px; display: block;}

h2.results {
	font-size:16px;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0 12px;
	position: relative;
	font-weight: bold;
}
h2.results span {
	font-size:13px;
	position: absolute;
	top:0;
	right:12px;
	display: block;
	color: #333;
	font-weight: normal;
	}

/****************** SLIDER ******************/

div#featured {
	position: relative;
	height: 369px;
	background: #000 url(../i/featured.gif) repeat-x left top;
	padding:1px;
	overflow: hidden;
	width: 650px;
	float: left;
}
div#featured ul {
	padding:0;
	margin:0;
	height:69px;
	position: absolute;
	left:0;
	bottom:0;
}
* html div#featured ul  {width:655px;}
/* *:first-child+html {height:400px;} */

div#featured ul li {float:left; width:162px; border-left:1px solid #151D43;}

* html div#featured ul li {width:161px;}
div#featured ul li.leftcurve {border:none;}
div#featured ul li.rightcurve {width: 161px;}
div#featured ul li a {
	padding:10px;
	width:143px;
	height: 49px;
	float:left;
	color:#fff;
	text-decoration: none;
	font-size:13px;
	display:inline-block;
	background: #2A3568 url(../i/slider-nav.gif) no-repeat -163px -21px;
	line-height: 18px;
}
* html div#featured ul li a {width:142px;}
div#featured ul li.leftcurve a {background-position: left -21px;}
div#featured ul li.rightcurve a {background-position: right -21px;}

/* div#featured ul li a:hover {background-image: url(../i/slider-nav-hover.png); cursor: pointer;} */
div#featured ul li.ui-tabs-selected a,
div#featured ul li.ui-state-active a {
	background-image: url(../i/slider-nav-active.png);
	color:#ddd;
}

div#featured div.info {
	position: absolute;
	bottom:70px;
	left:0;
	background: transparent url(../i/slider-transparent.png) repeat left top;
	display:block;
	width:100%;
}
* html div#featured div.info {left:1px;}

div#featured div.info h2 {
	border:none;
	font-weight: normal;
	color:#fff;
	font-size:16px;
	line-height:25px;
	margin:0;
	padding:10px;
}
div#featured div.info h2 a {color:#fff;}

div#featured div.info span.slider-date {
	float:left;
	font-size:10px;
	line-height:10px;
	color:#8D9AD9;
	width:50px;
	text-align: center;
	display: block;
	padding:10px 0;
	margin:0 10px;
}
div#featured div.info span.slider-date span.big {
	display: block;
	line-height:36px;
	font-size:36px;
	color:#afbcf8;
}

/****************** SHOWS ******************/

div#shows {margin:10px 0;}

.boxgrid a { color:#8bd2ff; }
.boxgrid h3 {
	margin: 10px 10px 0 10px;
	padding:0;
	color:#FFF;
	font:16px Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
}

.boxgrid { 
	width: 160px; 
	height: 240px; 
	margin:0px; 
	float:left; 
	background:#fff; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	width: 160px;
	height: 240px;
}
.boxgrid p { 
	padding: 0 10px; 
	margin:3px 0;
	color:#C8DCE5; 
	font-weight:bold; 
	font:13px "Lucida Grande", Arial, sans-serif; 
	letter-spacing: -1px;
}
.boxgrid p.desc {
	font-family: Arial;
	font-size:12px;
	line-height: 14px;
	margin-top:10px;
	letter-spacing: 0;
	}	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: url(../i/popeye.png) no-repeat left top;
	height: 100px; 
	width: 100%; 
	height:200px;
	padding:40px 0 0;
	}
* html .boxcaption {padding:50px 0 0;}
*:first-child+html .boxcaption {padding:50px 0 0;}
.caption .boxcaption {	top: 165px; left: 0;}