/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF
	}

a {
	color: #CCC;
	}


a:link, a:visited {
	color:#FFA71F;
	text-decoration:none;
	}
	
	
a:link:hover, a:visited:hover {
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none
	}

h1, h2, h3, h4, ul, li {
	padding:0px;
	margin:0px;
	list-style:none
	}

#container {
	width:1000px;
	margin:0px auto;
	}

#top {
	margin:15px 0 10px 0;
	border-bottom: solid 1px #FFA71F;
	position:relative;
	height:78px;
	}
#top h1{
	font-family:Arial, Helvetica, sans-serif; 
        font-weight:normal; 
        font-size:15px; 
        color:#FC0
	}
#top h3.title{
	font-weight:normal; 
        font-size:11px; 
        color:#999
	}
#top .logo {
	position:absolute;
	}

#top .h1_box {
	position:absolute; 
        left:170px;
	}
	
#top .menu_top {
	position:absolute; 
	right:0px;
	color: #999;
	}
	
#top .menu {
	position:absolute; 
	bottom:0px; 
	left:170px; 
	display:inline; 
	height:30px; 
	width:550px; 
	background:url(images/menu_bg.gif) repeat-x
	}

#top ul {
	list-style:none;
	margin:0px; 
	padding:0px
	}

#top ul li {
	display: inline;
	float:left;
	border-right: solid 1px #000;
	height:30px
	}
	
#top ul li a {
	color:#FFF;
	}	
	
#top ul li:hover, #top ul li.home:hover {
	background: #2B2A2A
	}

#top ul li h3 {
	margin:0px;
	font-size:14px;
	padding: 8px 15px 0 15px;
	}
	
#top ul li.home {
	background:url(images/menu_bg_corner.gif) no-repeat left top;
	}

#top .search_form {
	position:absolute; 
	bottom:0px; 
	right:0px; 
	display:inline; 
	height:33px; 
	width:280px; 
	background: url(images/search_bg_corner.gif) no-repeat right #FFA71F;
	}

#top .search_form form {
	margin: 0px;
	padding: 6px 0 0 6px;
	}

#content {
	margin: 20px 0 10px 0;
	top:0px;
	height:100%
	}

#left {
	display:inline-block; 
	width:146px; 
	float:left;
	}
	
#left span.title {
	display:block;
	font-size:13px;
	padding-left:4px;
	margin-bottom:6px;
	font-weight:bold;
	padding-bottom:6px;
	border-bottom: solid 1px #242424
	}
	
#left ul {
	margin-top:15px
	}
	
#left ul li {
	margin: 0 0 4px 10px;
	color: #999;
	}
	
#left ul li.act{
	color:#FFA71F
	}	
	
#left ul li.act a{
	color: #CCC;
	}	
	
#right {
	display:inline-block; 
	width:844px; 
	right:0px;
	padding-left:10px;
	float:left
	}	
	
#right span.title {
	display:block;
	font-size:13px;
	margin-bottom:6px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:6px;
	border-bottom: solid 1px #242424
	}
	
#right .browse {
	font-size:13px; 
	margin-bottom:12px; 
	color: #666;
	}

#right .browse_by {
	color:#666;
	}

#right .browse strong, #right .browse_by strong {
	color:#FFF;
	}

#right span.cat_stats {
	color: #666;
	font-size:12px
	}
	
#right span.cat_stats strong{
	color: #CCC;
	font-weight:normal;
	}
	
#right .right_movies {
	margin-bottom:20px;
	margin-top:10px;
	}
	
#right span.video {
	display: inline-block;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width:202px;
	margin: 9px 6px 9px 0;
	color: #999;
	font-size:11px
	}

#right span.video .video-container {
	width: 188px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

#right span.video .video-container h2 {
	font-size:13px;
	margin-bottom:4px;
	font-weight:normal
	}
	
#right span.video .video-container h2.categories {
	text-align:center;
	margin:4px 0 0 0;
	}

#right span.video .video-container .video-thumb,
#right span.video .video-brief-thumb .video-thumb {
	border: 1px solid #333;
	background-color: #000;
	/*padding: 1px;*/
	max-width: 186px;
	max-height: 140px;
	}


