/*
Theme Name: Willow Creek
Theme URI: http://www.redlettersstudio.com
Description: The Theme built for Willow Creek Baptist Church
Version: 1.0
Author: Josh Byers
Author URI: http://www.redlettersstudio.com

*/
@import url(css/reset.css);
@import url(css/960.css);
@import url(css/text.css);


/* Begin Structure */

html {
	margin-left:-0.1px;}

body {
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #3f5418 url(images/bg.jpg) no-repeat top center;}

#wrapper {
	}	

#header {
	height: 155px;
	width: 100%;}

#header-logo {
	height:74px;
	width:300px;}

#nav {
	height:74px;
	width:660px;}

#search {
	height: 42px;
	background:url(images/bg-search.jpg) no-repeat;
	width:960px;}

#content {
	min-height: 330px;
	background:url(images/bg-content.png) repeat-y;
	width:729px;
	padding:20px 25px 20px 36px;}
	
	#content_series {
		background: url(images/bg-content.png) repeat-y;
		width:769px;
		height: 330px;
		padding-left:16px;
		padding-right:5px;}
	
	.page {
		padding:10px;}

#imnew {
	height:100px;
	width:170px;}

#sidebar {
	width:127px;
	height:258px;
	float:right;
	color: #fff;
	padding-right: 40px;}
	
	#sidebar p {
		font-size: 11px;
		font-style: italic;
		line-height: 16px;
		margin-bottom: 5px;}
	
	#sidebar a {
		color: #fff;
		text-decoration: underline;}
		
		#sidebar li.pdf {
			background: url(images/icon-pdf.png) no-repeat;;
			padding-bottom: 5px;
			list-style-type: none;
			line-height: 16px;
			margin-top: 5px;
			padding-left: 20px;}

#footer {
	width:790px;
	height:119px;
	background:url(images/bg-footer.png) no-repeat;}
	
	#sermons {
		width:258px;
		color: #fff;
		margin: 37px 0 0 29px;
		font-size: 11px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;}	
		
		.sermon-date {
			margin-right: 5px;
			font-weight: bold;}
		
		#sermons li {
			margin-bottom: 8px;}
			
			#sermons li a {
				color:#fff;}
		
		#life_stories {
			float:left;
			margin:37px 12px 0 23px;}
			
			#life_stories li {
				float:left;
				margin-right:16px;}
				
				#life_stories li a {
					border:1px solid #ccc;
					display:block;}
		
		img.other_stories {
			margin-top:4px;
			border:1px solid #aaa;}
					
		#social-media {
			clear: both;
			width: 425px;
			float: left;
			margin: 14px 0 10px 21px;}
			
			#social-media img {
				margin-right: 10px;}
				
				#social-media img.the-city {
					margin-top: 2px;}

.comments {
	border: 1px solid #c9c9c9;
	background: #d9d8d8;
	padding: 20px;}
	
	.comments h3 {
		font-size: 18px;}

.postmetadata {
	margin: 30px 0;}

.smallattachment {
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;}

.attachment {
	margin: 5px 0px;}

.postmetadata {
	clear: both;}

	
	.series:last-child {
		border-bottom:none;}

.amazon {
}

	.amazon .page {
		padding: 0;}

	.amazon #content {
	}


.sermons {
}

.sermon_series, .recent_sermon{
	width: 729px;
	border-top: 1px solid #c9c9c9;
	float:left;
	padding: 20px 0;}

.series_graphic {
	float: left;
	width: 180px;}

