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

html, body{
	Margin: 0;
}
body{
	background: black url(/images/bg-backend.gif) center 20px repeat-x;
}
/*-----------------------------------------------------------------------------------------------PLATFORM*/
.platform{
	width: 902px !important;
}
/*-----------------------------------------------------------------------------------------------HEADER*/
.header{
	width: 257px;
	height: 114px;
	background: url(/images/bg-header.gif) left top no-repeat;
	position: absolute;
	z-index: 101;
	top: 0;
	left: 50%;
	margin-left: -150px;
	text-align: center;
	padding: 10px 0 0 35px;	
}
.header a{
	display: block;
	width: 218px;
	height: 124px;
	background: url(/images/logo.png) center center no-repeat;
}
	a.sendtoFriend{
		width: 36px;
		height: 126px;
		background: url(/images/btn-sendto.gif) right top no-repeat;
		display: block;
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: 451px;
		z-index: 100;
		filter:alpha(opacity=50);opacity: .5;-moz-opacity:.5; 
	}
	a.sendtoFriend:hover{
		background: url(/images/btn-sendto.gif) right top no-repeat;
		filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;
	}
	
	.socialNet{
		display: block;
		position: absolute;
		top: 250px;
		left: 50%;
		margin-left: 451px;
		width: 35px;
		height: 350px;
	}
	.facebook, .myspace, .twitter, .youtube{
		display: block;
		float: left;
		width: 35px;
		height: 72px;
		background: url(/images/icon_facebook.gif) left bottom no-repeat;
		margin-bottom: 15px;
		filter:alpha(opacity=50);opacity: .5;-moz-opacity:.5;
	}
	.myspace{ background: url(/images/icon_myspace.gif) left bottom no-repeat;filter:alpha(opacity=50);opacity: .5;-moz-opacity:.5; height: 67px;}
	.twitter{ background: url(/images/icon_twitter.gif) left bottom no-repeat;filter:alpha(opacity=50);opacity: .5;-moz-opacity:.5; height: 62px;}
	.youtube{ background: url(/images/icon_youtube.gif) left bottom no-repeat;filter:alpha(opacity=50);opacity: .5;-moz-opacity:.5; height: 56px;}
	.socialNet a:hover{
		background-position: left bottom;
		filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;
	}
	
/*-----------------------------------------------------------------------------------------------CONTAINER*/
.container{
	color: #545454;
	color: #CCC;
	font: 14px "Trebuchet MS";
	/*line-height: 1.5em;*/
	border-bottom: 1px solid #171717;
	border-left: 1px solid #171717;
	border-right: 1px solid #171717;
}
.sidePanel{
	/*--width: 300px;--*/
	padding-bottom: 30px;
}
	.sidePanel .wrapper{
		border-top: 1px solid #171717;
		padding:  0 20px 0 20px;
	}
.bodyPanel{
	width: 599px;
	border-left: 1px solid #171717;
}
	.bodyPanel .wrapper, .content{
		border-top: 1px solid #171717;
		padding: 35px 40px 35px 40px;
		text-align: justify;
	}
.resources{
	width: 820px;
	padding: 150px 40px 35px 40px;
}
.resources a img{
	border: 3px solid #333;	
	margin-bottom: 10px;
}
.resources a:hover img{
	border: 3px solid #a20910;	
}
.resources a:hover{
	color: white;
}
/*-----------------------------------------------------------------------------------------------ATHLETES BIO PAGE*/
.ftAthletes{
		
}
	.bio{
		position: absolute;
		bottom: 35px;
		left: 32px;
		z-index: 23;
		height: 250px;
		width: 430px;
		padding: 30px;
		background: url(/images/bg-solidgrid3.gif);
		overflow: hidden;
	}
	.bio div{
		border-bottom: 1px dotted #2f2f30;
		margin: 10px 0 10px 0;
		padding-bottom: 10px;
		text-transform: uppercase;
		font-style: italic;
	}
	.bio div span{
		color: #a20910;
		margin-left: 10px;
	}
.wrapper2{
	border-top: 1px solid #171717;
	padding: 20px;
}
.athleteVideo, .athleteAlbum, a.athleteVote{
	display: block;
	background: url(/images/bg-solidgrid2.gif);
	padding: 20px;
	text-decoration: none;
}
	.athleteVideo{
		padding: 10px;
	}
	.athleteVideo a{
		width: 237px;
		height: 135px;
		border: 1px solid #232323;
		display: block;
		position: relative;
	}
	.athleteVideo a:hover{
		border: 1px solid #a20910;
	}
	.athleteVideo a span{
		position: absolute;
		top:40px;
		left: 40px;
		z-index: 23;
		width: 150px;
		width: 60px;
		height: 60px;
	}
	.athleteAlbum a{
		display: block;
		width: 70px;
		height: 65px;
		padding: 2px;
		border: 1px solid #232323;
		overflow: hidden;
		float: left;
		margin: 0 5px 10px 5px;
	}
	.athleteAlbum a:hover{	border: 1px solid #a20910;
	}
/*-----------------------------------------------------------------------------------------------FEATURED*/
.featured{
	display: block;
	position: relative;
	height: 515px;
	text-align: left;
	color: #878787;
}
	.featured h1{
		margin: 0 0 10px 0;	
	}
	.ftEpisode{
		background: url(/images/ft_episode.jpg) center top no-repeat;
	}
	.ftEpisode-portal{
		background: url(/images/ft_episode-portal.jpg) left 70px no-repeat;
		height: 715px;
	}
