/*  




Theme Name: LivingOS EPSILON
Description: A photo inspired church theme. Supports (optional), Widgets, RS Event, Jeromes Keywords, FAlbum and PloggerPress. 
Version: 2.2
Tags: green, slideshow header, 2-column, nature
Author: Tim Hyde




This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike License
*/




/*  basics */
* {margin:0;padding:0}
/* structure */
body{
	text-align:center;
	background: url(images/bg1.jpg) repeat-y center;}




div#header{
	height: 110px;
	position:relative;
	background: url(images/continerbgtop.jpg) no-repeat top;}




div#header h1{
	position:absolute;
	top:10px;
	left:85px;
	height:80px;
	line-height:80px;
	margin:0;
	color: #79B30B;
	}




.description{
	position:absolute;
	top: 65px;
	left: 100px;
}




div#container{
	text-align:left;
}




div#container{
	width:772px;
	margin: 20px auto 0em auto;
	background: #ffffff url(images/continerbg.jpg) repeat-y center;}




div#wrapper{clear:both;
	width:485px;
	float:left;
}




div#wrapper1{clear:both;
	margin: 2em auto 0 auto;
	width:750px;
	
}




div#content{
	margin-left: 10px;
	margin-right: 10px;}




div#navigation{
	float:left;
	width:280px;
	margin-bottom: 1em;
}




div#extra{clear:both;
	height:285px;
	width:758px;
	margin-left: 7px;
	background: url(images/headerpicture.jpg) no-repeat left;
         margin-right: 7px;}





div#extra-sidebar{
	height:285px;
	width:285px;
	float:right;
	text-align:left;
	margin-right: 7px;
	background: url(images/extrabar.jpg) repeat-x;
}

div#jerrypost{
	height:285px;
	width:285px;
	float:left;
	text-align:left;
	background: url(images/extrabar.jpg) repeat-x;
}




div#footer{
	clear:both;
	width:100%;
	height:50px;
	background: url(images/footer.jpg) no-repeat bottom;
	text-align: right;
	padding-bottom: 10px;}




/*navbar*/
/*----DROP DOWN TOP NAV----*/


#menuholder{
        position:absolute;
		margin: 0;
		padding: 0px;
		right: 0;
		top: 20px;
		margin-right: 7px;
        width: 600px;
		
}

#nav {
	float: right;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}


#nav a:hover {
	 background: url(images/menuon.jpg) repeat-X;
	color:#ffffff;
}


#nav li { /* all list items */
	float: left;
	display: inline;
}

#nav li a{
	 float: left;
	 color: #ffffff;
	 text-decoration: none;
	 background: url(images/menuoff.jpg) repeat-x;
	 height: 80px;
	 text-transform: uppercase;
	 margin-left: 1px;
	 text-align: left;
	 font-size: 0.8em;
	 display: block;
	 line-height: 20px;
	 padding-left: 5px;
	 padding-right: 5px;}




#nav li ul { /* second-level lists */
	position: absolute;
	top: 20px;
	background: #b0b1b1;
	width: 164px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;
}


#nav li ul a{ /* second-level lists */
	width: 144px;
	height: 20px;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: 0px 0 0 164px;
	padding: 0;
}

#nav li ul ul a{
	width: 144px;
	height: 20px;
	}

#nav li:hover, #nav li.hover {
    position: obsolute;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li.current_page_item a{
	 background:url(images/menuon.jpg) repeat-X; 
	 color:#666;}

/*links */
a{
	color: #326ea1;
	text-decoration: none;
	}

a:hover {
	color: #383d44;
}

a img {border:0;}	


/*images*/




img {
	border: 0;
}




/*typography*/




body {




	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;




	color: #555;




}



h1, h2, h3, h4, h5, h6 {




font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;




font-size: 1.6em;




	font-weight: normal;




	padding: 0em 0em 0em 0px;	




	margin-top: 0.8em;




	margin-bottom: 0.5em;




	color: #d44944;




text-transform: uppercase;




}



/* H1




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




h1 {




	font-size: 2.6em;




	line-height: 1.3em;




	color: #666;




font-family: Georgia, serif, Times, "Times New Roman";




text-transform: capitalize;




letter-spacing: -1px;}




h1 a{




	color: #666;




	border-bottom: 0em none;




display: block;}




h2 {




	font-size: 164%;




	line-height: 1em;




	




}




h2 a, h3 a, h4 a{color: #d44944;




	}




h3 {




	font-size: 145%;




	line-height: 1em;




	padding: 0.5em 0em 0em 0px;




}




h4 {




	font-size: 118%;




	line-height: 1em;


}






p {




	padding: 0em 5px 10px 0px;




}





small {




	font-size: 0.9em;


	line-height: 1.5em;




	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;




	}


div#footer p{margin-left: 5px;


font-size: 0.5em;


margin-right: 5px;




}


.post{


padding-left: 5px;


padding-right: 5px;}


.dte{


color: #a3a3a3;


margin-top: -1em;


margin-bottom: 1em;}


.postmetadata{


	clear:both;



	font-size: 0.8em;




	color: #a3a3a3;



	background: url(images/documents.gif) no-repeat center left;


	padding-left: 14px;


border-top: 1px #e3f5ff solid;


padding-top: 2px;}




.entry img{

	border: 1px #dbf1fc solid;

	padding: 5px;

	margin: 5px;}


.entry a:hover img{border: 1px #fdde6a solid;



}


.post ul, .post ol{

	margin-left: 50px;


	margin-right: 50px;


	margin-top: 0.5em;


	margin-bottom: 1em;}


.post ul li{


	list-style-type: square;}


.post blockquote{

	font-weight: normal;

	text-align: left;

	padding-left: 5px;

	font-size: 1em;


border-left: 4px #dbf1fc solid;


font-style: italic;

margin-left: 30px;

margin-right: 20px;}

.post blockquote em{

	float: right;

font-weight: normal;


font-size: 1em;


font-style: normal;}


/*special*/


span.amp {

	font-family: "Goudy Old Style", "Palatino",

	"Book Antiqua", serif;

	font-style: italic;

	font-size: 110%; }


/*LISTS*/


#navigation ul, #navigation li{

	list-style-type: none;

	margin: 0;

	padding:0;


text-indent: 0px;


}



