@import url("reset.css");

/****************************
1. Universal Styles
****************************/
body{
	color:#000000;
	background:#ffffff;
	font-family:Arial, Tahoma, Verdana;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
#page{
	width:1175px;
	margin:0 auto;
}
 
/****************************
2. Header Nav
****************************/
#header_nav{
	height:41px;
	background:#000000;
}
#header_nav h1{
	font-size:18px;
	color:#ffffff;
	padding:10px 0 0 10px;
	text-align:center;
}
#header_nav h1 span{color:#c2c2c2;}
#header_nav a:nth-child(2){
	display:block;
	height:31px;
	padding:10px 10px 0 10px;
	background:#c7f807;
	color:#000000;
	text-decoration:none;
	font-size:18px;
}
#header_nav a:nth-child(3){
	display:block;
	height:31px;
	padding:10px 10px 0 10px;
	background:#333333;
	text-decoration:none;
	color:#ffffff;
	font-size:18px;
}
#header_img{margin:1px 0 0 0;}
#header_img img{display:block;}
/****************************
	ads_row
****************************/
.row_ad{
	width:293px;
	height:287px;
	float:left;
	margin-right:1px;
}
.row_ad img{
	display:block;
	margin-bottom:1px;
}
.row_ad_desc{
	border:solid 1px #cccccc;
	background:#f3f3f3;
	height:80px;
	text-align:left;
	padding:5px 5px 0 5px;
 
}
.row_ad_desc p{
	margin:0 0 3px 0;
	font-weight:bold;
	font-size:18px;
}
.row_ad_desc span{font-size:14px;}
.row_ad_desc span a:link,
.row_ad_desc span a:active,
.row_ad_desc span a:visited{
	color:#c806b1;
	font-weight:bold;
}
.row_ad:nth-child(4){margin:0px;}
#titles{
	height:31px;
	background:#000000;
	font-size:18px;
	color:#ffffff;
	padding:10px 10px 0 10px;
	margin:16px 0 1px 0;
}
#titles p.titles_b{color:#f40ad8;}
#titles p span{color:#f40ad8;}
/****************************
	episodes
****************************/
#episode_a{width:784px;}
#episode_a img{
	display:block;
	margin-bottom:1px;
}
#episode_desc{
	position:relative;
	height:124px;
	padding:0 15px 0 15px;
	background:#f3f3f3;
	border:solid 1px #cccccc;
}
#episode_desc p{
	font-weight:bold;
	font-size:18px;
	margin:12px 0 12px 0;
}
#episode_desc span{font-size:14px;}
.hd-icon{
	position:absolute;
	top:12px;
	left:735px;
}
#episode_b{
	width:390px;
	text-align:center;
}
#episode_b img{
	display:block;
	margin-bottom:1px;
}
#link_buttons{
	width:358px;
	margin:0 auto;
}
.link_a:link,.link_a:active,.link_a:visited{
	display:block;
	width:318px;
	height:34px;
	padding:10px 40px 0 0;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-size:24px;
	font-weight:bold;
	background:url(../images/button.gif);
	margin:16px 0 0 0;
}
.link_a:hover{
	background-position:0 -44px;
	color:#ffffff;
}
.link_b{
	display:block;
	width:318px;
	height:34px;
	padding:10px 40px 0 0;
	background:url(../images/button.gif);
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-size:24px;
	font-weight:bold;
	background-position:0 -44px;
	margin:9px 0 0 0;
}
/****************************
	middle
****************************/
.middle{
	text-align:center;
	margin:45px 0 45px 0;
}
.middle p a:link,
.middle p a:active,
.middle p a:visited{
	font-size:48px;
	font-weight:bold;
	color:#f40ad8;
	text-decoration:none;
}
.middle p a:hover{text-decoration:underline;}
.middle span{
	font-size:24px;
	color:#000000;
	font-weight:bold;
}
/****************************
	Footer
****************************/
.footer{margin:100px 70px 10px 70px;}
#footer_link_a p:nth-child(1) a:link,
#footer_link_a p:nth-child(1) a:active,
#footer_link_a p:nth-child(1)  a:visited{
	font-weight:bold;
	font-size:90px;
	color:#f40ad8;
	text-decoration:none;
}
#footer_link_a p:nth-child(2) a:link,
#footer_link_a p:nth-child(2) a:active,
#footer_link_a p:nth-child(2) a:visited{
	margin-top:-6px;
 	font-size:24px;
	color:#ffffff;
	text-decoration:none;
	width:469px;
	height:29px;
	border-radius:5px;
	background:#000000;
	display:block;
	text-align:center;
	padding:5px 0 0 0;
}
#footer_link_a p:nth-child(2) a:hover{text-decoration:underline; color:#c7f807;}