#right span.video .video-container .stars {
	float: right;
	}
	
/** PAGINATION **/
.pagination {
  margin-bottom: 20px;
  margin-top: 8px;
  font-weight: normal;
  text-align: center;
}

.pagination span, .pagination span.arrow {
  padding: 0 4px;
}

.pagination span.arrow {
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif
	}

/** VIDEO **/	

.video_left {
	float:left; 
	width:645px; 
	padding-left:5px
	}
	
.video_left h2 {
	font-size:28px; 
	font-weight:normal;
	margin:0px;
	padding:0px;
	}
	
.video_left	span.video_date {
	font-size:11px; 
	color: #999; 
	font-family:Verdana, Geneva, sans-serif;





	display:block;
	margin-top:2px
	}
	
.video-player-container {
	display: inline-block; 
	margin-bottom: 20px; 
	margin-top:10px
	}
	
span.video-player-container {
	display: inline-block; 
	margin-bottom: 30px;
	}

.video_left span.download {
	font-size:45px; 
	color: #FFF; 
	display:block; 
	text-align:center
	}
	
.video_left span.download a {
	font-size:35px;
	letter-spacing:-1px;
	}
	
#video_right {
	float:left; 
	width:345px; 
	padding:50px 0 0 5px
	}
	
#video_right .movie_info {
	margin-bottom:16px; 
	text-align:justify;
	color:#CCC
	}
	
#video_right .movie_info span.title {
	font-size:13px; 
	font-weight:bold; 
	display:block; 
	margin-bottom:4px;
	color:#FFF
	}	

#video_right .movie_info span.title a {
	font-weight:normal;
	}
	
#video_right .movie_info .spon_img {
	position:relative; 
	width:338px; 
	height:242px; 
	margin-bottom:4px;
        color:#FFF;
	}
	
#video_right .movie_info .spon_img img {
	border: solid 1px #FFA71F;
	}
	
#video_right .movie_info .spon_title {
	position: absolute; 
	right:0px; 
	bottom:1px; 
	background-color:#FFA71F; 
	padding:3px 5px; 
	text-align:right;
	font-size:19px;
	}
	
#video_right .movie_info .spon_title a {
	font-size:18px; 
	font-weight:bold; 
	color:#FFF
	}


#footer {
	background:#080808; 
	border-top: solid 1px #FFA71F; 
	padding:10px; 
	color:#666; 
	margin-top:15px
	}


/** RATING STARS **/
#rater-stars {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
}

.rater-div {
  position: absolute;
  width: 19.6px;
  height: 21px;
  top: 2px;
  left: 0px;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

#rater-text {
  position: absolute;
  top: 5px;
  left: 100px;
}

.video_left .rating {
	position: relative;
	text-align: left; 
	margin-top:20px;
	height:50px
	}

.video_left .rating span.rating_info {
    position: absolute; 
	width:94px; 
	text-align:right; 
	font-size:11px; 
	color:#999; 
	top:26px;
	left:0px
	}
	
.video_left .rating span.video_views {
	position: absolute; 
	right: 0; top: 0.3em;
	color:#999;
	font-size:11px;
	text-align:right
	}

/** CLIPS **/

#clips {
	text-align:center;
	margin:0px auto;
	}

#clips img {
  filter: alpha(opacity=25);
  opacity: 0.25;
  cursor: pointer;
  margin: 0 10px;
}

#clips img:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

#clips img.selected {
  cursor: default;
  filter: alpha(opacity=100);
  opacity: 1;
}
#player-content {
  display: none;
  position: absolute;
  width: 620px;
  height: 460px;
  background-color: #000;
  padding: 10px;
  opacity: 0.95;
  text-align: left;
}

#player-content-icons {
  position: absolute;
  bottom: 40%;
  width: 620px;
  text-align: center;
}

#player-content-icons img {
  margin-left: 6px;
  margin-right: 6px;
}

#player-content-banner {
  position: absolute;
  bottom: 75%;
  width: 620px;
  text-align: center;
}
