/*  
Theme Name: Cheerleaders for Sex
Theme URI: http://CheerleadersforSex.com/
Description: High end custom design for Cheerleaders for Sex
Version: 1.0
Author: FDSign
Author URI: http://fdsign.com
*/

/* RESET BROWSERS */ 
html, body {
	margin : 0;
	padding : 0;
}

body {
	font : 12px  Arial, Helvetica, Tahoma, Verdana, sans-serif; color : #000;
	background : #ededed; text-align : center; /* IE centering */
	width : 100%; min-width : 980px; line-height:1.2;
	padding-bottom:10px;
}


p {letter-spacing:1px;}
hr{clear:both; margin:10px 0; visibility:hidden;}
img{border:0;}

h1, h2, h3, h4, h5{font-family: Arial, Lucida, Tahoma, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0; text-decoration:none;}
ul{list-style-type:none; padding:0; margin:0;}
h1{font-size:16px; font-weight:bold; padding:5px; color:#333;}
h2{font-size:31px; }
h3{font-size:24px; font-weight:bold; letter-spacing:-1px; color:#039; text-align:left;}
h3 a{font-size:24px; font-weight:bold; letter-spacing:-1px; color:#039;}
span.bluey{font-size:18px; color:#06f; }
.grayish{font-size:18px; color:#aaa; clear:both;}
span.blueysmall{font-size:14px; color:#06f; }
span.purplesmall{font-size:14px; color:#906; }
p.nextpage a{font-size:24px; text-decoration:underline;}

/* LINK PSEUDO */


a:link {
	color : #06f;
	text-decoration : none;
}

a:visited {
	color : #906;
	text-decoration : none;
}

a:hover {
	color : #f00;
	text-decoration : underline;
}


/* LAYOUT & POSITION + HEADER GFX */


#container {position:relative; text-align : center; width : 980px; margin : auto auto; background:#fff url(bg.png) repeat-x; background-position:bottom; margin-top:5px; border:1px solid #999; }
#containerjoin {position:relative; text-align : center; width : 980px; margin : auto auto; background:#fff url(bg.png) repeat-x; background-position:top; margin-top:5px; border:1px solid #999; }

#header {position:relative; left:0px; top:0px; width:980px; height:480px;}
#header_small {position:relative; left:0px; top:0px; width:980px; height:294px;}

#nav {position:relative; width:980px;height:42px;}
#navleft{float:left;}
#navleft img{border:0; margin:5px 15px 10px 10px;}
#navright img{border:0; margin:5px 7px 10px 8px;}

#mainbody{padding:10px;}
#yellowzone{background:#ffc; text-align :left; padding:5px 10px 0; border:1px solid #ff6; margin-bottom:20px;}
#yellowzone p{letter-spacing:0.8px;}
#leftext{width:580px; float:left; margin-right:10px;}
#bluezone{width:320px; background:#06c; text-align :left; padding:5px 10px; border:1px solid #069; float:left; color:#fff; font-size:18px;}
#bluezone span{font-family:"Arial Black", Arial, sans-serif; font-weight:normal; }
#bluezone a{color:#fff;}
#bluezone ul{margin:10px;}

/* EPISODES */

.episode{position:relative; float:left; width:464px; height:334px; background:#fefefe; border:1px solid #ccc; padding:3px; margin:20px 4px;}
.episode li img{float:left; width: 110px; height:75px; border:1px solid #000; margin:2px;}
.epitext{text-align:left; padding:4px;}
img.seethis{border:0;}
.episode_link {position: absolute; top: 300px; left: 3px; }

/** FOOTER **/
#footer{margin-top:20px;}
.bottomlink{clear:both;}
#credits{color:#f9f9f9; margin-top:-30px; }

/* JOIN */
#headerjoin {position:relative; left:0px; top:0px; width:980px; height:360px;}
#containerjoin h2{margin-bottom:20px; color:#f00; font-weight:bold;}
#joinform{width:530px; float:left; }
#joinright{width:430px; float:left;}
#join-footer{background:#039; text-align:center;}
#join-footer h3{color:#fff; font-size:14px;  text-align:center;}
#join-footer ul{margin:20px 0;}
#join-footer li{width:150px; float:left; margin:10px 5px;}
#join-footer li img{width:150px; border:1px solid #fff}

.options { width:968px; height:40px; display:block; margin-right: auto; margin-left: auto; text-align: center; font: bold 11px/40px Arial, Helvetica, sans-serif; color: #000; }
.options a { color: #000; }
.options a:hover { color: #ee2b72; text-decoration: underline; }