#footer_logo{
	margin:200px 0 0 0;
	text-align:center;
}
#footer_bottom_links{
 	text-align:center;
	font-size:12px;
	color:#9c9c9c;
}
#footer_bottom_links p{margin:0 0 10px 0;}
#footer_bottom_links p a:link,
#footer_bottom_links p a:active,
#footer_bottom_links p a:visited{
	color:#f40ad8;
	text-decoration:none;
}
#footer_bottom_links p:nth-child(1) a:link,
#footer_bottom_links p:nth-child(1) a:active,
#footer_bottom_links p:nth-child(1) a:visited{
	margin:0 2px 0 2px;
	
}
/****************************
	video_page
****************************/
#video_page{
	position:relative;
	margin-top:17px;
}
#video_desc{
	border:solid 1px blue;
	padding:14px;
	width:274px;
	height:460px;
	background:#f3f3f3;
	border:solid 1px #cccccc;
}
#video_desc h2{
	font-weight:bold;
	color:#000000;
	margin-bottom:6px;
	font-size:18px;
}
#video_desc p{font-size:14px;}
#video_desc_buttons{
	position:absolute;
	bottom:18px;
	text-align:center;
	width:271px;
}
#video_desc_buttons a:nth-child(1):link,
#video_desc_buttons a:nth-child(1):visited
#video_desc_buttons a:nth-child(1):active{
 	display:block;
	font-size:14px;
	font-weight:bold;
	color:#f40ad8;
	margin-bottom:20px;
}
#video_desc_buttons a:nth-child(2):link,
#video_desc_buttons a:nth-child(2):visited
#video_desc_buttons a:nth-child(2):active{
	padding-top:10px;
 	display:block;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	font-size:24px;
	text-decoration:none;
	border-radius:4px;
	width:269px;
	height:34px;
	background:#c7f807;
	border:solid 1px #789602;
}
#video_desc_buttons a:nth-child(2):hover{
	background:#222222;
	color:#ffffff;
	border:solid 1px #000000;
}
.video_footer{margin:-40px 70px 10px 70px;}
.middle_video{
	text-align:center;
	margin:23px 0 45px 0;
}
/****************************
	join_page
****************************/
#join_page{margin-top:17px;}
#join_col_a{
	width:549px;
	height:430px;
	border:solid 1px #cccccc;
}
#join_col_a h2{
	width:549px;
	height:51px;
	background:#000000;
	color:#ffffff;
	font-size:28px;
	text-align:center;
	padding-top:22px;
	text-transform:uppercase;
	font-weight:bold;
}
#join_col_a h2 span{color:#cccccc;}
#join_col_a p{
	height:45px;
	background:#f3f3f3;
	font-size:14px;
	padding:13px 19px;
}
#join_col_a p:nth-child(2n+1){background:#dedddd;}
#join_col_a p:nth-child(5){background:#dedddd;height:47px;}
#join_col_b{
	width:609px;
	height:408px;
	border:solid 1px #cccccc;
	background:#f3f3f3;
	padding-top:22px
}
#join_col_b a{
	width:529px;
	height:85px;
	padding:20px 0 0 25px;
	display:block;
	margin: 2px auto 14px auto;
	border:solid 1px #789602;
	border-radius:5px;
	background:url(../images/button_arrow.gif) right no-repeat #c7f807;
	color:#000000;
    -moz-box-shadow: 0px 1px 8px #717a4d;
    -webkit-box-shadow: 0px 1px 8px #717a4d;
    box-shadow: 0px 1px 8px #717a4d;
	text-decoration:none;
}
#join_col_b a p{
	width:420px;
	font-size:30px;
	font-weight:bold;
}
#join_col_b a p span{
	display:block;
	font-size:14px;
	font-weight:normal;
}
#join_col_b_thumbs{
	display:block;
	text-align:center;
}
#join_col_b_thumbs img{
	display:inline-block;
	margin:0 1px 0 1px;
}
#join_col_b_text{
	padding:10px 0 0 25px;
	width:529px;
	height:37px;
	background:#000000;
	margin:-1px auto auto auto;
	position:relative;
	
}
#join_col_b_text p{
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	text-align:left;
}
#join_col_b_text img{
	position:absolute;
	top:0px;
	left:500px
}
#titles p.titles_join{color:#cccccc;}
.secured{display:block; margin:0 auto;}
.desc_join{	height:26px;}
.join_page_button{
	margin-top:17px;
	display:block;
	padding:20px 0 0 0;
	width:1175px;
	height:91px;
	background:#000000;
	text-decoration:none;
	text-align:center;
}
.join_page_button p{
	color:#f40ad8;
	font-weight:bold;
	font-size:46px
}
.join_page_button span{
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
}
.row_ad_join{height: 230px;}
.head_join{text-align:center;}
#header_nav h1 span.join_highlight{color:#f40ad8;}