/*
Theme Name: Olive Branch
*/

/* import core styles */
@import url(interface/css/base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//------------------------------------------*/

body { color:#727169; background:#7bb2ab ; font-family:Tahoma, Geneva, sans-serif; }



/*------------------------------------------
// 2.LAYOUT
//------------------------------------------*/
	
/*---- Container ----*/
div#container{background:url(interface/images/footer/footer-image.gif) center bottom no-repeat; padding-bottom:100px;}

/*---- Wrapper ----*/
div.wrapper { width:950px; margin:0 auto; }

/*---- Header ----*/
div#header {background:url(interface/images/header/header-bg.jpg) center top no-repeat; }

/*---- Content ----*/
div#content { background:url(interface/images/content/content-bg1.jpg) repeat-y center 0px; }
div#content div.wrapper{position:relative;  padding:17px 12px; width:926px;}
div#container.home div.inner-content{background:#dfddcf url(interface/images/content/inner-content.jpg) left top no-repeat; padding:27px 10px 34px 10px; border:none;}
div#content div.inner-content{background:url(interface/images/content/inner-content-bg.jpg) left top repeat-y; border-bottom:1px solid #bebfbf; padding-bottom:20px; }

/*---- Navigation ----*/
div#navigation { background:url(interface/images/content/navigation/navigation-bg.jpg) left top no-repeat; height:31px; position:relative; z-index:10; }

/*---- Banner ----*/
div#banner {
	position:relative;
	height:315px;
	background-color: #19406D;
	background-image: url(interface/images/content/banner/banner-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*---- Sermon Section ----*/
div#latest{
	background:url(interface/images/content/sermon/sermon-bg.jpg) left top no-repeat;
	height:62px;
	position:relative;
	margin-top: 0;
	margin-right: -11px;
	margin-bottom: 0px;
	margin-left: -12px;
	padding-top: 11px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

/*---- Main ----*/
div#container.home div#main {  padding:0px;}
div#main{
	width:634px;
	padding:20px 14px 0px 12px;
	float:left;
	overflow:hidden;
}

/*---- Sidebar ----*/
div#container.home div#sidebar {
	width:272px;
	padding-top:12px;
}
div#sidebar { width:266px; padding-top:41px; float:right; }



/*------------------------------------------
// 3. PAGE COMMON STYLES
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{float:left;}
div#header div.logo h1 a {display:block; width:260px; height:90px; background:url(interface/images/header/logo.png) left top no-repeat; margin-left:27px;}

/*---- Header - Address ----*/
div#header div#contact{ float:right; width:390px;}
div#header div#contact div.adr{ font-size:110%; color:#81a098; margin-top:4px; width:100%; overflow:hidden;}
div#header div#contact div.adr span{margin-right:3px; float:left; line-height:1.2em;}
div#header div#contact div.adr span.email a{ color:#4a605a; background:url(interface/images/header/contact.gif) left bottom no-repeat; padding-left:20px; display:block; float:left; line-height:1.2em;}

/*---- Header - Timings ----*/
div#content div.timings{clear:both; position:absolute; z-index:10; top:-30px; right:2px; font-size:233%; font-family:"Arial Black", Gadget, sans-serif; color:#779691; line-height:33px;}
div#content div.timings img{vertical-align:top; margin-right:5px;}

/*---- Content ----*/
div#container.home div#content div.box h2{
	font-weight:normal;
	background:none;
	padding:0px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#aaa8a2;
	font-size:280%;
	line-height:35px;
}
div#content div.box p{font-size:110%; color:#727169; line-height:14px; margin-bottom:14px;}
/*---- Content - Button ----*/
a.button{background:url(interface/images/content/button.gif) left top no-repeat; height:17px; padding-left:10px; float:left;}
a.button span{background:url(interface/images/content/button.gif) right bottom no-repeat; height:17px; padding-right:10px; float:left; line-height:17px; font-family:"Arial Black", Gadget, sans-serif; font-size:120%; color:#787878;}
a.button:hover, a.button:hover span{text-decoration:none;}

/*---- Content - Box ----*/
div.box div.box-top{ background:url(interface/images/content/box-top-middle.png) left top repeat-x;  }
div.box div.box-top div.box-top-left{background:url(interface/images/content/box-top-left.png) left top no-repeat; padding-left:12px;}
div.box div.box-top div.box-top-left div.box-top-right{ background:url(interface/images/content/box-top-right.png) right top no-repeat; padding-right:12px; height:14px;}

div.box div.box-middle{ background-color:#fff; }
div.box div.box-middle div.box-middle-left{background:url(interface/images/content/box-middle-left.png) left top repeat-y; padding-left:12px;}
div.box div.box-middle div.box-middle-left div.box-middle-right{ background:url(interface/images/content/box-middle-right.png) right top repeat-y; padding: 0 5px 4px;}

div.box div.box-bottom{ background:url(interface/images/content/box-bottom-middle.png) left bottom repeat-x; }
div.box div.box-bottom div.box-bottom-left{background:url(interface/images/content/box-bottom-left.png) left bottom no-repeat; padding-left:12px;}
div.box div.box-bottom div.box-bottom-left div.box-bottom-right{background:url(interface/images/content/box-bottom-right.png) right bottom no-repeat; padding-right:12px; height:14px; }

/*---- Navigation ----*/
div#navigation ul li { float:left; }
div#navigation ul li.pipe{background:url(interface/images/content/navigation/pipe.gif) right 3px no-repeat; height:28px; }
div#navigation ul li a { display:block; float:left; font-size:160%; color:#75a7ba; line-height:31px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; padding:0 10px 0 14px; margin-right:1px; }
div#navigation ul li a:hover, div#navigation ul li a.active, div#navigation ul li.sfHover.parent a.parent_link {color:#fff; text-decoration:none; background-color:#142e4d;}

/*---- Navigation - Drop Down ----*/
div#navigation ul li.parent{position:relative;}
div#navigation ul li.parent ul.child{position:absolute;  padding-bottom:10px; left:0px; top:31px; display:none; width:155px; background:url(interface/images/content/navigation/drop-bottom.png) left bottom no-repeat; }
div#navigation ul li.parent ul.child li {float:none; width:155px;}
div#navigation ul li.parent ul.child li a{float:none; font-size:114%; background:url(interface/images/content/navigation/drop-top.png) left top repeat-y;}
div#navigation ul li.sfHover ul.child { display:block; }

/*---- Sidebar ----*/
div#sidebar div.box { margin-bottom:15px; }
div#sidebar div.box h2 { font-size:190%; color:#fff; font-family:"Arial Black", Gadget, sans-serif; line-height:21px;; font-weight:normal; background:url(interface/images/content/sidebar/heading-bg.png) left top repeat-x; padding:0px 15px; height:24px;}
div#sidebar div.box div.content {  padding:0px 10px;  }

/*---- Sidebar - Service Times ----*/
div#sidebar div#service-times.box, div#sidebar div#text-4.box {margin-bottom:24px;}
div#sidebar div#service-times.box h2, div#sidebar div#text-4.box h2{ margin-bottom:5px;}
div#sidebar div#service-times.box ul, div#sidebar div#text-4.box ul { width:228px;  padding:0px 6px; }
div#sidebar div#service-times.box ul li, div#sidebar div#text-4.box ul li{ font-family: Helvetica, Arial, sans-serif; font-size:160%; color:#8f8d87; line-height:22px; font-weight:bold;}

div#container.home div#sidebar div#service-times.box {
	margin-bottom:26px;
}
div#container.home div#sidebar div#service-times.box ul{ width:244px; border:1px solid #cdcbbf; background-color:#fff; padding:6px; }
div#container.home div#sidebar div#service-times.box ul li{ font-family: Helvetica, Arial, sans-serif; font-size:160%; color:#9e9c8e; line-height:22px; font-weight:bold;}

/*---- Sidebar - Newsletter ----*/
div#sidebar div#newsletter.box, div#sidebar div#text-5.box {margin-bottom:16px;}
div#sidebar div#newsletter.box img, div#sidebar div#text-5.box img {float:right; margin:0px 5px 8px 10px; position:relative;} 
div#sidebar div#newsletter.box div.newsletter-form, div#sidebar div#text-5.box div.newsletter-form { margin-top:16px; }
div#sidebar div#newsletter.box h2, div#sidebar div#text-5.box h2 {margin-bottom:10px;}
div#sidebar div#newsletter.box input.textfield, div#sidebar div#text-5.box input.textfield {width:154px; float:left; border:1px solid #cccccc; font-size:110%; padding:2px 3px;  color:#727169; margin-right:6px;}

div#container.home div#sidebar div#newsletter.box img{float:right; margin:-8px 12px 10px 10px; position:relative;} 
div#container.home div#sidebar div#newsletter.box{margin-bottom:17px;}
div#container.home div#sidebar div#newsletter.box input.textfield {width:180px; float:left; border:1px solid #cccccc; font-size:110%; padding:2px 3px;  color:#727169; margin-right:6px;}

/*---- Sidebar - Event Box ----*/
div#sidebar div#events.box, div#sidebar div#text-7.box {margin-bottom:25px;}
div#sidebar div#events.box h2, div#sidebar div#text-7.box h2 {margin-bottom:12px;}
div#sidebar div#events.box ul, div#sidebar div#text-7.box ul {margin:0px -10px; position:relative;  width:267px;} 
div#sidebar div#events.box ul li, div#sidebar div#text-7.box ul li {background:url(interface/images/content/sidebar/list-pipe.gif) left bottom no-repeat; padding:0px 10px 4px 10px; margin-bottom:6px; font-size:110%;}
div#sidebar div#events.box ul li h4, div#sidebar div#text-7.box ul li h4 {font-size:140%; color:#1a3f6e; font-family: Helvetica, Arial, sans-serif; line-height:14px; margin-bottom:5px;}
div#sidebar div#events.box ul li h4 a, div#sidebar div#text-7.box ul li h4 a { color:#1a3f6e; }
div#sidebar div#events.box ul li p, div#sidebar div#text-7.box ul li p{ margin-bottom:0px; font-size:100%;}
div#sidebar div#events.box ul li a, div#sidebar div#text-7.box ul li a { color:#1a3f6e;}
div#sidebar div#events.box ul li.last, div#sidebar div#text-7.box ul li.last {background:none;}

/*---- Sidebar - Donation ----*/
div#sidebar div#donation.box h2, div#sidebar div#text-6.box h2 { margin-bottom:7px;}
div#sidebar div#donation.box img, div#sidebar div#text-6.box img {float:right; margin:-5px 10px 10px 10px;}
div#sidebar div#donation.box p, div#sidebar div#text-6.box p {margin-bottom:5px;}

/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#container.home div#banner div.section{padding:4px 13px; left:0px; top:0px; width:900px; height:309px; z-index:3;}
div#container.home div#banner div.section h1{
	font-size:420%;
	color:#fff;
	line-height:40px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:14px 0px 16px 0px;
}
div#container.home div#banner div.section div.photo{background:url(interface/images/content/banner/photo-bg.png) left top no-repeat; width:546px; height:277px; float:right; margin-left:15px; padding:13px;}
div#container.home div#banner div.section p{
	color:#aed4e0;
	font-size:130%;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	margin-bottom:13px;
}

