@charset "UTF-8";
/* SchoolYardRules! Episodes CSS */
	
html,body {  

	background-image: url(intro/main.bg.dots.gif);
	background-repeat: repeat;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:30px;
	margin-right:30px;
	font-family:Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	line-spacing:1em;}

#wrapper{
margin:0px auto;
padding: 10px;
width: 900px;
height:100%;
background:#000;
}

#leftcol{
	background: #000;
	border:5px solid #fff;
	float:left;
	width: 400px;
	padding: 5px;
	margin-bottom:10px;}
	
#rightcol{
	float:right;
	width: 430px;
	padding: 5px;
	margin-bottom:10px;}
	
#currentposter{width: 380px;}


#about{
background-image: url(intro/main.bg.dots.gif);
background-repeat: repeat;
width: 400px;
padding: 10px;
}

#series{
background: #000;
width: 400px;
padding: 10px;
}

ul#navlist{
	width: 800px;
	margin-left:15px;
	padding:5px;
	clear:both;}

#navlist li{
	display: inline;
	list-style-type:none;
	padding:5px;}

#navlist a:link, #navlist a:visited{
	color: #696969;	
	text-decoration:none;
	padding:5px;
	margin-top:15px;}

#navlist a:hover{
	color: #1E90FF; 
	text-decoration: none;}

div#series a:link, a:visited{
	color: #FF69B4;
	text-decoration: none;}

div#series a:hover{
	color: #1E90FF;
	text-decoration: none;}
	
div#footer {
	margin:0 auto;
	clear:both;
	padding: 10px 10px 10px 30px;
	width: 800px;
	font-size: xx-small;
	letter-spacing: 1px;
	text-align: right;}

.pink {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	padding-left:0px;
	color: #FF69B4;
	background-color: #000;}
	
.blue {
	color: #1E90FF;
	font-size: 1em;
	line-height: 1.2em;}
	
.grey {color: #696969;}