/*  
Theme Name: YCCV
Theme URI: http://www.yahwehcenter.org/
Description: A Theme that uses <a href="http://smoothgallery.jondesign.net/">SmoothGallery</a> to rotate header link images. 
Version: 1
Author: Will Adair
Author URI:  http://yahwehcenter.org/
*/

/*  basics */
* {margin:0;padding:0}



/* structure */

body{
	text-align:center;
	background: #cbd7e6 /* url(images/haha.gif) repeat center;	*/
}

#left {
	width: 20%;
	position: absolute;
	padding: 10px 0px 10px 6px;
}

#center {
float: 50%;
}

#right {
	width: 35%;
	position: absolute;
    padding: 10px 10px 10px 240px;
}

/* header */


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


div#container{
	text-align:left;
	width:772px;
	margin: 0px auto 0em auto;						
	background: #E2DAC3 url(images/containerbackground.jpg) repeat-y;
}


div#wrapper{
    width:455px;
    clear:both;
	float:left;
}
	
div#content{
    background: #efece3;
    position: relative;
	margin-left: 7px;
	margin-right: 0px;
	width:455px;
	height:100%;
	padding-left: 5px;
	padding-right: 10px;
}
	
div#navigation{
	float:left;
	width:280px;
	margin-bottom: 1em;
}

/*left top corresponds to extra.php*/

div#extra{
    background: #efece3;
	margin-right: 7px;
    margin-left: 7px;
}

/*right top corresponds to sidebar1.php*/

div#extra-sidebar{
	width:285px;
	float:right;
	margin-top:0px;
	text-align:left;

}

/*right bottom corresponds to sidebar2.php*/

div#lower-sidebar{
	float:right;
	width:285px;
	margin-top:0px;
	text-align:left;
}

/*top navbar*/

#topnav{
	position:left;
	margin: 0;
	padding: 0;
	right:0;
	top: 0px;
	margin-right: 7px;
	width:720px;
}

#topnavbar{
	float: right;
}

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

#topnavbar li{
	display: inline;
}

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

#topnavbar li.current_page_item a{
    background: url(images/topmenuon.jpg) repeat-x;
    color: #666;
}

#topnavbar li a:hover{
    background-image: url(images/topmenuon.jpg) ; 
    /*background image swap on hover*/
}


/*side navbar in sidebar*/


#nav{
	position:relative;
	margin: 0;
	padding: 0;
	right:0;
	top: 0px;
	margin-right: 7px;
	width:0px;
}

#navbar{
	float: left;
}

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:60px;
	width:220px;
	text-transform: uppercase;
	margin-left: 15px;
	text-align: center;
	font-size: 1.5em;
	display: block;
	line-height: 55px;
	padding-left: 5px;
	padding-right: 5px;
}

#navbar li.current_page_item a{
	background: url(images/menuon.jpg) repeat-x;
	color: #ffeefa;  									/* current link colors*/
}

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


/*footer*/

#footer {clear:both; background: url(images/footer.jpg) repeat-y center; 
    height:50px;
	padding:7px 38px; 
	color:#ffffff; 
}

#footer a { color:#f5ead3; 
} 

#footer .current { font-weight:bold; 
}

div#footer p{margin-left: 5px;
	font-size: 0.8em;
	margin-right: 15px;
}


#fdata { text-align:right; 
	font-size:10px; 
	color: #ffffff; 
	padding:0 15px 10px 0; 
	clear:both;   
}
		
#fdata a { color:#E2DAC3; 
}


/*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;
}
*/
hr { height:1px; color:#C9C6B9;}
		h1 { font-size:22px; color:#564E32; border-bottom:0px solid #C9C6B9; } 
		h2 { font-size:18px; color:#645A3A; }  
		h3 { font-size:13px; border-bottom:1px solid #C9C6B9; width:90%; margin:34px 0 -14px 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;
}


/*SIDEBAR PAGE NAVIGATION  (EVENTS DONATIONS VOLUNTEER)*/

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

#myGallery{
	float:left;
	width: 470px !important;
	height: 285px !important;
	border: 0px #88b74f solid !important;
}

#myGallery h2{
	font-size: 1.4em;
	color: #333 !important;
}


#myGallery p{color: #333 !important;
	font-size: 1em;
}

#myGallery h2 a{
	font-size: 1.4em;
	color: #333 !important;
}

.slideInfoZone{height:50px !important;
	background: #E2DAC3 !important; 
}