/*================================================================================================================

				 Kudzuplayers.org Style Sheet
			       Author: Denardo Crawford, Creavolution Arts
				
===============================================================================================================*/




/* === Main ===*/

body {	
	font-family: "Book Antiqua";
	font-size: 13px;
	color: #B0B0B0;
	background: #080808;
	background-image:url(images/back1.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-attachment:fixed;
	
}



html, body {
	margin: 5px;
	padding: 0px;
}











/* === Page Containers ===*/

#pageHome {	
	
	margin:auto;
	width: 800px;
	height:600px;
	background-image: url(images/homeglow.gif);
	background-repeat: no-repeat;
	background-position: center;

}



#page {	
	
	margin: auto;
	width: 800px;
	height:600px;
	background-image: url(images/glow1.gif);
	background-repeat: no-repeat;
	background-position: top left;

}


#page-container {
	margin: 10px auto 10px auto;	
	width: 800px;
	height: 600px;	
	background: url(images/grid1.gif);

}









/*=== Logo ===*/

#logo {	
	margin: -10px 0px 0px 5px;
	position:absolute;
	border:0px;

}

#logo img{

	border-style:none;
}


#logoHome {	
	margin: 210px 0px 0px 270px;
	position:absolute;

}







/* === Homepage  ===*/





#community_photo {

	
	margin: 300px 0px 0px 570px;
	border:1px solid #336600;
	position:absolute;
	
}


#kidzu_photo {
	margin:200px 0px 0px 25px;
	border:1px solid #336600;
	position:absolute;
	
	
}


#ticket_photo {

	
	margin:20px 0px 0px 460px;
	border:1px solid #336600;
	position:absolute;
	
	
}


#audition_photo {

	
	margin:425px 0px 0px 50px;
	border:1px solid #336600;
	position:absolute;
	
	
}

#recent_news_container {

	margin:20px 0px 0px 20px;
	background:url(images/sideNav.png) repeat-x;
	width:320px;
	height:195px;
	position:absolute;
	

}

#recent_news_container h2 {
	
	font-weight:bold;
	color:#669933;
	font-size:16px;
	padding: 0px 0px 0px 5px;

}

#recent_news_container dl {
	
	
	padding: 0px 0px 0px 10px;

}


#recent_news_container p {
	
	
	padding: 0px 0px 0px 5px;

}

#recent_news_container span {	
	color: #336600;
	font-style:italic;
	
}


#recent_news_container a {

	color: #669933;

}

#recent_news_container a:hover {

	color: #336600;

}



/* === Navigation ===*/

#nav {		
	background: url(images/navBar.gif);
	width:560px;
	height:51px;
	margin: 40px 0px 0px 220px;
	position:absolute;
	font-family: "Book Antiqua";
	font-size: 18px;
	color: #336600;
	

}



#nav dl {	
	
	float:left;
	margin: 13px 0px 0px 10px;
	
	

}



#nav dt {	
	
	
	display:inline;
	list-style-type:none;
	padding-left: 5px;
	

}

#nav dt#Active {	
	
	text-decoration: none;
	color: #336600;

}



#nav a {	
	
	text-decoration: none;
	color: #333300;

}

#nav a:hover {	
	
	color: #336600;

}


#sideNav {
	background: url(images/sideNav.png);
	width:99px;
	height:195px;
	margin: 181px 0px 0px 21px;
	position:absolute;
	font-size: 16px;
	color: #669933;

}

#sideNav dl {	
	
	margin: 10px 0px 0px 5px;

}

#sideNav dt {	
		
	
	padding-bottom: 5px;
	
}

#sideNav dt#sActive {	
		
	text-decoration:underline;
	color: #336600;
	
}

#sideNav a {	
	
	color: #669933;
	text-decoration: none;
	
}

#sideNav a:hover {	
	
	color: #336600;

}



#audition {
	
	
	
	margin: 412px 0px 0px 195px;
	position:absolute;
	

}
#audition a {

	width:168px;
	height:137px;
	background-image: url(images/auditionButton.jpg);
	display:block;


}

#audition a:hover {

	background-image: url(images/auditionButtonHov.jpg);

}

#about {
		
	margin: 345px 0px 0px 80px;
	position:absolute;
	
}

#about a{

	width:140px;
	height:87px;
	background-image: url(images/aboutButton.jpg);
	display:block;
}

#about a:hover {

	
	background-image: url(images/aboutButtonHov.jpg);

}




#community {
		
	margin: 380px 0px 0px 460px;
	position:absolute;
	
}

#community a{

	width:178px;
	height:136px;
	background-image: url(images/communityButton.jpg);
	display:block;
}


#community a:hover {

	
	background-image: url(images/communityButtonHov.jpg);

}




#kidzu {
		
	margin: 180px 0px 0px 150px;
	position:absolute;
	
}

#kidzu a{

	width:93px;
	height:78px;
	background-image: url(images/kidzuButton.jpg);
	display:block;
}

#kidzu a:hover {

	
	background-image: url(images/kidzuButtonHov.jpg);

}




#season {
		
	margin: 150px 0px 0px 500px;
	position:absolute;
	
}

#season a{

	width:121px;
	height:111px;
	background-image: url(images/seasonButton.jpg);
	display:block;
}

#season a:hover {

	
	background-image: url(images/seasonButtonHov.jpg);

}




#ticket {
		
	margin: 100px 0px 0px 360px;
	position:absolute;
	
}

#ticket a{

	width:124px;
	height:91px;
	background-image: url(images/ticketButton.jpg);
	display:block;
}

#ticket a:hover {

	
	background-image: url(images/ticketButtonHov.jpg);

}




/*=== Main Content ===*/

#content {
	width:639px;
	height: 400px;
	margin: 141px 0px 0px 141px;
	position:absolute;
	background-repeat:repeat-x;	
	line-height: 19px;
	font-family:"Times New Roman";
	font-size:14px;
	color: #B0B0B0;
	background-image: url(images/content1.png);
	
	
}

#contentText{
	
	padding: 0px 10px 0px 15px;
	height: 285px;
	width: 600px;
	overflow:auto;

}

#content h1 {
	margin:0;
	color: #669933;
	font-weight:normal;
	font-size:25px;
	padding: 15px 0px 10px 15px;

}

#contentText h2 {
	
	margin:0;
	font-weight:bold;
	color:#336600;
	font-size:16px;
	padding: 0px 0px 0px 0px;

}

#contentText span {	
	color: #336600;
	font-style:italic;
	
}

#contentText p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;

}




#content a {

	color: #669933;

}

#content a:hover {

	color: #336600;

}


#content img {

	padding:1px;
	float:right;	

}







/*=== Footer Content ===*/

#footer{
	
	background:#080808;
	width: 759px;	
	margin: 561px 20px 0px 21px;
	position:absolute;
	font-size: 10px;
	color: #669933;
	height: 20px;
	
	
	

}


#footerRight dl {
	
	margin:0px;


}

#footerRight dt {	
	
	
	display:inline;
	list-style-type:none;
	padding-left: 5px;
	
}


#footer a {
	color: #669933;
	text-decoration: none;

}

#footer a:hover {
	color: #336600;

}




#footerLeft {
	
	float: left;
	text-align: left;
	padding: 4px 5px 0px 5px; 
	height:16px;
	

}


#footerRight{
		
	float:right;
	padding: 4px 5px 0px 5px;
	height:16px;
	
}