/*
Theme Name: Capital
Theme URI: http://anesticreative.com/portfolio/
Description: Custom design for Capital Church (<a href="http://capitalchurch.com" target="_blank">capitalchurch.com</a>)
Version: 2.1
Author: Sawyer Pangborn
Author URI: http://anesticreative.com
Tags: brown, widgets, capital
	
	Capital 2.1
		http://capitalchurch.com
    	http://anesti.org

	Copyright 2009 Sawyer Pangborn
	Used with permission by Capital Church.
	
	Note: This theme is not to be used without permission. Contact sawyer@anesti.org for licensing.

*/
html {
	margin: 0;
	padding: 0;
	background-color: #cccc99;
}

strong, b {
	font-weight: bold;
}

body {
	background-color: #c9e5c2;
	font-family: "Trebuchet MS", "Tahoma", "Arial", sans-serif;
	font-size: 12px;
	line-height: 200%;
	margin: 0 auto;
	background:url('images/halftone-top.jpg') no-repeat top center;
}
a {
	color: #663200;
	text-decoration: none;
}
a:hover {
	color: #88885d;
	text-decoration: underline;
}
/*
 *	Fix some of the formatting issues that sIFR causes
 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: block;
	visibility: visible !important;
	letter-spacing: normal !important;
	line-height: normal;
}

/*
 * Header and General Layout
 *
 */
 
#container {
	width: 853px;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
}
#header {
	width: 853px;
	margin: 0 auto;
	background:url('images/header.png') no-repeat;
	padding: 0px 0px 10px 0px;
}
#logo {
	height: 76px;
	width: 780px;
	background:url('images/capital-logo.png') no-repeat;
	margin: 0 auto;
}
.logolink {
	height: 76px;
	width: 780px;
	border: 0;
}
#headermeta {
	width: 780px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#wp-login {
	position: absolute;
	top: 5px;
	font-variant: small-caps;
	color: #839553;
}
#header a:hover {
	color:#cccc99;
	text-decoration: none;
}

/*
 *	SERVICE TIMES
 */

#servicetimes {
	width: 470px;
	height: 25px;
	background:url('images/service-times.png') no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0;
	float:left;
}
#capital-meta {
	float:right;
	font-family: "Helvetica", "Tahoma", "Arial", sans-serif;
	font-size: 12px;
	margin: 5px 15px 10px 10px;
}
#capital-meta ul {
	list-style-type:none;
}
#capital-meta ul li {
	display: inline;
	padding-right: 15px;
	font-variant: small-caps;
}
#capital-meta a {
	text-decoration: none;
	color: #003300;
	font-weight:bold;
}
#capital-meta a:hover {
	background:url('images/underline.gif') no-repeat bottom center;
	padding-bottom: 3px;
}

/*
 *	DEFAULT HEADER IMAGE
 */

#headerimage {
	width: 800px;
	height: 303px;
	background:url('images/header/welcome.png') no-repeat;
	margin: 0px auto 13px auto;
}

/*
 *	SPECIAL HEADER IMAGES
 */

#headerimage.services {
	background:url('images/header/sundaymorning.jpg') no-repeat;
	height: 305px;
}
#headerimage.upcomingevents {
	background:url('images/header/main.jpg') no-repeat;
	height: 305px;
}
#headerimage.leadership {
	background:url('images/header/leadership.jpg') no-repeat;
	height: 305px;
}
#headerimage.capitalchurchleadership {
	background:url('images/header/main.jpg') no-repeat;
	height: 305px;
}
#headerimage.wednesdaynightbiblestudymessages {
	background:url('images/header/wednesdaynight.jpg') no-repeat;
	height: 305px;
}
#headerimage.volunteer {
	background:url('images/header/volunteer.jpg') no-repeat;
	height: 305px;
}
#headerimage.outreach {
	background:url('images/header/outreach.jpg') no-repeat;
	height: 305px;
}
#headerimage.messages, #headerimage.messagearchives {
	background:url('images/header/messages.jpg') no-repeat;
	height: 305px;	
}
#headerimage.contact {
	background:url('images/header/contact.jpg') no-repeat;
	height: 305px;	
}
#headerimage.ministries {
	background:url('images/header/connect.jpg') no-repeat;
	height: 305px;	
}

/*
 * NAVIGATION SLIDING WINDOW
 */
 
#navigation {
    background:url('images/capital-nav.png') no-repeat;
    width: 800px;
    height:38px;
    margin: 0 auto;
}
#navigation #nav {
    margin: 0;
    padding: 0;
}
#navigation #nav li {
    display: inline;
}
#navigation #nav li a {
    float: left;
    width: 150px;
    height: 0;
    padding-top: 38px;
    overflow: hidden;
}
#navigation #nav li a {
    background-image: url(images/capital-nav.png);
    background-repeat: no-repeat;
    width:150px;
    cursor: pointer;
}

