/* Layout Stylesheet */ 


body {
	text-align: center;
	margin-top: 0px;
	}
	
img {border:0}

	
#wrapper {
	width: 1020px;
	margin: 0 auto; /* centering the page */
	text-align: left;

}



#news_wrapper {
	width: 1020px;
	margin: 0 auto; /* centering the page */
	text-align: left;

background-color: black;

float:left;


}





#outer_wrapper {
	width: 1020px;
	margin: 0 auto; /* centering the page */
	text-align: left;




}









#banner {
	text-align: left;
	padding-top: 5px;
}



/* navigation */


#main_nav{
	text-align:left;
	float:left;
	width:240px;
	padding-bottom: 40px;
	margin-right:200px;
}

 	
 #logo {
	float: left;
	width: 384px;
		}
		
		
#home_white   {

float: left;
width: 380px;
height:380px;

background: white;


}

#slideshowhome {
	width: 572px;
	height: 902px;
	background: url(http://www.joannaforest.com/images/slide/joanna_forest.jpg) no-repeat;
}


#footer {
	text-align:left;
	height:224px;
	width: 970px;
	background-image:url(http://www.joannaforest.com/images/footer.png);
	background-repeat: no-repeat;

	padding-top: 26px;
	padding-left: 50px;
	
	float: left;
}


#footerLeft {
width: 800px;
float: left;
}

#float_right {
width: 100px;
float: right;
margin-right: 20px;
}



#copyright {padding-left:10px;}
 
/* 2 main collumns */



.article_text  {

padding: 30px;


}

.article_related  {

margin: 15px 0 20px 30px;
float: left;
width:600px;

}


.related  {

float: left;
margin: 20px 30px 0 0;
width: 125px;


}


.article_title  {

margin: 15px 0 0 17px;

}


.main_image  {

margin: 25px 0 0 20px;

}



	.featured_image  {
	
	
	float:left;
	width: 225px;
	margin: 0 20px 0 0;
	
	}
	
	
	
		.featured_text  {
	
	
	float:left;
	width: 200px;
	
	
	
	}
	
	
		.secondary_image  {
	
	
	float:left;
	width: 170px;
	margin: 25px 5px 0 0px;
	
	}
	
	
		.secondary_text  {
	
	
	float:left;
	width: 280px;
	margin: 15px 10px 0 0px;
       padding: 0px;
	
	
	}



		.home_news_image  {
	
	
	float:left;
	width: 120px;
	margin: 45px 20px 0 0px;
	
	}
	
	
		.home_news_text  {
	
	
	float:left;
	width: 190px;
	margin: 15px 10px 0 5px;
       padding: 0px;
	
	
	}





	
	.secondary_story  {

float: left;
padding: 15px 25px 15px 0px;
margin: 0 0px 10px 15px;
width: 500px;


}


#featured_story  {

float: left;
padding: 40px 15px 15px 15px;
margin: 0 0 30px 0;

}


#clear, #clearnav {clear:both;}
	
	
	
	#news_holder {
	width:815px;
	
	background-color:#FFF;
	border: 5px solid #e9e1d7;
	padding: 10px 20px;
	margin-bottom:20px;
	margin-top: 30px;
	
	margin-top: 30px;
	position: relative;
	
        z-index: 1;
	float: left;
	
}


.related_image  {

margin: 0 0 10px 0;

}

	
	#news_menu  {
	
	padding: 50px 30px 0 70px;
	
	
	}
	

	#news_left {
	
		float: left;
	width: 475px;
	


	}


	#news_right {
	
	
	float: right;
	width: 320px;
        height:900px;
	background: url(http://www.joannaforest.com/images/news_right_back.png) no-repeat;
	margin: 0 0 0 0px;
	
	}
	
	
	.search   {
	
	margin: 0 0 40px 0;
	
	}
	
	
		.recent   {
	
	margin: 0 0 40px 0;
	
	}
	
			.categories   {
	
	margin: 0 0 40px 0;
	
	}
	
			.archive  {
	
	margin: 0 0 90px 0;
	
	}
	
	
	.news_divider  {
	
	
	margin: 0 0 0 40px;
	
	}

.home_divider  {
	
	
	margin: 0 0 0 25px;
	
	}


#mainContainer {
	text-align:left;
		background-color:#8e5653;
	


 }
 
 

 
 .news_header  {
 
 margin: 20px 0 0 60px;
 
 }
 
 
 .menu_link  {
 
 margin: 10px 0 8px 0;
 color: #797878;
font-size: 115%;
 
 }
 
  	
 #main_left {
	float: left;
	width: 414px;
	background-color:#8e5653;
	background-image: url(http://www.joannaforest.com/images/top_shadow.png);
	background-repeat: no-repeat;
	padding-left:34px;
	padding-top:30px;
	}
		
#main_pic {
	width: 572px;
	float:left;	
		}


#news_pic_article {
	width: 572px;
		float:right;
	background-image: url(http://www.joannaforest.com/images/news_back.jpg);
	
height: 1450px;
	
		}



#news_pic_container {
	width: 572px;
		float:left;

background: black;

}



#news_pic {
	width: 572px;
	float:left;	
	background-image: url(http://www.joannaforest.com/images/news_back.jpg);
	
	height:1470px;
	
		}





#bioContainer {
 background-color: #8E5653;
    background-image: url("/images/biogbottom_back.png");
    background-position: 448px 884px;
    background-repeat: no-repeat;
    text-align: left;
	width: 1020px;
		
 }



#concertContainer {
 background-color: #8E5653;
    background-image: url("/images/biogbottom_back.png");
    background-position: 448px 884px;
    background-repeat: no-repeat;
    text-align: left;
		
 }



 
 #press_holder {
	width:370px;
	background-color:#FFF;
	border: 5px solid #e9e1d7;
	padding: 10px;
	margin-bottom:30px;
}

		
#bio_holder {
	width:328px;
	background-color:#FFF;
	border: 5px solid #e9e1d7;
	padding: 20px 20px;
	margin-bottom:70px;
}
		
#bio_socialLinks {
	padding-top:54px;
	padding-left:105px;
	float:left;
	width:400px;


}


#home_socialLinks {
	padding: 54px 0 120px 105px;
	float:left;
	width:470px;

background-color:#fde6e5;

}



#media_socialLinks {
	padding-top:54px;
	padding-left:105px;
	float:left;
	width:470px;

background-color:#fde6e5;
height: 540px;

}







	
ul.disc {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	line-height: 2em;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: 4px solid #e9e1d7;
	padding: 10px 20px;
}

#slideshow {

	width:370px;
	height:500px;
	position:relative;
	margin-top: 5px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:290px;
  height:500px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:270px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:500px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:500px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://www.joannaforest.com/images//control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://www.joannaforest.com/images//control_right.png) no-repeat 0 0;
}





.float_right {
	float:right;
	padding-left:10px;
}



.cat_header  {

float: left;
padding: 25px 0 0px 40px ;
width: 420px;
text-align:left;


}

.home_news_header  {

float: left;
padding: 10px 0 0px 130px ;
width: 300px;
text-align:center;


}


.paginate_container  {

float:left;
margin: 0 0 0 40px;
background:blue;

}

.home_news_container  {

float:left;
background: #f7e3dc;
width: 380px;
margin: 0 0 40px 0;



border-style: solid;
border-width: 1px;
border-color: white;


padding: 0 0px 25px 0;

}

.home_news  {

float:left;
background: #f7e3dc;
width: 355px;

padding: 5px 0px 10px 20px;




}
