/*
Theme Name:		Heritage Baptist Church
Theme URI:		http://www.heritagebaptist.org
Description:	A custom theme built by <a href='http://www.clarknikdelpowell.com'>Clark/Nikdel/Powell Inc.</a> for Heritage Baptist Church
Author:			Taylor Gorman
Author URI:		http://clarknikdelpowell.com
*/

/* ------------------------------------------------ LAYOUT & BACKGROUNDS */

body {
	background-color: #d4be76;
	background-image: url(images/bodyBG.png);
	background-repeat: repeat;
	background-position: center 220px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
}
#lightsBG {
	background-image: url(images/lightsBG.jpg);
	background-position: center 220px;
	width: 100%;
	min-height: 1120px;
}

/* ------------------------------------------------ HEADER */

#headerBG {
	background-image: url(images/headerBG.gif);
	background-repeat: repeat-x;
	background-color: #971600;
	height: 214px;
	border-bottom: solid 8px #ddcb91;
}
#lightsBGheader {
	background-image: url(images/lightsBGheader.gif);
	background-position: top center;
	width: 100%;
	height: 214px;
}
#header {
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
h1#logo {
	width: 309px;
	height: 125px;
	position: absolute;
	top: 20px;
	left: 15px;
}
h1#logo a {
	display: block;
	background-image: url(images/HeritageBaptistChurch.gif);
	text-indent: -9999px;
	width: 309px;
	height: 125px;
}
#search {
	width: 387px;
	height: 26px;
	position: absolute;
	top: 35px;
	right: 57px;
}
#search .text, #search .submit {
	background-image: url(images/search.gif);
	height: 26px;
	background-color: transparent;
}
#search .text {
	position: absolute;
	width: 286px;
	height: 16px;
	top: 0px;
	left: 0px;
	padding: 9px 8px 1px 8px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#search .submit {
	background-position: right top;
	position: absolute;
	width: 79px;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#search .submit:hover {background-position:right bottom;}

#nav {
	height: 27px;
	position: absolute;
	top: 89px;
	right: 57px;
}
#nav li {float:left;}
#nav a {
	display: block;
	height: 27px;
	background-image: url(images/nav.gif);
	text-indent: -9999px;
	margin-left: 13px;
}
#nav a.whats-happening {background-position:0px top; width:111px;}
#nav a.get-involved {background-position:-111px top; width:100px;}
#nav a.find-help {background-position:-211px top; width:54px;}
#nav a.your-spiritual-condition {background-position:-265px top; width:143px;}
#nav a.resources {background-position:-408px top; width:104px;}

#nav a.whats-happening:hover {background-position:0px center;}
#nav a.get-involved:hover {background-position:-111px center;}
#nav a.find-help:hover {background-position:-211px center;}
#nav a.your-spiritual-condition:hover {background-position:-265px center;}
#nav a.resources:hover {background-position:-408px center;}

#nav.whats-happening a.whats-happening {background-position:0px bottom;}
#nav.get-involved a.get-involved {background-position:-111px bottom;}
#nav.find-help a.find-help {background-position:-211px bottom;}
#nav.your-spiritual-condition a.your-spiritual-condition {background-position:-265px bottom;}
#nav.resources a.resources {background-position:-408px bottom;}

/* ------------------------------------------------ PAGE */

#pageBGb {
	background-image: url(images/pageBGb.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 970px;
	margin: 0 auto;
	padding: 0 0 110px 28px;
	position: relative;
	right: -6px;
}
#pageBG {
	background-image: url(images/pageBG.png);
	background-repeat: repeat-y;
	width: 950px;
}
.home #pageBG {
	height: 300px;
}
#homepage {
	width: 986px;
	margin: 0 auto;
	position: relative;
	right: -12px;
}

/* ------------------------------------------------ HOME SLIDESHOW */

#slideshow {
	background-image: url(images/slideshowBG.png);
	width: 986px;
	height: 445px;
	position: relative;
	margin-top: -66px;
}
#slideshow a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* ------------------------------------------------ SIDEBAR */

#sidebar {
	width: 210px;
	position: relative;
	float: left;
	margin-left: 6px;
	background-color: #D4BE75;
	z-index: 2;
}
#sidebarBGtop {
	background-image: url(images/sidebarBGtop.png);
	width: 210px;
	height: 25px;
	position: absolute;
	top: -13px;
}

/* ------------------------------------------------ SUBNAVIGATION */

