/*  

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/bg-sky5.jpg) no-repeat top left fixed;
}

.rsevent { padding-top:10px; font-weight: normal; color: red;}
.rsevent li { color:black; font-size: 14px; }
.rsevent ul li a { font-weight: normal; font-size: 14px; color: #FFFF00; }
.rsevent ul li a:hover { font-weight: normal; font-size: 14px; color: #FFFF00; }

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

div#header h1 {
	position:absolute;
	top: 5px;
	left: 140px;
	height: 80px;
	line-height: 80px;
	margin: 0;
	color: #436EA1;  /*79B30B*/
}
	
div#header h1 a {
	color: #436EA1;
}

.description {
	position: absolute;
	top: 63px;
	left: 140px;
	color:  #9AAC56;
	font-style: italic;
}

div#container {
	text-align:left;
}

div#container {
	width: 870px; /*a 772px;*/      /* logo */
	margin: 20px auto 20px auto; 
	background: #ffffff url(images/continerbg-tree.jpg) repeat-y left;}

div#wrapper { 
	clear:both;
	width:585px; /*a 485px; */
	float:left;
}

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

div#navigation {           /* RHS column -widgets */
	float: left;
	width: 250px;  /*280px;*/
	margin-bottom: 1em;

margin-left: 15px;
}

div#extra {                 /* top photo - path - have an extra 75 pixels*/
	height:285px;
	background: url("images/headerimages/rotate.php") no-repeat;
	margin-left: 4px;
	clear:both;
	margin-right: 4px;
/*padding-bottom: 1px;*/
/*border: white 1px dashed;*/
}

div#extra-sidebar{         /* what's happening section */
	height: 285px;
	width: 364px; /*285px;*/
	float: right;
	text-align:left;
	background: url(images/extrabar.jpg);
/*border-bottom: 1px white solid;*/
/*padding-bottom: 1px;*/
/*border: white 1px solid;*/
}

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

/* navbar */                              /* top menu bar */
#nav {
/*	position:absolute;
*/
  position: relative;
	margin: 0;
	padding: 0;
	right:0;
	top: 88px;
	margin-right: 4px;
	/*width:600px;*/

}

#navbar {
	float: right;
 }

ul#navbar {
	margin:0;
	padding:0;
}

#navbar li {
	display: inline; 
}

#navbar li a{
	float: left;
	color: #ffffff;
	text-decoration: none;
	background: url(images/menuoff.jpg) repeat-x;
	height: 70px;
	text-transform: uppercase;
	margin-left: 1px;
	text-align: center;
	font-size: 1em;
	display: block;
	/*line-height: 100px;*/
	padding-left: 8px;
	padding-right:8px;
padding-top: 35px;
/*width:90px;*/

}

#navbar li.current_page_item a{
	background: url(images/menuon.jpg) repeat-x;
	color: #333;  /*a 666*/
}

#navbar li a:hover{
	background-image: url(images/menuon.jpg) ;            /*background image swap on hover*/
color: #333;
}

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

a:hover {
	color: blue; /*a #383d44; */
text-decoration: underline;
}

a img {border:0;}	

/*images*/

img {
	border: 0;
}


/******  pledge sheet styles ******/


/*** pledge table ***/

.p-header {
	color: #D04438;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	
}

.p-title {
	background-color: #EFF1E4;
	color: #D04438;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.p-red-title {
	color: #D04438;
	background-color: #EFC1B4;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;	
}

.p-green-title {
	color: #89A14C;
	background-color: #D9DFC4;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.p-orange-title {
	color: #DE6434;
	background-color: #F1BFA5;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.p-yellow-title {
	color: #F2BD31;
	background-color: #F8F6C8;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.p-blue-title {
	color: #276CAD;
	background-color: #B9C8E3;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.p-text {
	color: #000000;
	line-height: 20px;
	font-size: 14px;
	text-align: center;	
}



/***** end pledge *******/

/*typography*/

	

body {

	font: 12px/1.6em Calibri, "Lucida Grande", Verdana, Arial, Helvetica, serif;
/*a 11px/1.5em */
	color: #333;

}



h1, h2, h3, h4, h5, h6 {
	font-family:  Calibri, "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: Calibri, 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: 144%;
	line-height: 1.3em;
}

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

h3 {

	font-size: 145%;

	line-height: 1.3em;

	padding: 0.5em 0em 0em 0px;

}

h4 {

	font-size: 118%;

	line-height: 1.3em;

}



p {
	padding: 0em 5px 10px 0px;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
}

code {
	font: 1.1em Calibri, 'Courier New', Courier, Fixed;
}



div#footer p {
	margin-left: 5px;
	font-size: 0.8em;
	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;

}



                                        /********* what's happening events ************/

#extra-sidebar ul, #extra-sidebar li{
	margin: 0;
	padding: 1px 0px;
	list-style-type: none;
}

#extra-sidebar ul {
	padding-left: 15px;
	padding-right: 15px;

}

#extra-sidebar li {
	display:block;
	/*border-bottom: 1px #c8eb94 solid;*/
        padding-bottom: 6px;	
	color: #000;
	/*font-weight: bold;  */
}

#extra-sidebar li a {
	/*text-transform: capitalize;*/
	/*font-weight: bold;*/
/*text-transform: uppercase;
*/	color: #FFF;
font-size: 104%;
font-weight:normal;
}

#extra-sidebar li a:hover {
	color: yellow; /*#436EA1;*/	/****** WHAT'S HAPPENING -  SIDE EVENTS ******/
}

#extra-sidebar h2 {            /**** the title WHAT'S HAPPENING! ****/
	margin:0;
	padding-left: 15px;
	padding-top: 10px;
	margin-bottom: 2px;
	color: #0C6997 /*a 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: red; /*#83b449;*/
	text-decoration: none;
}



.children li{
	margin:0;
	padding:0;
	border: none;
	padding-left: 1em;
}

.children li a {                      
	padding-left:0px;d
	}					

.archive li a:hover {              /***** Upcoming Events ********/
	color: #blue;
text-decoration: underline;
}



#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*/

}