/*---- Sermon Section ----*/
div#latest img{position:absolute; left:-14px; top:5px;}
div#latest h1 {
	font-size:270%;
	color:#7b7a76;
	font-family:"Arial Black", Gadget, sans-serif;
	line-height:25px;
	text-decoration:none;
	line-height:32px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 66px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div#latest h1 a{  color:#7b7a76;}
div#latest h1 a {text-decoration:none;}
div#latest h1 span{font-size:52%; font-family:Arial, Helvetica, sans-serif; color:#6f6d65;}

/*---- Main - Event Box ----*/
div#container.home div#main div#events.box{ width:388px; float:left; padding-bottom:1px; overflow:hidden;}
div#container.home div#main div#events.box div.widget{ margin-bottom:7px;}
div#container.home div#main div#events.box h2{margin-bottom:12px;}
div#container.home div#main div#events.box ul{margin-left:3px;}
div#container.home div#main div#events.box ul li{width:360px; line-height:9px;}
div#container.home div#main div#events.box ul li a{ background:url(interface/images/content/main/arrow.gif) left center no-repeat; padding-left:10px; margin-bottom:8px; display:block; font-size:110%; color:#2e5982;}

/*---- Main - Connect Box ----*/
div#container.home div#main div#connect.box h2{margin-bottom:11px;}