/*--home featured--*/
.ftHome{
	background: url(/images/ft-home.jpg) center bottom no-repeat;
}
.ftHome .cutout{
	position: absolute; bottom: -122px; left: -227px; z-index: 23;
}
.video{
	width: 541px;
	height: 300px;
	position: absolute;
	z-index: 90;
	top: 155px;
	left: 300px;
	padding: 20px;
	background: url(/images/bg-solidgrid.gif) center center repeat;
}
/*-----------------------------------------------------------------------------------------------FOOTER*/
.footer{
	padding: 30px 0 0 0;
	height: 110px;
	color: #1d1d1d;
	font: 10px "Trebuchet MS";
	text-transform: uppercase;
	line-height: 1.1em;
}
	.footer div{
		width: 200px;
		height: 27px;
		background: url(/images/btn-enfuse.gif) left top no-repeat;
		text-align: left;
		padding: 9px 0 0 90px;
	}
	.footer div:hover{ background: url(/images/btn-enfuse.gif) left bottom no-repeat;}
	.footer div a{ color: #1d1d1d; text-decoration: none;}
	.footer div a:hover{ color: #333333; text-decoration: none;}
/*-----------------------------------------------------------------------------------------------TEXT*/

h1{
	color: #a20910;
	font: italic normal 32px "Trebuchet MS";
	margin: 0 0 25px 0;
	padding-bottom: 5px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: -2px;
	border-bottom: 1px dotted #2f2f30;
}
	h1 span{
		color: white;
	}
h2{
	color: #a20910;
	font: italic normal 16px "Trebuchet MS";
	margin: 0;
	padding-bottom: 3px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
	h2 span{
		color: white;
	}
h4{
	color: #a20910;
	font: italic normal 24px "Trebuchet MS";
	margin: 0 0 25px 0;
	padding-bottom: 5px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
	border-bottom: 1px dotted #2f2f30;
}
	h4 span{
		color: white;
	}
.textGray{
	color: #585858;
	font: italic 12px "Trebuchet MS";
	line-height: 1.5em;
	letter-spacing: 0px;
}
.smallText{
	color: #444;
	font: 10px "Trebuchet MS";
	line-height: 1.5em;
}

a{
	color: #a20910;
}
.playEpisode{
	display: block;
	width: 190px;
	background: #a20910 url(/images/btn-play-episode.gif) left top no-repeat;
	padding: 14px 0 14px 60px;
	color:#999;
	font: bold italic 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float: left;
}
.playEpisode:hover{
	background-color: #CCC;
	color: #a20910;
}
/*-----------------------------------------------------------------------------------------------HOT BUTTONS*/
a{ text-decoration: none;}
form, input{
	margin: 0;
	padding: 0;
}
.btnAthletes, .btnVotenow{
	display: block;
	height: 60px;
	background: url(/images/hotbtn-votenow.jpg) left top no-repeat;
	text-decoration: none;
	padding: 40px 0 0 140px;
	border: 1px solid #0d0d0d;
}
.btnAthletes{
	background: url(/images/hotbtn-athlete.jpg) left top no-repeat;
	padding-left: 125px;
}
.btnAthletes:hover, .btnVotenow:hover{
	border: 1px solid #a20910;
}
/*----*/
.specailGuest{
	display: block;
	position: relative;
	height: 80px;
	background: url(/images/bg-hotbtn_grid.gif) center center repeat-x;
	padding: 43px 0 0 132px;
	color: #666666;
	font: italic 12px "Trebuchet MS";
	text-transform:uppercase;
	line-height: 1.2em;
}
.specailGuest img{
	position: absolute;
	z-index:23;
	bottom: 0;
	left: 0;
}
.newsLetter{
	display: block;
	height: 77px;
	background: url(/images/bg-hotbtn_grid.gif) center center repeat-x;
	padding: 23px 30px 0 30px;
	position: relative;
}
	.newsLetter .newsInput{
		height: 21px;
		width: 170px;
		margin-top: 6px;
		background: black;
		border: none;
		color: #333333;
		text-indent: 2px;
		padding-top: 3px;
	}
	.newsLetter .newsBtn{
		width: 39px;
		height: 39px;
		background: url(/images/btn-newsletter.gif) center top no-repeat;
		position: absolute;
		top: 42px;
		right: 32px;
		z-index: 23;
		border: none;
		cursor: hand;
	}
	.newsLetter .newsBtn:hover{
		background: url(/images/btn-newsletter.gif) center bottom no-repeat;
	}
/*--logos sponsors--*/
.logosCellWrapper{
	display: block;
	position: relative;
	height: auto;
}
	.logosCell{
		width: 143px;
		height: 143px;
		background: url(/images/bg-solidgrid2.gif) left top repeat;
		display: inline-block;
		float: left;
		padding: 10px;
		margin: 0 5px 10px 5px;
	}
	.logosCell div{
		width: 143px;
		height: 143px;
		background-position: left top;
	}
	.logosCell div:hover{
		background-position: left bottom;
	}
/*--wallpaper--*/
.wallpaperWrapper{
	display: block;
	position: relative;
	height: auto;
}
	.wpCell{
		width: 143px;
		background: url(/images/bg-solidgrid2.gif) left top repeat;
		display: inline-block;
		float: left;
		padding: 10px;
		margin: 0 5px 10px 5px;
	}
	.wpCell a{
		border: 1px solid black;
		display: block;
		width: 141px;
	}
	.wpCell a:hover{
		border-color: #a20910;
	}