/*
Name: MoeTheMonsters
Date: 
Coder: Ace_luffy
Author URI: http://www.creationcrew.com/
*/
/******************* Body *******************/
@font-face
{
font-family: coolvetica;
src: url('fonts/coolvetica.eot') format('truetype'); /* IE9 */
src: url('fonts/coolvetica.eot?#iefix') format('embedded-opentype'),
     url('fonts/coolvetica.woff') format('woff'),
     url('fonts/coolvetica.ttf') format('truetype'),
	 url('fonts/coolvetica.svg#Ccoolvetica') format('svg'); 
	 font-style: normal;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.clear
{
	clear:both;
}
ul {
	list-style: none;
}

* {
	margin: 0;
	padding: 0;
}
img {	border:0px none;
	overflow:hidden;
	filter:progid:DXImageTransform} 


body {
	background: #090012 url('images/bg_out.jpg') center top no-repeat;
	color: #000;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;

}

#container {
    margin-left:auto;
    margin-right:auto;    
    margin:0 auto;
	width:1014px;
	min-height:100%;
	background: #170030;
}

.space { height:10px; width:100%; overflow:hidden;}
.space1 { height:20px; width:100%;overflow:hidden;}
.interval { height:40px; width:100%;overflow:hidden;}
.center { margin-left:auto; margin-right:auto;}
.center2 { text-align:center;}
.clear {clear:both;}

#centerpix{ width:988px;margin:0 auto; }
/********header********/

#header_base{width:1014px; height:610px; position:relative;  overflow:hidden;     margin:0 auto;}
#headerjoin_base{width:1014px; height:345px; position:relative;  overflow:hidden;     margin:0 auto;}
#header{width:100%; height:555px; position:absolute; z-index:1; top:0; left:0; }
#header_base .logo { position:absolute; top:46px; left:465px; width:518px; height:305px;}

/**/
#menu{ width:1014px; height:48px;left:115px;background: url('images/bg_nav.jpg') no-repeat;}
#menu ul li{ float:left; padding-right:20px;}
.home{ padding-left:45px; }

/**/

/********content********/
#contentbox {width:1008px; margin:0 auto;  }
#contentbox .header{width:1008px; height:27px; margin:0 auto; background: url('images/box_header.jpg') no-repeat; }
#contentbox .center{background:url('images/box_bg.jpg') repeat; overflow:hidden; height:100%; padding:0px 6px 0px 10px;}
#contentbox .leftbox{ float:left; width:720px; }
#contentbox .rightbox{ float:right; width:259px;}
#contentbox .joinleftbox{ float:left; width:520px; }
#contentbox .joinrightbox{ float:right; width:459px;}
#contentbox .footer{width:1008px; height:27px; background: url('images/box_footer.jpg') no-repeat;}

#episode_content #join{ top:1; left:295px; position:absolute;}
#episode_content {width:725px; height:100%; background-color:#dfdfdf ; border: 1px solid #818181;}
#episode_content #holder{padding:3px;}
#episode_content .thumbset{float:left; width:720px;  }
#episode_content .thumbs{float:left;padding-top:4px;padding-right:15px; }
#episode_content .thumbs2{float:left;padding-top:4px;}
#episode_content #episdoedesc{float:left; width:98%; margin-left:2px; padding-left:10px; margin-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#fff ;}
#episode_content #episdoetitle{float:left; width:99%; padding-left:6px; margin-top:10px; margin-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#4b0067; text-transform:uppercase; font-weight:bolder;	  }
#episode_content .boxbase { width:930px  ; margin:0 auto;  }
#episode_content .boxbase2 { width:930px  ; margin:0 auto;  }

#thumbholder { float:right; width:243px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; margin-bottom:10px;}
#thumbholder .thumbs{ float:left; width:234px;  }
#thumbholder .title{ float:left; width:205px; color:#3f0085; padding-left:5px; }
#thumbholder .title a{ color:#3f0085; }
#thumbholder .rate{ float:left; width:23px; color:#707070 }
#thumbholder .rate a{color:#707070 }

#pthumbholder { float:left; width:190px; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bolder; margin-bottom:10px; margin-left:40px;}
#pthumbholder .thumbs{ float:left;  }
#pthumbholder .title{ float:left; width:190px; color:#3f0085; text-align:center; margin-top:7px;   }
#pthumbholder .title a{ color:#3f0085;    }

#headlines {  color:#3f0085; font-family: Arial, Helvetica, sans-serif; font-size:23px; font-weight:bolder; margin-bottom:10px; text-align:center; font-weight:bolder;}

.headlinesjoin {line-height: 1; font-size:33px; color:#3f0085; text-align:center; font-weight:bolder;}

#headlines a{ color:#3f0085;}

#sitelist { width:920px; margin:0 auto; }
#sitelist .box{ float:left; padding-right:5px; padding-top:10px;  }

#abcd {width:100%;  color:#3f0085; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:23px; font-weight:bolder; margin-bottom:10px; text-align:center; text-transform:uppercase;font-weight:bolder;}
#abcd a{ color:#3f0085;}
#abcd .letters {margin-right:6px;}
#abcd .letters a{ float:left; color:#3f0085;}

#pagination {width:100%;  color:#3f0085; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; margin-bottom:10px; text-align:center; }
#pagination a{ color:#3f0085;}


#footer {font: 15px 'coolvetica' ; color: #fff}
#footer a{font: 15px 'coolvetica' ; color: #fff}



/********scrollerdown********/
/*Example CSS for the two demo scrollers*/
/*<![CDATA[*/


.Vertical{
  position: absolute;width:102px;height:157px;
}
/*]]>*/

<!--