div#main div#connect.box{ width:214px; float:left; padding:0px 6px; overflow:hidden;}
div#container.home div#main div#connect.box p{ margin:0px 13px 16px 0px; line-height:12px; color:#878477;}
div#main div#connect.box ul{width:182px;}
div#main div#connect.box ul li{margin-bottom:10px; width:182px;}
div#main div#connect.box ul li a{background:url(interface/images/content/main/list-bg.gif) left top no-repeat; padding:0px 8px; width:166px; line-height:35px; display:block; font-size:230%; color:#779691; font-family:"Arial Black", Gadget, sans-serif;}
div#main div#connect.box ul li a span{ background:url(interface/images/content/main/arrow1.gif) left center no-repeat; padding-left:12px;}
div#main div#connect.box ul li a:hover{text-decoration:none; color:#2e5982;}
div#main div#connect.box ul li a:hover span{background:url(interface/images/content/main/arrow1-hover.gif) left center no-repeat; }
div#main.sermon_main {
	background-image: url(interface/images/content/earbuds.png);
	background-repeat: no-repeat;
	background-position: 360px top;
}

/*------------------------------------------
// 5  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/
div#content div.content-inner{background:url(interface/images/content/content-bg.jpg) center top no-repeat;}

/*---- Main - Post ----*/
div#main div.post h1 {margin-bottom:10px; font-size:420%; font-weight:normal; color:#1a3f6c; line-height:34px; font-family:Georgia, "Times New Roman", Times, serif; }
div#main div.post div.entry h2{font-size:280%;  color:#2b2b2b; line-height:22px; margin-bottom:10px; font-family:Helvetica, sans-serif,"Trebuchet MS", Arial;}
div#main div.post div.entry h3{font-size:230%;  color:#2b2b2b; line-height:28px; font-family:Helvetica, sans-serif,"Trebuchet MS", Arial; margin-bottom:5px; }
div#main div.post div.entry p{margin-bottom:16px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%; color:#2b2b2b; line-height:18px;}
div#main div.post div.entry img{float:right; border:1px solid #a5a5a5; padding:4px; margin:2px 6px 22px 10px;  border:1px solid #a5a5a5; padding:4px;}
div#main div.post div.entry blockquote{background:url(interface/images/content/main/quote.jpg) left top no-repeat; margin-left:38px; padding-left:40px; }
div#main div.post div.entry a{ color:#1a3f6e;}
div#main div.post div.entry ul { margin:0px 0px 15px 12px;}
div#main div.post div.entry ul li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%; color:#2b2b2b; line-height:18px; list-style-type:disc; }
div#main div.post div.entry ol{ margin:0px 0px 15px 15px;}
div#main div.post div.entry ol li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%; color:#2b2b2b; line-height:18px; list-style-type:decimal;}

div#main div.sermon { margin:20px 0px 0px; border-bottom:2px dashed #aaa; width:400px; color:#2b2b2b; font-size:1.2em; padding-bottom:20px; }
div#main div.sermon h2 {
	font-size:1.5em;
	color:#2b2b2b;
	margin-bottom:5px;
	line-height: 1em;
}

div.navigation { margin-top:30px; width:400px; }
div.navigation a {
background: url(http://www.cornerstonebuzz.org/wp-content/themes/cornerstonechurch/images/button_bg.jpg) repeat-x rgb(50, 49, 47);
border: 1px solid rgb(50, 49, 47);
color: white;
font-size: 9px;
line-height: 25px;
margin-top: 25px;
padding: 5px 10px 5px 10px;
text-decoration: none;
text-transform: uppercase; }
div.navigation .alignleft { float:left; }
div.navigation .alignright { float:right; }

div.navigation a:hover {
background: url(http://www.cornerstonebuzz.org/wp-content/themes/cornerstonechurch/images/button_bg_o.jpg) repeat-x rgb(0, 125, 226);
border-color: rgb(0, 125, 226); }

div#flash {
position: relative; /*or absolute*/
z-index: 0;
}