/*  
Theme Name: Concord Baptist Church
Theme URI: http://www.concordbaptist.com/
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
Description: A Custom theme by <a href="http://www.nathanrice.net/">Nathan Rice</a> for <a href="http://www.concordbaptist.com/">Concord Baptist Church</a>.
Tags: no tags needed
*/
@import url(reset.css);
html, body { margin: 0; padding: 0; }

body { 
	background: #2d1e0f url(images/body-bg.gif) bottom left repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

body * {margin: 0px; padding: 0px;}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Link Styles
*********************************************/
a {
	color: #924a2e;
	text-decoration: none;
}
a:hover { 
	color: #924a2e; 
	text-decoration: underline; 
}

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #333;}
ol, ul {
	margin: 5px 35px;
	line-height: 12px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #999;
}
img { border: 0px; background: none; }
p {
	padding: 10px 0px;
	margin: 0px;
	color: #9b9276;
	line-height: 17px;
}

/*********************************************
		General Use Class Styles
*********************************************/
.wrap {
	width: 800px;
	margin: 0px auto; padding: 0px;
	text-align: left;
}
.left {
	float: left;
	margin: 0px; padding: 0px;
}
.right {
	float: right;
	margin: 0px; padding: 0px;
}

/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-size: 25px;
	font-weight: normal;
	color: #924a2e;
	margin: 0px 0px 15px 0px;
}
h2 { /* This style used as header in the sidebars */
	color: #b87f2a;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-size: 25px;
	font-weight: normal;
	color: #924a2e;
}
h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-size: 18px;
	margin: 0px; padding: 0px;
	color: #666;
	text-decoration: none;
}
h5 { /* This style is to be used for text on regular pages */
	color: #924a2e;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
}
h6 { /* This style is to be used only as page content */
	color: #924a2e;
	font-size: 14px;
       font-family: Georgia, "Times New Roman", Serif;
}
/*********************************************
		Header Styles
*********************************************/
#header {
	background: #dfa95e url(images/header.jpg) top center no-repeat;;
	margin: 0px; padding: 0px;
	display: block;
	position: relative;
}
#headerwrap {
	text-align: left;
    margin: 0px auto; padding: 0px;
    width: 800px;
}
#title a {
	display: block;
	width: 800px; height: 155px;
	margin: 0px auto; padding: 0px;
	text-indent: -9999px;
	overflow: hidden;
}

/*********************************************
		Horizontal Navigaion Styles
*********************************************/
#menu {
	clear: both;
	background: url(images/menu-bg.gif) bottom left repeat-x;
	font-size: 13px;
	text-align: center;
	width: 100%; height: 42px;	
	margin: 0px ;padding: 0px;
	display: block;
}
#menu ul {
	display: block;
	width: 800px; height: 42px;
	background: #ede5cd url(images/menu-ul-bg.gif) bottom left repeat-x;
	margin: 0px auto; padding: 0px;
}
#menu ul li {
	display: block; float: left;
	background: url(images/menu-sep.gif) bottom left no-repeat;
	list-style-type: none;
	margin: 0px; padding: 0px 0px 0px 2px;
	height: 42px; line-height: 42px;
}
#menu ul li.home {
	background: none;
	padding: 0px;
}
#menu ul li a {
	display: block; float: left;
	color: #522300;
	margin: 0px; padding: 0px 23px;
	height: 42px; line-height: 42px;
	text-decoration: none;
}
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, 
#menu ul li.current_page_item a:visited,
#menu ul li.current_page_parent a,
#menu ul li.current_page_parent a:visited {
	background: #f7f5ed;
}
#menu ul li a:hover {
	text-decoration: underline;
}
#submenu {
	background: #f7f5eg;
	min-height: 5px;
}
#submenu ul {
	padding: 10px 0px;
	list-style-type: none;
}
#submenu ul li {
	display: inline;
	margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px;
	border-right: 1px solid #924a2e;
	line-height: 20px;
}
#submenu ul li a {
	display: inline;
       color: #ffcc99;
       font-size: 12px;
}
#submenu ul li.current_page_item a {
	font-weight: bold;
}
#submenu {
       <!--display: inline;-->
       <!--color: #ffffff;-->
       <!--font-size: 12px;-->
       <!--font-color: #ffffff;-->
	<!--font-weight: normal;-->
       <!--text-decoration: none;-->	
}
	