#subnav {
	width: 244px;
	margin: -54px 0 0 -34px;
	position: relative;
}
.subnavBGt {
	background-image: url(images/subnavBGt.png);
	width: 244px;
	height: 23px;
}
.subnavBGb {
	background-image: url(images/subnavBGb.png);
	width: 244px;
	height: 31px;
}
#subnav ul {
	border-left: solid 6px #e3d193;
	border-right: solid 6px #e3d193;
	width: 232px;
	background-color: #546038;
}
#subnav li {border-top: solid 1px #5f6b43;}
#subnav a {
	display: block;
	color: #fff;
	background-image: url(images/subnavBGa.gif);
	background-repeat: no-repeat;
	background-position: 21px 7px;
	padding: 8px 25px 8px 45px;
	font-weight: bold;
}
#subnav a:hover {
	background-color: #c33e26;
	background-position: 21px -50px;
}
#subnav .current_page_item a, #subnav ul ul .current_page_item a:hover {
	color: #913d01;
	background-color: #e3d193;
	background-position: 21px -107px;
}
#subnav ul ul {
	display: none;
	border: 0;
	padding: 1px 0 5px 0;
}
#subnav .current_page_item ul, #subnav .current_page_ancestor ul {display:block;}
#subnav .current_page_item > ul {margin-top:4px;}
#subnav ul ul li {border:0;}
#subnav ul ul a, #subnav .current_page_item ul a {
	background-image: none;
	background-color: transparent;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 11px;
	color: #e2eec6;
}
#subnav ul ul a:hover {
	background-color: transparent;
	color: #fff;
}
#subnav ul ul .current_page_item a {padding-top:5px; padding-bottom:5px;}

/* ------------------------------------------------ EVERYTHING BELOW SUBNAV */

#belowSubnav {position: relative;}

#basics {
	position: absolute;
	width: 33px;
	top: 30px;
	left: -33px;
}
#basics a {
	display: block;
	background-image: url(images/basics.gif);
	background-repeat: no-repeat;
	width: 33px;
	text-indent: -9999px;
}
#basics .service-times a {height:115px; background-position:2px 0px;}
#basics .service-times a:hover {background-position:0px 0px;}
#basics .directions a {height:96px; background-position:2px -115px;}
#basics .directions a:hover {height:96px; background-position:0px -115px;}
#basics .plan-your-visit a {height:124px; background-position:2px -211px;}
#basics .plan-your-visit a:hover {height:124px; background-position:0px -211px;}

#homepage #basics {
	position: absolute;
	width: auto;
	height: 30px;
	top: 390px;
	left: 47px;
}
#homepage #basics li {float:left;}
#homepage #basics a {
	background-image: url(images/basicsHome.png);
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -9999px;
}
#homepage #basics .service-times a {width:115px; background-position:0px -2px;}
#homepage #basics .service-times a:hover {background-position:0px 0px;}
#homepage #basics .directions a {width:97px; background-position:-115px -2px;}
#homepage #basics .directions a:hover {background-position:-115px 0px;}
#homepage #basics .plan-your-visit a {width:124px; background-position:-212px -2px;}
#homepage #basics .plan-your-visit a:hover {background-position:-212px 0px;}

#features {padding: 15px 0 0 10px;}
#features a {
	display: block;
	width: 202px;
	height: 152px;
	text-indent: -9999px;
	margin-bottom: -5px;
}
#homepage #features {
	position: absolute;
	top: 306px;
	right: 25px;
}
#homepage #features li {float:left; margin-left:-17px;}

/* ------------------------------------------------ SOCIAL NETWORKING */

#social {padding:18px 0 0 47px; overflow:hidden;}
#social li {float:left;}
#social a {
	display: block;
	text-indent: -9999px;
	width: 34px;
	height: 34px;
	margin-right: 4px;
	opacity: .8;
}
#social a {opacity:1;}
#social a:active {background-position:bottom;}
#social .facebook {background-image:url(images/facebook.png);}
#social .youtube {background-image:url(images/youtube.png);}
#social .twitter {background-image:url(images/twitter.png);}

#homepage #social {
	position: absolute;
	top: 452px;
	left: 382px;
}

/* ------------------------------------------------ SECTION TITLE */

#title {
	width: 734px;
	height: 188px;
	float: left;
	margin: -76px 0 0 -16px;
	position: relative;
	z-index: 1;
	background-image: url(images/titleBG.png);
	background-position: right;
}
#titleBG {
	background-position: right;
	width: 734px;
	height: 188px;
}
#title h2 {
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 0px;
	left: 16px;
}
#title a {
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 80px;
	text-indent: -9999px;
}