.series_info {
	float: right;
	width: 529px;}
	

	
	.series_info h3 {
		margin-bottom: 3px;
		font-size:20px;
		letter-spacing: 0;
		font-weight:bold;}
	
		.series_info h3 a{
			color: #769636;}
	
	.series_description {
		float: left;}
		
		.series_description p{
			margin-bottom:0;}
	
	.date {
		color: #8f8e8e;
		font-size: 13px;}
	
	.trigger, .trigger_open {
		cursor: pointer;
		height:19px;
		width:95px;
		background:url(images/btn-view-sermons.png) no-repeat;
		clear:both;
		display:block !important;}
	
	.trigger_open {
		background:url(images/btn-close-sermons.png) no-repeat;}
		
		.trigger:hover {
			background:url(images/btn-view-sermons-hover.png) no-repeat;}
		
		.trigger_open:hover {
			background:url(images/btn-close-sermons-hover.png) no-repeat;}

.sermon_archive {
	clear: both;
	margin-top: 20px;
	float:left;}
	
	.sermon_archive h4, .recent_sermon h4{
		font-size: 16px;
		margin-top: 3px;
		letter-spacing: 0;
		margin-bottom: 4px;
		font-weight:bold;}
		
		.sermon_archive h4 a{
			color: #769636;}
		
		.sermon_archive p, .recent_sermon p{
			margin-bottom:0;}
	
	.recent_sermon {
		background: #dedede;
		padding: 20px;
		width:690px;}
		
		.recent_sermon h4 a{
			color:#769636;
			font-size:20px;}
				
	.recent_sermon object {
		float: left;
		width:700px;
		margin:5px 0;}
		
		.sermon_archive object {
			float:left;
			width:509px;
			margin:0 0 5px 0;}
			
			.series_page object {
				width:700px;}
		
		.recent_sermon .sermon_meta{
			float: left;
			width:700px;
			font-size:16px;}
			
		.sermon_archive .sermon_meta {
			float: left;
			width:509px;
			font-size:16px;
			margin-top:0;
			font-weight: bold;}
		
		.recent_sermon p, .sermon_archive p{
			float: left;
			margin-right: 20px;
			height:25px;
			margin-top:6px;
			font-size: 12px;}
			
			.recent_sermon .button_text, .sermon_archive .button_text{
				float:left;
				margin:3px 0 0 7px;
				font-weight: bold;}
				
			.recent_sermon p a, .sermon_archive p a{	
				color: #a7a6a6;}
			
			.recent_sermon p a:hover, .sermon_archive p a:hover{
				text-decoration:underline;}
			
			.recent_sermon .download_btn, .sermon_archive .download_btn {
				float:left;}
	
	
	
	.sermon_meta {
		color: #8f8e8e;
		font-size: 13px;
		margin-top: 0;}
		
		.sermon_meta .text {
			font-weight: normal;}
		
		.comment_count {
			background: url(images/bg-comments.png) no-repeat;
			font-weight: normal;
			padding-left: 30px;}
	
	.sermon_archive li {
		border-top: 1px solid #c9c9c9;
		margin-bottom: 15px;
		padding-top: 15px;
		float:left;}

.series_page {
	padding:0 20px 20px 20px;}

.series_page_info {
	padding: 20px 20px 0 20px;}
	
	.series_page_info .date {
		margin-top:0;}
	
	.series_page_info p {
		margin:10px 0;}
		
#slidenav {
	margin-left: 10px;
    margin-top: -40px;
    position: absolute;
    z-index: 100;
}

#slidebuttons {
    text-align: center;
}

#slidebuttons a {
	background: #fff;
    display: block;
    float: left;
    font-size: 14px;
    margin: 3px 3px 0;
    width: 21px;
    height: 21px;
    line-height: 20px;
    color: #343020;
    padding: 3px 3px 0;
    -webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#slidebuttons a:hover, #slidebuttons a:focus, #slidebuttons a.activeSlide {
	background: #cac9c9;
	color: #626262;
}
}

#slidebuttons a:hover, #slidebuttons a:focus, #slidebuttons a.activeSlide {
	background: #cac9c9;
	color: #626262;
}

#cyclenav{
	margin-top:-40px;
	padding:5px;
	float:right;
	width:131px;
	padding:5px 5px 5px 5px;
	background:url(images/bg-controls.png) no-repeat 0 0;
	position: relative;
	z-index: 100;
	height: 22px;
	font-size: 11px;}
	
	#cyclenav a{
		color: #fff;
		display: block;
		float: left;
		margin: 1px 0 5px 6px;
		padding: 5px 9px;}
		
		#cyclenav a:hover {
			background: #333;
			text-decoration: none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;}

.blog_content {
	float:left;
	width:515px;}
	
	.post {
		border-bottom: 1px solid #c9c9c9;
		margin-bottom: 20px;}
	
	.post h2 {
		font-size: 26px;
		margin-bottom:5px;
		font-weight:bold;}
		
		.entry {
			}

.entry iframe html body {
	background: #fff !important;
	}

.blog_sidebar {
	float:right;
	width:190px;
	font-size: 13px;
	margin-right:-20px;}
	
	.blog_sidebar h2{
		font-size: 26px;
		margin-bottom: 5px;}	
	
		.blog_sidebar h2.weekly {
			background: url(images/icon-weekly.png) no-repeat;
			padding-left: 30px;}
		
		.blog_sidebar h2.archives {
			background: url(images/icon-archives.png) no-repeat;
			padding-left: 30px;}

	.blog_sidebar ul {
		margin-bottom: 10px;}
		
		.blog_sidebar li {
			padding-top: 10px;
			margin-top:10px;
			border-top:1px solid #ababab;
			font-size:10px;}
			
			.blog_sidebar li:first-child {
				margin-top:0;
				border-top:none;}
	
/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
		}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background:#ccc;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	background:#ccc;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	background:#ccc;}

.alignright {
	float: right;}

.alignleft {
	float: left}

a img {
	border: none;}
	
/* End Images */

/* Begin Lists */

.entry ol, .entry ul {
	padding:0;
	margin:0 0 10px 30px;
	font-size:12px;}

.entry ol li, .entry ul li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type:disc;}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	margin: 13px 183px 0 0;
	text-align: left;
	float: right;}
	
	#searchform input#s {
		width: 156px;
		height: 14px;
		border: none;
		float: left;}
	
	#searchform input#searchsubmit {
		margin: 0 0 0 14px;
		float: left;}



.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;}

select {
	width: 130px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;}

#commentform {
	margin: 5px 10px 0 0;}

#commentform textarea {
	width: 100%;
	padding: 2px;}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;}

/* End Form Elements */

/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;}

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { display:none;background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		border: 1px solid #ddd;
		background-color: #f3f3f3;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}

/* End captions */

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.8 Plugin: WP-PageNavi 2.50									|
|	Copyright (c) 2009 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #fff;
	background-color: #3f5418;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #b1b1b1;
	color: #fff;
	background-color: #999;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #b1b1b1;
	color: #fff;
	background-color: #999;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #fff;
	background-color: #999;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #999;
	background-color: #3f5418;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: none;
	color: #999;
	background-color: none;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #999;
	color: #fff;
	background-color: #3f5418;
}