/*



Theme Name: Natural Essence



Theme URI: http://templates.arcsin.se/



Version: 1.0



Description: Soft and natural two-column theme supporting widgets. Based on the <a href="http://templates.arcsin.se/">free website template</a> Natural Essence. Also available as <a href="http://templates.arcsin.se/natural-essence-joomla-template/">Joomla template.</a>



Author: Viktor Persson



Author URI: http://arcsin.se/



*/







/* default elements */



* {margin: 0; padding: 0;}







body {



	background-color: #333C21;



	color: #222;



	font: normal 80.5% sans-serif;



	/*padding: 2% 0;*/



}







a {color: #3b491f;}



a:hover {color: #64842b;}







big {font-size: 1.1em;}







h1,h2,h3 {color: #3b491f; padding: 8px 0 2px;}







h1 {font: normal 2.4em serif,sans-serif;



		}



.post h1{



		background-image:url(img/post.jpg);



		background-repeat:no-repeat;



		padding-top:10px;



		min-height:55px;



		text-indent:60px;



		padding-top:10px;



		line-height:1.1em;



}		



h1 a {text-decoration: none;}







h1 a:hover {text-decoration: underline;}







h2 {font: normal 1.6em serif,sans-serif;}



h3 {font: bold 1.2em serif,sans-serif;}











		



	



blockquote {



	background: url('img/quote.gif') no-repeat;



	display: block;



	font: normal 1.1em Georgia,serif;



	padding-left: 26px



}







form,table {margin-bottom: 1.2em;}



img {border: none;



	margin-left:auto;



	margin-right:auto;}



label {display: block;}



li {line-height: 1.5em;}



p {padding: 2px 0 10px;}



small,.small {font: normal 0.9em sans-serif;}



ul,ol {padding: 0 2em 1.2em;}







/* structure */



#wrapper {



	background: #332 url(img/wrapper.gif) no-repeat left bottom;



	margin: 0 auto;



	width: 750px;



}



#container {







	



	font-size: 1.3em;



	line-height: 1.3em;



	margin: 0 auto; background: #FBF9F4;



	width: 750px;



}







/* header */



.title {



	background: #E2DED5;



	border-top: 1px solid #996;



}



.title h1 {



	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;



	padding: 1px 0 1px 18px;



}







.header {



	border-top: 2px solid #663;



	background: #DAD7C5 url(img/header.jpg) no-repeat left bottom;



	height: 150px;



}







/* navigation */



.navigation {



	background: #EAE7DF url(img/nav.gif) repeat-x; height: 41px;



	border-top: 1px solid #996;



}



.navigation ul {padding: 0; margin: 0;}



.navigation li {float: left; list-style: none;}



.navigation li a {



	background: #FFF url(img/nav.gif) repeat-x;



	border-right: 1px solid #C9C6B3;



	color: #553;



	display: block;



	font: bold 1em Tahoma,sans-serif;



	line-height: 41px;



	padding: 0 14px;



	text-align: center;



	text-decoration: none;



}



.navigation a:hover {



	background-position: left bottom;



	color: #221;



}



.navigation .current_page_item a {color: #331;}







/* main */



.main {background: #72834d url() repeat-y;}







/* posts */



.post .descr {



	color: #630;



	font-size: 0.9em;



	margin: 2px 0 4px;



}



.post .info{



	border-top: 1px dashed #AAAA9A;



	color: #222;



	font-size: 0.9em;



	font-weight: bold;



	margin: 4px 0 8px;



	padding: 8px 0;



}



.post img {border: 2px solid #CCB; margin: 4px 0;}



.post a img {border: 2px solid #CCB;}



.post a:hover img {border-color: #AA9;}







/* bottom */



.bottom {



	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;



	border-top: 1px solid #AA8;



	color: #444;



	padding: 14px 20px;



}



.bottom .left,.bottom .right {width: 49%;}







/* footer */



.footer {



	



	color: #444;



	padding: 10px;



}



.footer .left {width: 66%;}



.footer .right {



	width: 33%;



	text-align: right;



}



.footer a {



	color:#444;



	text-decoration: none;



}



.footer a:hover {



	color: #444;



	text-decoration: underline;



}







/* misc */



.content {padding: 18px 20px;}



.right .content {padding: 12px 10px;}



.left {float: left;}



.right {float: right; }



.clear,.clearer {clear: both;} 



.clearer {font-size: 0;}



.col2 .left {width: 70%;



			background-color:#FFFFFF;



			padding-left:5px;



			height:100%;



			}



.col2 .right {width: 29%;}







/* block list */



.block h2{



			background-image:url(img/h2.jpg);



			background-repeat:no-repeat;



			padding-left:65px;



			padding-top:12px;



			color:#FFFFFF;



			height:38px;



		} 







ul.block, .block ul {



	



	margin: 4px 0;



	padding: 0;



	width: 90%;



}



.block li {



	



	list-style: none;



}



.block li a,.block li em {



	color: #ffffff;



	display: block;



}



.block li em {



	font-size: 0.9em;



	font-style: normal;



}



.block li a {



	padding: 4px 3%;



	text-decoration: none;



	width: 94%;



}



.block li a span {font-weight: bold;}



.block li a:hover {



	color: #3b491f;



	background: #D2D0C0;



}







.right .block,.right .block li {border-color: #ffffff;}



.right .block li a:hover {background: #F2F0EA;}









/* block list */



.block2 h2{



			background-image:url(img/h2.jpg);



			background-repeat:no-repeat;



			padding-left:65px;



			padding-top:12px;



			color:#FFFFFF;



			height:38px;



		} 







ul.block2, .block2 ul {



	



	margin: 4px 0;



	padding: 0;



	width: 90%;



}



.block2 li {



	



	list-style: none;



}



.block2 li a,.block2 li em {



	color: #64842b;



	display: block;



}



.block2 li em {



	font-size: 0.9em;



	font-style: normal;



}



.block2 li a {



	padding: 4px 3%;



	text-decoration: none;



	width: 94%;



}



.block2 li a span {font-weight: bold;}



.block2 li a:hover {



	color: #3b491f;



	background: #D2D0C0;



}







.right .block2,.right .block2 li {border-color: #ffffff;}



.right .block2 li a:hover {background: #F2F0EA;}



/* comments */



#commentlist li {



	margin-bottom: 1.5em;



	padding-bottom: 1em;



	border-bottom: 1px solid #700000;



}



#commentform {



	margin: 1em 0;



	width: 280px;



}







textarea.styled {width: 280px;}







.styled {



	font-size: 1.1em;



	background: #FCFCFC;



	border: 1px solid #C6C3C3;



	padding: 2px;



}



.styled:hover {



	background: #FFF;



	border: 1px solid #C6C3C3;



}



.styled:focus {



	background: #FFF;



	border: 1px solid #939793;



}



#commentform input {margin-bottom: 3px;}



.commentmetadata a {font-size: 1em; color: #666;}







/* calendar */



#wp-calendar {color: #A0A0A0;}







.col2 .right table caption {border-bottom-color:#000;}



.col2 .right table thead tr {



  border-bottom-color: #000;



  color: #A53512;



}



.col2 .right table th {border-bottom-color:#000;}



.col2 .right table td#today {



  border-color: #000;



  color: #A53512;



}



.col2 .right table td a {



  border-bottom-color: #000;



  background-color: #EDF3DE;



}







.col2 .right table tfoot {border-top-color: #000;}



.col2 .right table tfoot a {background: none;}







/* calendar



--------------------------------------------------*/



#wp-calendar {



  display: inline-table;



  border-collapse: collapse;



  width: 185px;



  margin: 0px 10px 0 10px;



  text-align: center;



}







.col2 .right table caption {



  margin: -5px 10px 0 10px;



  padding-bottom: 5px;



  border-bottom: 1px solid;



  letter-spacing: 0.1em;



}







.col2 .right table thead tr {border-bottom:1px solid;}







.col2 .right table th {border-bottom:1px solid;}







.col2 .right table td {



  width: 225px; /* maximaize width; honestly, I don't know much about tables... */



  padding: 1px;



  font-size: 0.9em;



}







.col2 .right table td#today {



  padding: 0;



  border: 1px solid;



  font-size: 1em;



  font-weight: bold;



}







.col2 .right table td a {



  display: block;



  border-bottom: 1px solid;



  font-weight: bold;



  font-size: 1.15em;



}







.col2 .right table tfoot {border-top:1px solid;}



.col2 .right table tfoot a {



  border: none;



  font-weight: bold;



}



.col2 .right table tfoot #prev a {text-align:left;}



.col2 .right table tfoot #next a {text-align:center;}







#searchform {padding:10px;}







#topHeader{



		background-color:#535C4B;



		border:none;



		height:255px;







}







#headLeft {



	position: relative;



	left: 0px;



	width: 150px; 



	text-align: left;



	padding-left: 10px;



	padding-right: 5px;



	padding-top: 1px;



	float: left;



	padding-top: 1px;



	}



	



#headRight {



	position: relative;



	left: 0px;



	width: 250px; 



	padding-left: 9px;



	padding-right: 9px;



	padding-top: 1px;



	float: right;



	text-align: right;



}







/*.nav { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #efe8e2;
	background-image:url(img/navback.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:19px;
}

.nav a { 
	text-decoration: none; 
	color: #efe8e2;
	margin-left:25px;
}

.nav a:hover { color: #72860b; } */

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #efe8e2;
	background-image: url(images/navback.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
}
.nav a {
	text-decoration: none;
	color: #efe8e2;
	/*border-right: 1px dotted #efe8e2;*/
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.nav a:hover {
	color: #72860B;
}


/*#SpecialistHeader {
	margin: 0 ;
	padding: 0;
	height: 81px;
	width: 750px;
	}*/
	
#SpecialistHeader {
	/*background-image: url(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	};







}







#headLeft {



	position: relative;



	left: 0px;



	width: 150px; 



	text-align: left;



	padding-left: 10px;



	padding-right: 5px;



	padding-top: 1px;



	float: left;



	padding-top: 1px;



	}



	



#headRight {



	position: relative;



	left: 0px;



	width: 250px; 



	padding-left: 9px;



	padding-right: 9px;



	padding-top: 1px;



	float: right;



	text-align: right;



}







/*.nav { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #efe8e2;
	background-image:url(img/navback.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:19px;
}

.nav a { 
	text-decoration: none; 
	color: #efe8e2;
	margin-left:25px;
}

.nav a:hover { color: #72860b; } */

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #efe8e2;
	background-image: url(images/navback.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 21px;
	padding-top: 0px;
	text-align: center;
	/*text-transform: uppercase;*/
}
.nav a {
	text-decoration: none;
	color: #efe8e2;
	/*border-right: 1px dotted #efe8e2;*/
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.nav a:hover {
	color: #72860B;
}


/*#SpecialistHeader {
	margin: 0 ;
	padding: 0;
	height: 81px;
	width: 750px;
	}*/
	
#SpecialistHeader {
	/*background-image: url(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	}styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	};







}







#headLeft {



	position: relative;



	left: 0px;



	width: 150px; 



	text-align: left;



	padding-left: 10px;



	padding-right: 5px;



	padding-top: 1px;



	float: left;



	padding-top: 1px;



	}



	



#headRight {



	position: relative;



	left: 0px;



	width: 250px; 



	padding-left: 9px;



	padding-right: 9px;



	padding-top: 1px;



	float: right;



	text-align: right;



}







/*.nav { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #efe8e2;
	background-image:url(img/navback.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:19px;
}

.nav a { 
	text-decoration: none; 
	color: #efe8e2;
	margin-left:25px;
}

.nav a:hover { color: #72860b; } */

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #efe8e2;
	background-image: url(images/navback.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 21px;
	padding-top: 0px;
	text-align: center;
	/*text-transform: uppercase;*/
}
.nav a {
	text-decoration: none;
	color: #efe8e2;
	/*border-right: 1px dotted #efe8e2;*/
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.nav a:hover {
	color: #72860B;
}


/*#SpecialistHeader {
	margin: 0 ;
	padding: 0;
	height: 81px;
	width: 750px;
	}*/
	
#SpecialistHeader {
	/*background-image: url(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	}rl(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	}px;
	}styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	};







}







#headLeft {



	position: relative;



	left: 0px;



	width: 150px; 



	text-align: left;



	padding-left: 10px;



	padding-right: 5px;



	padding-top: 1px;



	float: left;



	padding-top: 1px;



	}



	



#headRight {



	position: relative;



	left: 0px;



	width: 250px; 



	padding-left: 9px;



	padding-right: 9px;



	padding-top: 1px;



	float: right;



	text-align: right;



}







/*.nav { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #efe8e2;
	background-image:url(img/navback.jpg);
	background-repeat:no-repeat;
	width:750px;
	height:19px;
}

.nav a { 
	text-decoration: none; 
	color: #efe8e2;
	margin-left:25px;
}

.nav a:hover { color: #72860b; } */

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #efe8e2;
	background-image: url(images/navback.jpg);
	background-repeat: repeat-x;
	width: 750px;
	height: 21px;
	padding-top: 0px;
	text-align: center;
	/*text-transform: uppercase;*/
}
.nav a {
	text-decoration: none;
	color: #efe8e2;
	/*border-right: 1px dotted #efe8e2;*/
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.nav a:hover {
	color: #72860B;
}


/*#SpecialistHeader {
	margin: 0 ;
	padding: 0;
	height: 81px;
	width: 750px;
	}*/
	
#SpecialistHeader {
	/*background-image: url(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	}rl(../styleImages/logo/topHeader.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	margin: 0 auto;
	padding: 0;
	height: 68px;
	width: 750px;
	}