/* ------------------------------------------------ BREADCRUMBS */

#breadcrumbs {
	background-image: url(images/contentBG.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 718px;
	height: 116px;
	cursor: default;
}
#breadcrumbs p {
	background-image: url(images/breadcrumbsBG.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 32px;
	float: left;
	color: #fff;
	padding: 9px 18px 0 7px;
}
#breadcrumbs span {
	background-image: url(images/breadcrumbsBGl.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 32px;
	display: block;
	float: left;
	margin-left: 10px;
}
#breadcrumbs a {color:#e7d59e;}
#breadcrumbs a:hover {color:#fcf2d4;}
#breadcrumbs em {color:#65241e; font-style:normal;}

/* ------------------------------------------------ EDIT LINK */

#editlink {
	position: absolute;
	top: 112px;
	right: 50px;
}
#editlink a {
	height: 14px;
	display: block;
	padding: 9px 11px;
	background-color: #c33e26;
	color: #e7d59e;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
}
#editlink a:hover {color:#fcf2d4; padding-top:11px;}

/* ------------------------------------------------ CONTENT */

#content {
	width: 628px;
	float: left;
	padding: 0 45px 15px 45px;
	margin-top: -86px;
	color: #444;
}
#content h2, #content h3 {font-family:Georgia, serif;}
#content h1 {color:#913d01; font-size:25px; line-height:30px; margin:30px 0 0 0;}
#content h2 {color:#5f6b43; font-size:18px; line-height:22px; margin:22px 0 -3px 0;}
#content h3 {color:#764e10; font-size:16px; line-height:17px; margin:22px 0 -5px 0;}
#content h4 {color:#333333; font-size:11px; line-height:15px; margin:22px 0 -7px 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#content h1 a {color:#913d01; border-bottom:0;}
#content h2 a {color:#5f6b43; border-bottom-color:#b0b49a;}
#content h3 a {color:#764e10; border-bottom-color:#b7a17c;}
#content h4 a {color:#333; border-bottom-color:#95938e;}

#content h2 small {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#content h2 small a, #content h2 a small {color:#aa0e00; border-bottom:solid 1px #e0a797;}
#content h3 small {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#content p, #content ul, #content ol, #content table {line-height:20px; margin-top:18px;}
#content p {overflow:hidden;}
#content p.excerpt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	color: #333;
}
#content p.excerpt a {color:#333; border-bottom-color:#95938e;}
#content p.meta {font-size:11px;}
#content h1 + p.meta {margin-top:8px;}

#content ul {list-style:disc; margin-left:16px;}
#content ol {list-style:decimal; margin-left:16px;}
#content li {padding:1px 0;}
#content ul ul {list-style-type:circle;}
#content ul ul ul {list-style-type:square;}
#content ul ul, #content ul ol, #content ol ul, #content ol ol {margin-top:1px;}

#content table {border-collapse:collapse;}
#content th, #content td {padding: 0 16px 1px 0; text-align:left; vertical-align:top;}
#content table h3 {margin-bottom:10px;}
#content form td {padding-bottom:4px;}
#content form td:first-child {padding-top:3px;}

#content input, #content textarea, #content select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #fff;
	color: #444;
	padding: 2px 3px;
	border: solid 1px #e8e1ce;
}
#content input[type="submit"], #content a.submit, #content a.button {
	display: block;
	float: left;
	height: 21px;
	padding: 7px 15px 0 15px;
	margin: 0 4px 8px 0;
	border: 0;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	background-color: #c33e26;
	color: #f8f4e9;
	font-size: 14px;
	line-height: 1em;
}
#content input[type="submit"] {height:28px; padding-top:0px;}
#content input[type="submit"]:hover, #content a.submit:hover, #content a.button:hover {background-color:#aa0e00; color:#f8f4e9;}

#content a {color:#aa0e00; border-bottom:solid 1px #e0a797;}
#content a:hover, #content p.excerpt a:hover {color:#c33e26; border-bottom:0;}

#content small, #content .small {font-size:10px; line-height:15px;}

/* ------------------------------------------------ RELATED ITEMS */

