/********************************************************************************
			RESETS
********************************************************************************/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form { margin: 0; padding: 0;}
img, a { border: none;}
body { background: #aec4e3 url(images/body-bg.jpg) repeat-x;font: normal normal 12px/150% Helvetica, Arial, sans-serif; color: #1e3051; text-align: center; vertical-align: top;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

a:link, a:visited { color: #1e3051; text-decoration: underline;}
a:hover { text-decoration: none;}
p { margin-bottom: 1em;}
h1 { font: normal normal 24px/100% Georgia, "Times New Roman", Times, serif; margin: 0 0 1em 0;}

/********************************************************************************
			MAIN WRAPPER
********************************************************************************/

#wrapper { width: 940px; margin: 17px auto 0 auto; -margin: 14px auto 0 auto; text-align: left;}

/********************************************************************************
			HEADER
********************************************************************************/

#header { width: 940px; float: left; margin-bottom: 5px;}
	#ad-mailing-list { float: left;}
		#ad-mailing-list #header-banner { float: left; display: inline; width: 728px; height: 90px; margin-right: 10px;}
		#mailing-list { float: left; display: inline; width: 202px; height: 90px; background: url(images/mailing-list.jpg) no-repeat; text-align: center;}
		#mailing-list a { display: block; font: normal normal 14px/125% Helvetica, Arial, sans-serif; color: #ffffff; padding-top: 50px;}
	#header-image { float: left; margin-top: 8px;}
		#header-image-left { float: left; display: inline; width: 560px; height: 209px;}
		#header-image-right { float: left; display: inline; width: 380px; height: 209px;}
			#header-image-right a { display: block; background: url(images/header-image-right.jpg) no-repeat 0 0; width: 380px; height: 209px; text-indent: -9999em;}
			#header-image-right a:hover { background-position: 0 -209px;}

/********************************************************************************
			NAVIGATION
********************************************************************************/


/********************************************************************************
			CONTENT AREA
********************************************************************************/

/* left column area */
#left-column { float: left; display: inline; width: 220px; background: #91a5c2 url(images/left-column-bg.jpg) repeat-x; padding-top: 10px;}
	#left-column .post p { padding: 0 10px;}
	#left-column .post ul { margin-left: 25px; padding: 0 10px 0 0;}
	#left-column .post h3 { width: 220px; height: 34px; margin-bottom: 10px;}
	#left-column #post-3 h3 { background: url(images/upcoming-show-header.jpg) no-repeat; text-indent: -9999em;}
	#left-column #post-5 h3 { background: url(images/previous-shows-header.jpg) no-repeat; text-indent: -9999em;}
	#left-column #post-7 h3 { background: url(images/ministry-partners-header.jpg) no-repeat; text-indent: -9999em;}

/* main area */
#main { float: left; width: 520px; margin: 0 20px;}
	#content-banner { background: #8a9ebd url(images/content-banner-bg.jpg) repeat-x; padding: 10px 0; margin-bottom: 10px;}
		#content-banner img { width: 468px; margin: auto;}
	#main #content { width: 520px; background: #91a5c2 url(images/content-bg.jpg) repeat-x; padding-top: 10px;}
		#main .entry { padding: 0 20px 8px 20px;}
		#main .post h1 { width: 520px; height: 34px; background: url(images/content-header.jpg) no-repeat; text-indent: -9999em;}
		#main .post h2 { margin-bottom: 5px;}

/* side banner area */
#side-banner { float: left; display: inline; width: 160px;}

/********************************************************************************
			BANNERS
********************************************************************************/

#header-banner, #content-banner, #side-banner { line-height: 1%;}
#header-banner img, #content-banner img, #side-banner img { float: left; display: inline;}
	#content-banner img { margin-left: 26px;} /* this centers the image because it has to be floated to fix the space in IE6 and IE7 */
#header-banner span, #content-banner span, #side-banner span { position: absolute; left: -9999em;}


/********************************************************************************
			FOOTER
********************************************************************************/

#footer	{ width: 100%; height: 132px; background: #152b57 url(images/footer-bg.jpg) repeat-x; margin-top: 15px; clear: both;}
	#footer-inside { width: 940px; margin: 0 auto; position: relative;}
		#holy-culture { width: 88px; position: absolute; left: 0; top: 0;}
		#holy-culture-download { width: 132px; position: absolute; left: 132px; top: 0;}
		#footer p { width: 520px; font-size: 14px; color: #bed4ff; text-align: center; padding-top: 30px; margin: auto;}
			#footer span { font-size: 10px; color: #4a78cf;}
		#jz-designs { position: absolute; right: 0; top: 0; width: 180px;}
		
/********************************************************************************
			USED FOR CONTENT ADDED BY WORDPRESS
********************************************************************************/

p.postmetadata { border-top: 1px solid #cccccc; margin: 10px 0 0 0;}
.comments-template { border-top: 1px solid #cccccc; margin: 10px 0 0; padding: 10px 0 0;}
.comments-template ol { list-style: none; margin: 0; padding: 0 0 15px;}
.comments-template ol li { border-bottom: 1px solid #cccccc; line-height: 18px; margin: 10px 0 0; padding: 0 0 10px;	}
.comments-template h2, .comments-template h3 { font: normal normal 16px/150% Georgia, "Times New Roman", Times, serif;}
.commentmetadata { font-size: 12px;}
.comments-template p.nocomments { padding: 0;}
.comments-template textarea{ font: normal normal 12px/150% Arial, Helvetica, sans-serif;}

/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

.clear-float:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-float { display: inline-block;}

/* Hides from IE-mac \*/

* html .clear-float { height: 1%;}

.clear-float { display: block;}

/* End hide from IE-mac */