/*events */


#extra-sidebar ul, #extra-sidebar li{


	margin:0;


	padding:0;


	list-style-type: none;}


#extra-sidebar ul{


padding-left: 20px;

padding-right: 20px;}


#extra-sidebar li{

	display:block;

	border-bottom: 1px #c8eb94 solid;

text-transform: uppercase;

color: #666;

font-weight: bold;}

#extra-sidebar li a{


text-transform: capitalize;

font-weight: bold;

color: #ffffff;}

#extra-sidebar li a:hover{

color: #e5ca63;}

#extra-sidebar h2{margin:0;

padding-left: 5px;

padding-top: 5px;

margin-bottom: 5px;

color: #dbf1fc;}
#extra-sidebar h2 a{color: #dbf1fc;}


/*comments*/	


#comments{

	margin-top: 10px;

	margin-left: 25px;

margin-right: 10px;}

.commentlist{

	margin-left: 5px;}

.commentlist li{

	background-color: #ffffff;

	padding: 2px;

list-style-type: none;}


.commentlist cite, .commentlist cite a {

font-style: normal;

	font-size: 1em;


font-weight: bold;}

.commentlist p{

	margin-top: 1em;}


.commentlist .alt{border-top: 1px #c2bfb2 solid;


border-bottom: 1px #c2bfb2 solid;


background-color: #fffdf8;}


.nocomments a{

background-image: url(images/figure.gif);


padding-left: 12px;


background-repeat: no-repeat;}


#respond{
	margin-top: 1em;}


/*forms*/	

input, textarea, select {	font: 1em Verdana, sans-serif; 

	background: #f8f8f8;

	border:1px solid #999;

	border-color:#999 #eef #eef #999;

	padding:1px;

	color: #444;}	

input#author, input#email{

	background-color: #fdffdd;}

input:focus, textarea:focus {background: #ffffff;}

input:hover, textarea:hover {


	background:#ffffff;


	cursor:text;}

input#submit {border: 1px #0f0000 outset;

	background-color: #e9e9e9;}

input#submit:hover {cursor: pointer;

	background-color: #fafafa;}

#comment{width:420px;

	font: 1em Verdana, sans-serif;


margin-bottom: 1em;}


#commentform{


margin-top: 1em;


}

#searchform{

margin-top: 5px;

margin-left: 5px;}

input#searchsubmit{

display: none;}

input#s {

	width: 180px;
	font-size: 1.2em;

border: 1px #aeab9f solid;}

.navigation{

	font: 1em/1.2em "Trebuchet MS",verdana, arial, helvetica, sans-serif;

	margin-left: 5px;
	margin-top: 5px;
	height:1.2em;
	border-top: 1px #dbf1fc solid;
	border-bottom: 1px #dbf1fc solid;


}


.navigation a{

	color: #333;

	font-style: normal;}


.navigation a:hover{

	color: #c2bfb2;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.related{

	margin-bottom: 1em;

	margin-top: 1em;}


.related ul{

	list-style-type: none;
	margin: 0;
	}

.related ul li{

	list-style-type: none;

	text-indent: 0;

	}


/*---archives---*/

.archivemonth{

	float:left;
	width:45%;}

.archivesubject{

	float:right;

	width:45%;}

.achiverecent{

	clear:both;}

.archive ul, .archive ol{

	list-style-type: none;

	line-height:1.2em;

	margin: 0;

	padding: 0;


	font-size: 1em;}

.clear{clear:both;}

.archive ul li {
	margin:0;
	list-style-type: none;}

.archive li a {

	padding: 0px;
	color: #83b449;
	text-decoration: none;


}

.children li{

	margin:0;
	padding:0;
	border: none;
	padding-left: 1em;}

.children li a {

	padding-left:0px;

	}					

.archive li a:hover {
	color: #333;




}


#pagenav{
margin-bottom: 1em;
height:25px;}
ul#pagenav{float:left;

	margin:0;
	padding:0;
	list-style-type:none;
	float:left;}

#pagenav li{
	float:left;
	list-style-type:none;


}


#pagenav ul a{
	display:block;
	padding: 5px;
	float:left;
	line-height:25px;
	color: #fff;
	background: url(images/menuoff.jpg) repeat-x bottom;
	margin-left: 1px;
	text-transform: uppercase;}

}



#pagenav li.current_page_item a{


background: url(images/menuon.jpg) repeat-x bottom;

color: #666;}


#pagenav li a:hover{


background-image: url(images/menuon.jpg) ; /*background image swap on hover*/


}


#pagenav1{
margin-bottom: 1em;
height:15px;}
ul#pagenav1{float:left;

	margin:0;
	padding:0;
	list-style-type:none;
	float:left;}

#pagenav1 li{
	float:left;
	list-style-type:none;

}


#pagenav1 ul a{
	display:block;
	padding: 5px;
	float:left;
	line-height:15px;
	color: #dbf1fc;
	background:  url(images/menuoff.jpg) repeat-x bottom;
	margin-left: 1px;
	}

}


#pagenav1 li.current_page_item a{


background: url(images/menuon.jpg) repeat-x bottom;

color: #666;}


#pagenav1 li a:hover{


background-image: url(images/menuon.jpg) ; /*background image swap on hover*/


}