#related {
	width: 260px;
	background-color: #f6ebce;
	float: right;
	margin: 24px 0 24px 34px;
	padding: 20px 0;
}
#related h4 {
	background-image: url(images/relatedTitle.png);
	width: 141px;
	height: 16px;
	text-indent: -9999px;
	margin: 0 0 2px 18px;
}
#related a {
	display: block;
	border: 0;
	color: #764e10;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border-bottom: dotted 1px #b3ab96;
	padding: 16px 0;
	margin: 0 32px;
	line-height: 15px;
}
#related a b {
	font-family: Arial, Helvetica, sans-serif;
	color: #5f6b43;
	font-size: 14px;
	line-height: 16px;
}
#related a small {
	color: #c33e26;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	margin: 5px 0 -6px 0;
}
#related a:hover {border-bottom:dotted 1px #b3ab96;}
#related a:hover b, #related a:hover small {color:#c33e26;}

/* ------------------------------------------------ ABOUT HBC > STAFF */

#content .staff {margin-top:0;}
#content .staff img {margin-top:24px; border: solid 1px #e8e1ce;}
#content .staff h2 {margin-bottom:0;}
#content .staff table {margin-top:0; width:100%;}
#content .staff table td:last-child {vertical-align:bottom; text-align:right;}
#content .support-staff, #content .support-staff h3 {margin-top:0;}
#content .support-staff h3 small {display:block; line-height:14px; margin-top:5px;}
#content .support-staff td {padding:24px 10px 14px 0; border-bottom: solid 1px #e4dcc9;}
#content .support-staff p {margin-top:8px;}

/* ------------------------------------------------ WHAT'S HAPPENING > AROUND THE GLOBE MISSIONS > MISSIONARIES */

#content .missionaries td {padding-bottom:12px;}
#content .missionary {padding-left:60px;}
#content .homegrown {
	display: block;
	width: 17px;
	height: 22px;
	background-image: url(images/flags/homegrown.png);
	position: absolute;
	top: 24px;
	left: 28px;
	border: 0;
}
#content .australia {background-image:url(images/flags/australia.png);}
#content .chile {background-image:url(images/flags/chile.png);}
#content .ecuador {background-image:url(images/flags/ecuador.png);}
#content .germany {background-image:url(images/flags/germany.png);}
#content .italy {background-image:url(images/flags/italy.png);}
#content .nicaragua {background-image:url(images/flags/nicaragua.png);}
#content .niger {background-image:url(images/flags/niger.png);}
#content .peru {background-image:url(images/flags/peru.png);}
#content .romania {background-image:url(images/flags/romania.png);}
#content .southafrica {background-image:url(images/flags/southafrica.png);}
#content .sweden {background-image:url(images/flags/sweden.png);}
#content .usa {background-image:url(images/flags/usa.png);}

/* ------------------------------------------------ RESOURCES > PODCAST & MESSAGES */

.recentpodcasts {margin-top:12px; width:100%;}
#content .recentpodcasts th,  {
}
#content .recentpodcasts th {
	border-bottom: solid 3px #e4dcc9;
	padding: 2px 6px;
	font-size: 10px;
	text-transform: uppercase;
}
#content .recentpodcasts td {
	border-bottom: solid 1px #e4dcc9;
	padding: 5px 6px 0 6px;
}

/* ------------------------------------------------ SIMPLE GOOGLE MAP */

#SGM {width:95%; height:300px; margin-top:20px; border:solid 6px #eee7cb; position:relative;}
#content #SGM .infoWindow {line-height:13px; font-size:10px;}
#content #SGM input {
	margin: 4px 4px 0 0;
	font-size: 10px;
	line-height: 1em;
	display: inline;
}
#content #SGM input.text {
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 2px;
}
#content #SGM input.submit {
	padding: 3px 6px;
	float: none;
	height: auto;
}

/* ------------------------------------------------ WP PAGINATE */

#content .wp-paginate {
	margin: 35px 0 0 0;
	list-style: none;
	cursor: default;
}
.wp-paginate li {float:left;}
.wp-paginate span, .wp-paginate a {display:block; padding:1px 7px;}
.wp-paginate .title {padding-left:0;}
.wp-paginate .page, #content .wp-paginate a {
	border: 0;
	background-color: #eee7cb;
	color: #666;
	margin-right: 4px;
}
#content .wp-paginate a:hover {background-color:#e8deba; color:#222;}
.wp-paginate .current {background-color:#aa0e00; color:#fff;}

/* ------------------------------------------------ FOOTER */

#footer {
	width: 980px;
	margin: 0 auto;
	cursor: default;
}
#footer p {
	color: #4e4835;
	margin: 0 50px;
	line-height: 18px;
	font-size: 11px;
}
#footer a {color:#4e4835; border-bottom: solid 1px #998b60;}
#footer a:hover {color:#2b271a; border:0;}