/* Normal Styles */

#navigation #nav li#nav-home a { background-position: 0 0; width: 50px !important;}
#navigation #nav li#nav-blank a { background-position: -50px 0; cursor: default !important; }
#navigation #nav li#nav-what-to-expect a { background-position: -200px 0; }
#navigation #nav li#nav-whats-going-on a { background-position: -350px 0;}
#navigation #nav li#nav-who-we-are a { background-position: -500px 0;}
#navigation #nav li#nav-contact-us a { background-position: -650px 0;}

/* Rollover Styles */

#navigation #nav li#nav-home a:hover { background-position: 0 -38px; width: 50px !important;}
#navigation #nav li#nav-blank a:hover { background-position: -50px -38px; }
#navigation #nav li#nav-what-to-expect a:hover { background-position: -200px -38px; }
#navigation #nav li#nav-whats-going-on a:hover { background-position: -350px -38px;}
#navigation #nav li#nav-who-we-are a:hover { background-position: -500px -38px;}
#navigation #nav li#nav-contact-us a:hover { background-position: -650px -38px;}

.dnd {
	display:none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#main {
	background:url('images/body-back.png') repeat;
	position: relative;
	float: left;
	width: 853px;
}

#content {
   position: relative;
   float: left;
   left: 15px;
   width: 579px;
   font-size: 11px;
   color: #663200;
}


/*
 *	Main Content Styling
 *	
 */
 
.post {
    width: 569px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
.post-head {
    width: 579px;
    height: 46px;
    background: url('images/content-header.jpg') no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    text-align:right;
}
.cufon1 {
    float:right;
    width: 530px;
    display: block;
    position: relative;
    top: 21px;
    right: 27px;
    margin: 0;
    padding: 0;
    font-size: 26px;
    color: #cccc99;
    font-weight: bold;
    text-transform: lowercase;
}
.cufon1 a {
	color: #cccc99;
	text-decoration: none;
}
.atcapital {
    width: 530px;
    margin: 0;
    padding: 0;
	font-size: 26px;
    color: #cccc99;
    text-transform: lowercase;

}

/*
 *	POST STYLES
 */
 
.post-body {
	padding: 10px;
	background: url('images/content-back.jpg') repeat-y;
}
.post-text {
	line-height: 150%;
	width: 520px;
	margin: 0 auto;
}
.post-text p {
    margin: 0px;
    padding: 10px;
}
.post-text a img {
	border: 0;
}
.post-text h2 {
	font-size: 18px !important;
	padding: 10px 20px 10px 5px;
	margin: 0;
	color: #1d2f18;
}
.post-text h3 {
	padding: 10px 10px 5px 10px;
	margin: 0;
	color: #663200;
	font-weight:normal;
	font-size: 20px !important;
}
.post-footer {
	width: 575px;
	height: 56px;
	margin: -10px auto 0px auto;
	background: url('images/content-footer.jpg') no-repeat;
}
.post-date {
	text-align:left;
	clear: left;
	width: 518px;
	margin: 10px 0px 10px 10px;
	padding: 0px 10px 0px 30px;
	background-color: #1d2f18;
	color: #c9e5c2;
	position: relative;
	top: -10px;
}
.post-date a {
	color:white;
	text-decoration: none;
}
.post-date a:hover {
	color: #c9e5c2;
	text-decoration: underline;
}

.aligncenter {
	margin: 0px auto;
	clear:both;
}
.alignleft {
	float:left;
	margin: 10px;
	clear:left;
}
.alignright {
	float: right;
	margin: 10px;
	clear:right;
}

/*
 *	SIDEBAR STYLES
 */
 
#whoweare {
	display:none;
}
#sidebar {
	color: #cccc99;
	position: relative;
   	float: right;
   	right: -18px;
   	top: -3px;
   	width: 271px;
}
.sidebar-item {
	margin: 0px 0px 0px 5px;
	display: block;
}
.sidebar-head {
	width: 227px;
	height: 45px;
	margin: 0;
	background: url('images/sidebar-header.jpg') no-repeat;
}
.cufon2 {
	display:block;
	width: 180px;
	position: relative;
	top: 25px;
	left: 0px;
	color: #1d2f18;
	margin: 0 auto;
	font-size: 20px;
	text-transform: lowercase;
}
#sidebar p {
	margin: 0 auto;
	padding: 0;
}
#sidebar ul {
	margin: 0;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
}
#sidebar li {
	margin: 0;
	padding: 0;
}
#sidebar li.page_item a, #sidebar ul.blogroll a {
	margin: 0px 0px 0px -4px;
	text-indent: 15px;
	width: 210px;
	display: block;
	color: #cccc99;
	font-size: 11px;
	text-decoration: none;
	text-transform: lowercase;
}

