/*
Theme Name: Mount Hope Saint Johns
Description: Mount Hope Saint Johns by <a href="http://www.bychosen.com">Chosen</a>.
Version: 1.0
Author: Chosen LLC
Author URI: http://www.bychosen.com/
Tags: light, fixed-width, two-columns, right-sidebar

	This theme was designed and built by Chosen LLC
	who can be contacted at info@bychosen.com
*/
* {padding: 0; margin: 0;}
ul, li {list-style: none;}
a {color: #fafafa; text-decoration: none;}
a:hover {color: #e4e4e4;}
.hidden {display: none;}
a img {border: none;}
h1 {
	height: 6.76em;
	background: url('images/logo.png') no-repeat center top;
	position: relative;
	top: -3em;
	z-index: 200;
	font-size: 2.5em;
}
h2 {font-size: 1.8em;}
h3 { font-size: 1.6em; line-height: 1em; padding: 1em 0 .25em 0; }
p {margin: .5em 0;}
.clear {clear: both;}
.close { float: right; position: relative; right: -1em; top: -1em; }
body {
	background: #1f0707 url('images/bg.jpg') repeat-y center 0;
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 auto;
	width: 100em;
	padding: 0;
}
#page {
	margin: 0 auto;
	width: 100em;	
}
#content { color: #feed8f; margin: -6em auto 0; width: 84em; }
.nav {text-align: center;}
.nav ul {text-align: center; margin: 1em auto 0;}
.nav li {display: inline; font-size: 1.4em;margin: 0 auto;}
.nav a {padding:.5em 1.5em; color: #fcfed6; height: 2.2em; text-transform: lowercase;}
.nav a:hover {color: #1f0707; background: url('images/hover.png') no-repeat center 23px;}
.nav li.current_page_item a {color: #1f0707; background: url('images/hover.png') no-repeat center 23px;}


/* Slideshow */
#rotator { height: 27.1em; margin: 1.25em 1.5em; }
div#rotator { position:relative; height: 27.1em; }
div#rotator ul { position:relative; height: 27.1em; }
div#rotator ul li { float:left; position:absolute; list-style: none; z-index: 1; }
div#rotator ul li.show { z-index:2; }


/* Home */
.home .home-post { width: 55em; float: left; }
.home a {position: relative; color: #dbba6e;}
.home .post { 
	background: #81693e; 
	margin-bottom: .1em; 
	overflow: hidden; 
	position: relative; 
	text-shadow: 0 0 7px #3e321d; 
}
.home .post span { 
	background: url(images/fg_posts.png) repeat-x bottom;
	position: absolute;
	display: block;
	height: 3em;
	width: 100%;
	z-index: 100;
}
.home .post .date { color: #fcfed6; font-size: 2.2em; float: left; line-height: 1em; margin: 0; padding: 0.2em 0.25em; }
.home .post h2 {
	float:right;
	font-size:1.5em;
	font-weight:normal;
	margin-top:0.3em;
	padding: .25em 0;
	width:28.5em;
}
.calendar { padding: 1em 0; }

/* Pages */
.page {margin-top: 3em; margin-left: 10em; width: 88em;}
.page .page-post {width: 55em; float: left;}
.page a {position: relative; color: #dbba6e;}
.page .post { 
	background: #81693e; 
	margin-bottom: .1em; 
	padding: 1.5em 1.75em; 
	overflow: hidden; 
	position: relative; 
	text-shadow: 0 0 7px #3e321d; 
}
.page .post .title span { 
	background: url(images/fg_posts.png) repeat-x bottom;
	position: absolute;
	display: block;
	height: 2.5em;
	width: 95%;
	z-index: 100;
}
.page .post .entry {margin-top: 3em;}
.page .page-post .entry p, .page .page-post .entry span, .page .page-post .entry blockquote {
	color: #fdfdd4; 
	font-size: 1.2em;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin: 1em 0;
}
.page .post h2 {float: right; font-weight: normal; line-height: 1em; width: 26em; font-size: 2em;}


/* Serons */
.sermons {margin: -3em 10em 0; width: 80em; background: #1f0707;}
.sermons .page-post {width: 48em; padding: 3em 0 3em 2em; float: left;}
.sermons .page-post h2 {color: #e22929; font-size: 3em;}
.sermons .page-post .post .entry {border-bottom: .1em dashed #520907; margin-bottom: 1em;}
.sermons .page-post .entry p, .sermons .page-post .entry span, .sermons .page-post .entry blockquote {
	color: #b9baa0; 
	font-size: 1.2em;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin: 1em 0;
}
.sermons .page-post .post {margin-bottom: 2em;}
.sermons .post-categories {float: left;}
.sermons .post-categories li {list-style: none;}
.sermons .post-categories a {color: #dbba6e; float: left; font-size: 1.2em; padding-right: 1em; margin-top: -.5em;}


/* Events */
.events {margin: 3em 8em 0; width: 85em; color: #dbba6e;}
.events .events-post {width: 85em; float: left;}
.events .events-post .post {background: #81693e; padding: 2em;}


/* Contact */
.contact-form { padding: 6em; }

/* Video */
#video object {margin:2em .5em;}
#video h2 {text-align: center; margin-bottom: 1em;}
/* Begin Sidebar */
#sidebar {
	float: right;
}
.side {margin-left: 5.5em; width: 23em; }
.side li a {
	float: left; 
	font-size: 2.4em;
	color: #fcfed6; 
	line-height: 1em;
	text-shadow: 0 .5px 1px #000000;
	font-weight: lighter;
	opacity: .7;
	padding: .75em 0;
	width: 8.5em;
} 
.side li a:hover { color: #fff; opacity: 1; }
.side .subscribe a{ background: url('images/home/subscribe.png') no-repeat right center; }
.side .calendar a { background: url('images/home/calendar.png') no-repeat right center; }
.side .contact a { background: url('images/home/email-us.png') no-repeat right center; }
.sermons .page-side {width: 23em; padding: 0 2em; text-align: left;}
.sermons .page-side h2 {font-size: 3em; margin: 1em 0 .25em;}
.sermons .page-side a {color: #dbba6e; font-size: 1.2em; line-height: 1.4em;}
.sermons .date {float: left; margin: 0 .3em 0 0; color: #b9baa0;}
#sidebar #searchform {margin-left: 1em;}
#sidebar li {margin-bottom: 1em;}
#sidebar ul.children {margin-left: .5em;}


/* Post */
.post p {color: #b9baa0; font-size: 1.2em;}
.post ul li {list-style: disc; margin: .5em 1em; font-size: 1.2em;}
.post ol li {list-style: decimal; margin: .5em 1em; font-size: 1.2em;}
.postmetadata {margin-bottom: 1em; font-size: 1.2em;}
#respond {color: #000000;}
.commentlist {margin: 1em 0;}
.commentlist cite {float: left;}
.commentlist .comment-title {width: 51em; height: 1em;}
.commentmetadata {float: left; margin-left: .3em;}
.commentlist li {margin: .5em 0; min-height: 5em;}
.commentlist li p {font-size: 1.2em;}
.commentlist img {float: left; margin-right: .5em;}


/* Comments */
.commentform {width: 100%; height: 4em;}
#wp-calendar .padday {background-color: #81693E !important;}
#wp-calendar td {border: thin solid #81693E !important;}
#wp-calendarLarge .dayHead {background-color: #1F0707 !important;}
.contact-lightbox h2 {width:100%;}
.close {font-size: 1.4em; text-align: right; display: block;}
#player {
	display:block;
	width:550px;
	height:385px;
}

/* Footer */
#footer {
	color: #000000;
	margin: 0 auto;
	padding: 3em 0 0;
	width: 100em;
	text-align:  center;
}
#footer a {color: #000000;}
#footer a:hover {color: #FFFFFF;}


/* Wordpress */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.overlay { 
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 110%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.8;
	filter: alpha(opacity=80);
}
.modal { 
	background: #81693E; 
	min-height: 45em;
	width: 56em; 
	border: 1px solid #111e24; 
	box-shadow: 0 0 2em #000;
	-moz-box-shadow: 0 0 2em #000;
	-webkit-box-shadow: 0 0 2em #000;
	display: none;
	position: absolute; 
	z-index: 1002; 
}
.modal_home { 
	background: #81693E; 
	min-height: 45em;
	width: 56em; 
	border: 1px solid #111e24; 
	box-shadow: 0 0 2em #000;
	-moz-box-shadow: 0 0 2em #000;
	-webkit-box-shadow: 0 0 2em #000;
	display: none;
	position: absolute; 
	z-index: 1002; 
}
.error, .notice, .success { 
	border: 2px solid; 
	box-shadow: 0 0 2em #7b622d;
	-moz-box-shadow: 0 0 2em #7b622d;
	-webkit-box-shadow: 0 0 2em #7b622d;
	margin: 2em auto; 
	padding: 2em; 
	text-align: center; 
	width: 40em; 
}
#contact { margin: 0 auto; padding: 2em; width: 52em; }
#contact #submit { background: #520907; border: 1px solid #1F0707; color: #fff; font-size: 1.2em; margin-left: 25%; padding: .25em .5em; }
#contact label { clear: left; float: left; font-size: 1.2em; font-weight: bold; margin: 1em 0; text-align: left; width: 15%; }
#contact input[type="text"], textarea { border: 1px solid #520907; float: left; margin: 1em 0; padding: .25em; text-align: left; width: 73%; }
#contact input:focus, #contact textarea:focus { border-color: #1F0707; }

.error { background: #dcc; color: #800; }
.success { background: #cdc; color: #080; }

#wp-calendarLarge td {height:85px !important;}