/*********************************************
		Homepage Styles
*********************************************/
#feature {
	margin: 0px; padding: 10px 0px 0px 0px;
	text-align: center;
	background: #f7f5ed;
}
#featuer .wrap {
	background: #e9e6d9;
}
#feature .wrap .left {
	background: #e9e6d9;
	width: 206px; height: 220px;
	padding: 10px 22px;
}
#feature .wrap .left h2 {
	display: block;
	width: 206px; height: 75px;
	margin: 0px; padding: 0px;
	background: url(images/welcometoconcord.png) no-repeat;
	text-indent: -9999px;
}
#feature .wrap .left h3 {
	font-weight: normal;
	font-size: 15px;
	color: #b9802a;
	border-bottom: 1px solid #d4cec0;
	margin: 0px; padding: 5px 5px;
}
#feature .wrap .left ul {
	display: block; clear: both;
	margin: 0px; padding: 10px 0px 0px 0px;
	border-top: 1px solid #f7f5ed;
	list-style-type: none;
}
#feature .wrap .left ul li.label {
	clear: both;
	display: block; float: left;
	margin: 0px; padding: 0px 0px 5px 0px;
	width: 56px;
	text-align: right;
	color: #b9802a;
	font-weight: bold;
}
#feature .wrap .left ul li.field {
	display: block; float: left;
	margin: 0px; padding: 0px 0px 5px 10px;
	width: 140px;
	text-align: left;
	color: #825d41;
}
#feature .wrap .left li.mapdirections {
	display: block; clear: both;
	padding: 5px 0px 0px 0px;
}
#feature .wrap .left li.mapdirections a {
	display: block; clear: both;
	font-size: 13px;
	width: 205px;
	background: #f7f5ed;
	color: #825d41;
	text-align: center;
	margin: 0px; padding: 8px 0px;
	border-bottom: 1px solid #d0cec2;
	border-right: 1px solid #d0cec2;
	text-decoration: none;
}

#feature .wrap .right {
	width: 550px; height: 240px;
}

#helpfullinks {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
#helpfullinks ul {
	list-style: none;
	margin: 0px; padding: 10px 0px;
}
#helpfullinks ul li {
	display: inline;
	padding: 0px 50px;
	background: url(images/helpfullinks-sep.gif) right 50% no-repeat;
}
#helpfullinks ul li.label {
	color: #844f2b;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 0px 15px;
	background: url(images/helpfullinks-arrow.gif) right 50% no-repeat;

}
#helpfullinks ul li a {
	color: #844f2b;
	text-decoration: none;
}
#helpfullinks ul li a:hover {
	color: #844f2b;
	text-decoration: underline;
}

#bottom {
	clear: both;
	margin: 0px; padding: 20px 0px;
	text-align: center;
	background: #efeada url(images/bottom-bg.gif) top left repeat-x;
}
#bottom .left {
	width: 225px;
	
}
#bottom .left h4 {
	color: #664421;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	background: url(images/upcoming-cal.gif) 200px 50% no-repeat;
}
#bottom .left h4 a {
	display: block;
	color: #664421;
	text-decoration: none;
	margin: 0px; padding: 8px 0px;
}
#bottom .left ul {
	display: block;
	margin: 0px; padding: 0px;
	list-style-type: none;
	border-top: 1px solid #d4cec0;
	border-bottom: 1px solid #f7f5ed;
}
#bottom .left ul li {
	display: block; clear: both;
	margin: 0px; padding: 0px;
	border-top: 1px solid #f7f5ed;
	border-bottom: 1px solid #d4cec0;
}
#bottom .left ul li a {
	color: #924a2e;
	display: block;
	margin: 0px; padding: 5px 0px;
	text-decoration: none;
	font-weight: bold;
}
#bottom .left ul li a span {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	color: #545044;
	line-height: 15px;
}
#bottom .left ul li a:hover {
	background: #f7f5ed;
}

#bottom .right {
	width: 525px;
}
#bottom .right #sermon {
	border-bottom: 1px solid #d4cec0;
	padding: 10px 0px;
}
#bottom .right #sermon .left {
	width: 310px;
}
#bottom .right #sermon .left h4 {
	color: #9b9276;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px; line-height: 13px;
	background: none;
}
#bottom .right #sermon .left h3 {
	color: #b87f2a;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
}
#bottom .right #sermon .left h3 a,
#bottom .right #sermon .left h3 a:hover {
	color: #b87f2a;
	text-decoration: none;
}
#bottom .right #sermon .left h3 a span {
	color: #9b9276;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}

#bottom .right #sermon .right {
	width: 191px;
}
#bottom .right #sermon .right .links {
	background: #f5f3ea url(images/button-bg.gif) top left repeat-x;
	color: #6e664d;
	border: 1px solid #d6d0bd;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
}
#bottom .right #sermon .right .links .listen {
	display: block; float: left;
	background: url(images/sermon-audio-ico.gif) 10px 50% no-repeat;
	width: 59px; padding: 9px 0px 9px 35px;
	color: #6e664d;
	text-decoration: none;
	border-right: 1px solid #d4cec0;
}
#bottom .right #sermon .right .links .notes {
	display: block; float: right;
	background: url(images/sermon-notes-ico.gif) 10px 50% no-repeat;
	width: 58px; padding: 9px 0px 9px 35px;
	color: #6e664d;
	text-decoration: none;
	border-left: 1px solid #fdfdfb;
}

#bottom .right #us {
	clear: both;
	border-top: 1px solid #f7f5ed;
	padding: 10px 0px;
}
#bottom .right #us .left {
	width: 310px;
}
#bottom .right #us .left h3 {
	font-size: 25px;
	font-weight: normal;
	color: #924a2e;
}
#bottom .right #us .left p {
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
}
#bottom .right #us .left a.gettoknowus {
	display: block;
	width: 307px; height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/gettoknowus-bg.gif) no-repeat;
}


