/*
Theme Name: Persa
Description: Custom theme for www.persefoni.co.uk
Version: 1.0
Author: Thomas Hartnell
Author URI: http://www.thomashartnell.com/

*/

/* note: this css file is pre-processed by c-css.php for browser-specific styling */

/* CSS RESET */
*{outline:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


html{
		height: 100%;
		font-size: 100%;
	}
	
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, ul, li, form{
		margin: 0;
		padding: 0;
	}
	
body {
		height: 100%;
		padding: 0;
		margin: 0 auto 0 auto;
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: "Century Gothic", "century gothic", Arial, Helvetica, Verdana, Trebuchet, Sans-serif;
		color: #999;
		background-color: #222; 
		text-align: center;/* workaround for old IE to center wrapper */
	}
	
	
h1{}	

h2{
	
	font-size: 2.4em;
	text-align: left;
	color: #ccc;

}
h2.text{
	
	padding-left:4px;
}
h2 a, h4 a{
	
	text-decoration: none;
	color: #ccc;

}

h2 a:hover, h4 a:hover{
	

	color: #906;

}


h3{
	
	font-size: 1.1em;
	text-align: left;
}

h4{
	
	font-size: 1.2em;
	text-align: left;
	color: #999;
	
}




h5{}

h6{}	


#wrapper{
	
	position: relative;/* essential */
	margin: 70px auto 0 auto;/* essential for centering */
	width: 1020px;
	min-height: 750px;
	background-color: #222;
		
}

#navigation{
	
	float: left;	
	width:370px;	
	background-color: #222;	
}
#menu_main a, #menu_main a:link, #menu_main a:visited{color: #ccc; text-decoration: none;
font-weight: normal;
font-size: 1.2em;
/* letter-spacing: .3em; */

}
#menu_main a:hover{color: #906;}

#header{

	float: left;
	width:370px;


}

#sidebar{
	
	float: left;
	width: 355px;
	min-height: 500px;
	background-color: #222;
	text-align: left;
	padding-left: 15px;
}	

#content{
	
	float:left;
	width:650px;
	min-height:750px;
	background-color: #222;

	
	
}	

#news_header{
	
	float: left;
	margin-top:135px;
	padding-left: 50px;
	margin-bottom: 75px;
	
}


div.post{
	float: left;
	margin-top:135px;

	padding: 0 20px 80px 50px;
}

div.news_post{
	float: left;

	padding: 0px 20px 30px 50px;
	width: 640px;
}

div.navigation{
	
	float: left;
	margin-top:90px;
	padding-left: 50px;

	margin-bottom: 75px;
	width: 500px;
	
}

div.navigation .left{
	
	float: left;
}

div.navigation .right{
	
	float: right;
}

.post .title{
	
	text-align: left;
	padding-bottom: 10px;
}


.post .entry.page{
	
	padding-top: 40px;
	
}

.post .entry a img{
	
	float: left;
	margin: 0 10px 15px 0;
	border: 5px solid #222;
}

.post .entry a:hover img{
	
	border-color: #000;

}

.post .entry p{

	line-height: 1.8em;
	font-size: 1.1em;
	color: #ccc;
	padding-bottom: 10px;
	text-align: justify;
}



.post .entry blockquote {
	float: left;
	padding: 10px 50px 0 4px;
	width: 100%;
}

.post .entry p.postmetadata{

	float:left;
	padding-left: 4px;

}

li.category_link.current ul{
	
	position:absolute;
	width: 200px;
	left:200px;
	
}

ul.categories li{
	
	padding-bottom: 0px;
}

li.category_link a:hover img{
	
	background-image: url(images/underline.png);
}

li.category_link.current a img{
	
	background-image: url(images/underline.png);
}

li.category_link.current ul li a img{

	background-image: none;
}

li.category_link.current ul li a:hover img{
	
	background-image: url(images/underline_sml.png);

}

li.category_link.current ul li.current a img{
	
	background-image: url(images/underline_sml.png);
}

ul.category_posts li.current a{
	
	color: #906 !important;
}

ul.category_posts li{

	padding: 0 0 5px 0;

}



#menu_meta{

	padding: 35px 0 50px 5px;
	
}

blockquote a, .post .entry p.postmetadata a{
	

	color: #999;
	text-decoration: none;

}

blockquote a:hover, .post .entry p.postmetadata a:hover{
	

	color: #906;

}

ul.meta_links a{
	
	font-size: 1.2em;
	color: #999;
	text-decoration: none;
	line-height: 2.4em;
}

ul.meta_links a:hover{
	

	color: #906;

}

ul.meta_links li.current a, ul.meta_links li.current_page_item a{
	

	color: #906;

}

#wp_quotes{
	height: 20px;
	padding: 10px 20px 30px 20px;
	
}

.wp_quotes_author{
	
	visibility: hidden;
	
}