.podcast {
	border: 0;
	display: none;
}
#sidebar li.page_item ul li.page_item a {
	text-indent:45px;
}
#sidebar li.page_item a:hover, #sidebar ul.blogroll a:hover {
	width: 212px;
	display: block;
	background:url('images/sidebar-hover.jpg') repeat-y;
	color: #663200;
}

.sidebar-body {
	width: 227px;
	background: url('images/sidebar-body.jpg') repeat-y;
}
.sidebar-text {
	width: 200px;
	margin: 0 auto;

}
.mops a {
	text-transform: uppercase !important;
}
ul.sidebar-links {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.sidebar-links li {
	padding: 0px 0px 5px 0px;
}
ul.sidebar-links li a {
	float:left;
	display: block;
	width: 210px;
	height: 18px;
	border: 1px solid white;
	margin: 0px 0px 0px -5px;
}
.sidebar-center {
	width: 210px;
	margin: 5px auto;
	clear:both;
}
.sidebar-event-image {
	margin: 0 auto;
	border: 0;
}
.sidebar-footer {
	width: 227px;
	height: 20px;
	position: relative;
	top: 0px;
	background: url('images/sidebar-footer.jpg') no-repeat;
}

/* 
 * SIDEBAR EXTRAS
 */
 
#troysblog {
	float:left;
	width: 227px;
	height: 40px;
	overflow: hidden;
	margin: 20px 0px 0px 5px;
}
#troysblog a {
	width: 227px;
	height: 40px;
	padding-top:40px;
	display:block;
	background: url('images/blog-sprite.jpg') no-repeat;
}
#troysblog a:hover {
	background-position: 0px -40px;
}

#directions {
	float:left;
	width: 227px;
	height: 40px;
	overflow: hidden;
	margin: 0px 0px 0px 5px;
}
#directions a {
	width: 227px;
	height: 40px;
	padding-top:40px;
	display:block;
	background: url('images/directions-sprite.jpg') no-repeat;
}
#directions a:hover {
	background-position: 0px -40px;
} 

/*
 *	FOOTER STYLES
 */

#footer {
	width: 853px;
	height: 190px;
	margin: 0px auto 0px auto;
	background: url('images/footer.png') no-repeat;
	text-align: left;
	font-size: 9px;
	color: #cccc99;
	clear: both;
}


#footer-content {
    position: relative;
    top: 90px;
    margin: 0 auto;
    width: 800px;
    height: 100px;
}
#footer-content ul {
    list-style-type: none;
}
#footer-content ul li {
    display: block;
    line-height: 250%;
    list-style-type: none;
	font-size: 9px;    
}
#footer-content ul li a {
    width: 230px;
    height: 25px;
    display: block;
    color: #cccc99;
    text-decoration: none;
    padding: 2px 0px 0px 10px;
	font-size: 9px;
}
#footer-content ul li a.border {
    background: url('images/bottom-nav-border.gif') no-repeat !important;
}
#footer-content ul li a.border:hover {
    background: url('images/bottom-nav-hover-border.gif') no-repeat !important;
}
#footer-content ul li a:hover {
    width: 230px;
    height: 25px;
    display: block;
    color: #cccc99;
    text-decoration: none;
    background: url('images/bottom-nav-hover.gif') no-repeat;
}
#footer-col-1 {
    width: 230px;
    height: 100px;
    line-height: 200%;
    margin: 0;
    padding: 0;
    text-align:right;
    float:left;
}
#footer-col-1 a {
	color: #cccc99;
	font-size: 9px;
	text-decoration: underline;
}
#footer-col-1 a:hover {
	color: #ffffff;
	font-size: 9px;
	text-decoration: underline;
}
#footer-col-2 {
    width: 250px;
    height: 100px;
    text-align: left;
    float:left;
}
#footer-col-3 {
    margin: 0px 0px 0px 5px;
    width: 250px;
    height: 100px;
    text-align: left;
    float:left;
}
#warning {
	border: 1px solid black;
	background-color: yellow;
	width: 300px;
}

/*
 *	FRONTPAGE LOOK AND FEEL
 */
.frontpage {
	height: 215px !important;
}
.boxrow {
	width: 810px;
	height: 130px;
	float: left;
	margin: 0px 0px 0px 8px;
	position: relative;
	top: -15px;
}
.boxrow img {
	float: left;
	height: 113px;
	width: 256px;
	padding: 7px;
	border: none;
	position: relative;
}
.boxrow img a {
	border: none;
}