#bottom .right #us .right {
	width: 191px;
}
#bottom .right #us .right img {
	margin: 0px 0px 10px 0px;
}
#bottom .right #us .right a.contactbutton {
	display: block;
	background: #f5f3ea url(images/button-bg.gif) top left repeat-x;
	color: #6e664d;
	border: 1px solid #d6d0bd;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#bottom .right #us .right a.contactbutton span {
	display: block;
	background: url(images/contact-ico.gif) 30px 50% no-repeat;
	padding: 9px 0px 9px 55px;
	color: #6e664d;
	text-decoration: none;
}

/*********************************************
		Inner Styles
*********************************************/
#inner {
	clear: both;
	margin: 0px; padding: 20px 0px;
	text-align: center;
	background: #efeada url(images/bottom-bg.gif) top left repeat-x;
}
#content {
	width: 555px; padding: 15px;
	background: url(images/inner-bg.png) repeat-x;
}

/*********************************************
		Single Page Styles
*********************************************/
#page {
}

/*********************************************
		Single Sermon Styles
*********************************************/


/*********************************************
		Sermon Archive Styles
*********************************************/
.sermon {
	border-bottom: 1px solid #d4cec0;
	padding: 10px 0px;
}
.sermon .left {
	width: 310px;
}
.sermon .left h4 {
	color: #9b9276;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px; line-height: 13px;
	background: none;
}
.sermon .left h3 {
	color: #b87f2a;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
}
.sermon .left h3 a,
.sermon .left h3 a:hover {
	color: #b87f2a;
	text-decoration: none;
}
.sermon .left h3 a span {
	color: #9b9276;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}

.sermon .right {
	width: 191px;
}
.sermon .right .links {
	background: #f5f3ea url(images/button-bg.gif) top left repeat-x;
	color: #6e664d;
	border: 1px solid #d6d0bd;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
}
.sermon .right .links .listen {
	display: block; float: left;
	background: url(images/sermon-audio-ico.gif) 10px 50% no-repeat;
	width: 59px; padding: 9px 0px 9px 35px;
	color: #6e664d;
	text-decoration: none;
	border-right: 1px solid #d4cec0;
}
.sermon .right .links .notes {
	display: block; float: right;
	background: url(images/sermon-notes-ico.gif) 10px 50% no-repeat;
	width: 58px; padding: 9px 0px 9px 35px;
	color: #6e664d;
	text-decoration: none;
	border-left: 1px solid #fdfdfb;
}


/*********************************************
		Single Event Styles
*********************************************/


/*********************************************
		Event Arvhice Styles
*********************************************/
.event {
	border-bottom: 1px solid #d4cec0;
	padding: 10px 0px;
}


/*********************************************
		Sidebar Styles
*********************************************/
#sidebar {
	width: 191px;
	padding-right: 14px;
}
#sidebar .events {
	margin: 0px 0px 15px 0px; padding: 0px;
}
#sidebar .events h4 {
	color: #664421;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	background: url(images/upcoming-cal.gif) 200px 50% no-repeat;
}
#sidebar .events h4 a {
	display: block;
	color: #664421;
	text-decoration: none;
	margin: 0px; padding: 8px 0px;
}
#sidebar .events ul {
	display: block;
	margin: 0px; padding: 0px;
	list-style-type: none;
	border-top: 1px solid #d4cec0;
	border-bottom: 1px solid #fcfbf6;
}
#sidebar .events ul li {
	display: block; clear: both;
	margin: 0px; padding: 0px;
	border-top: 1px solid #fcfbf6;
	border-bottom: 1px solid #d4cec0;
}
#sidebar .events ul li a {
	color: #924a2e;
	display: block;
	margin: 0px; padding: 5px 0px;
	text-decoration: none;
	font-weight: bold;
}
#sidebar .events ul li a span {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	color: #545044;
	line-height: 15px;
}
#sidebar .events ul li a:hover {
	background: #fcfbf6;
}
#sidebar .features img {
	margin: 0px 0px 10px 0px;
}
#sidebar a.contactbutton {
	display: block;
	background: #f5f3ea url(images/button-bg.gif) top left repeat-x;
	color: #6e664d;
	border: 1px solid #d6d0bd;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#sidebar a.contactbutton span {
	display: block;
	background: url(images/contact-ico.gif) 30px 50% no-repeat;
	padding: 9px 0px 9px 55px;
	color: #6e664d;
	text-decoration: none;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}
	

/*********************************************
		Footer Styles
*********************************************/
#footer {
	padding: 10px;
	clear: both;
	background: transparent;
	text-align: left;
}
#footer p {
	font-size: 11px;
	color: #747065;
}
#footer a {
	color: #baaf90;
	text-decoration: none;
}
#footer a:hover {
	color: #baaf90;
	text-decoration: underline;
}

/*****************************************
            Text Wrapping
*****************************************/
img.alignleft {
float: left;
margin: 5px 10px 0 0;
}

img.alignright {
float: right;
margin: 5px 0 0 10px;
}

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

.alignright {
float: right;
}

.alignleft {
float: left;
}