/*   
Theme Name: Story Church
Theme URI: http://www.aemediainc.com
Description: 
Author: AE Media Inc
Author URI: http://www.aemediainc.com
Version: 1.0
Tags: two-columns, fixed-width

*/

/* general styles */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: url(images/bg_paper.jpg) center top;
	/*background-color: #eae3c7;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	overflow-x: hidden;
	overflow-y: auto;
}

body {
    height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

div#div0 {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#div1 {
	background:url(images/header_logopaint.jpg) no-repeat top center;
	height:185px;
}
	div#div1 p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#div2 {
margin:0 auto;text-align:left;width:860px;padding-bottom: 85px /* bottom padding for footer */
}
	
div#div3 {
	position:absolute;
	width:100%;
	height: 110px;
	color:#FFFFFF;
		background: url(images/footer.png) top center no-repeat;
	bottom:0;
	float:left /* stick to bottom */
}

a, a:visited{ color: #456410; padding:0px; text-decoration: none}
a:hover, a:active{ color: #522E0A; padding:0px;text-decoration:none;}


a img{border:0}

h1{font:25px; font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; padding:0; margin:0}
h2{font:1.2em; font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; clear:none}
h3{font-size:1.2em;margin: 10px 0 0 2px;color:#522E0A}
h4{font-size:1em;padding:10px 4px 4px 4px; width:240px; color:white; margin:15px 0 0 0;background-color:#522E0A}


caption{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f2f2f2}
code{background: #D2ECE8}
pre code{color: black; background: none;}
pre{ height: auto; padding: 40px 12px 12px 12px; background: #FAF8EB url(images/bg-pre.jpg) no-repeat top left; overflow-x: none;}
fieldset{margin: 0; padding: 0; border: 0}
label{display:block; margin: 10px 0 5px 0;}

/* WordPress-specific styles */
.navigation{margin: 20px 0; height: 27px;}
.alignleft{float:left}
.alignright{float:right}
.aligncenter{text-align: center; float:none}
.tags a{background:url(images/ico-tags.gif) no-repeat top left; padding-left: 18px;}


/* header styles */

#div1 h1{ visibility:hidden}
#div1 h1 a{color: white}
#div1 a{ display: block; color:#FFFFFF}
#header-blog{background: url(images/content_top-blog.png) no-repeat bottom right; margin: 0; width: 860px; height:80px;text-align:center; list-style: none; }
#header-page{background: url(images/content_top.png) no-repeat bottom right; margin: 0; width: 860px; height:80px;text-align:center; list-style: none; }
#header-subnav{margin: 0; width: 860px;text-align:center; list-style: none; padding:0 }
#header-subnav ul, #header-subnav li {
	margin: 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	border: none;
	list-style: none;
	display: inline;
	}
#header-subnav a:link, #header-subnav a:visited {padding:0px 20px 0px 20px; color:#466711; font-weight:lighter; text-decoration:none; font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; }
#header-subnav a:hover, #header-subnav a:active {padding:0px 20px 0px 20px; color:#4A2400; font-weight:lighter; text-decoration:none; font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif; }

/* main styles */

#main{background:#d6c8a0;position: relative; margin: 0; padding:0; width: 860px;}

/* content styles */
#content{display: inline; float: left; margin-left:15px;  padding-bottom:40px;}
#content div.inner{ padding: 0 }
#content .postfooter{background:url(images/bg-post-footer.png) no-repeat top left; width: 561px; height: 30px; line-height: 30px; margin-bottom: 35px; text-indent: 10px}
#content .calendar{background:url(images/ico-calendar.png) no-repeat top left; width: 39px; height: 41px; float: left; margin: 0 20px 0 0; text-align: center}
#content .calendar small{font: 10px Arial, Helvetica, sans-serif; color: #fff; line-height: 1.5em; text-transform:uppercase;display: block}
#content .calendar strong{font: bold 22px Arial, Helvetica, sans-serif; color: #2e7368; line-height: 0.9em;display: block}
#content h1{margin:0px; padding:0}
#content h1.post{margin:-10px 0 -40px 0; padding:0}
#content .posted{margin-bottom: 0px;}
#content img.framed{padding:30px; background:url(images/page_photoframe.png) top left no-repeat; height:270px; width:470px; float:right; margin-top:10px}
#content img.alignright{padding:10px; background: white; margin:0 0 10px 10px}
#content img.alignleft{padding:10px; background:white; margin:0 10px 10px 0px}

.homeslides {height:310px; padding: 32px 27px 41px 27px; background:url(images/home_slides.png) no-repeat top left;}

/* sidebar styles */
#sidebar{ float: right; width: 240px; color: white; padding:0;  }
#sidebar h2{ margin: 3px 0 2px -20px; padding: 0; color: white; line-height: 1.8em; text-indent: 15px; background: url(images/paint-h2bg.png) no-repeat top left; width: 275px; height: 38px;}
#sidebar ul, #sidebar ul li { margin: 0px; padding: 0; list-style: none; }

#sidebar2{ float: right; padding:0; margin:0; font-size:10px}
#sidebar2 ul {margin: 0; padding: 0 6px; list-style: none; }
#sidebar2 li { margin: 0px; padding: 0 0 8px 0; list-style: none; }

a:hover img{background-color:none}


#twitter_update_list li{border-bottom:1px dotted #907345}



.textwidget {margin: -1px 5px 15px 5px;padding:3px;  font-size:9pt;}

/* comment styles */
#comments ol, #comments ol li{margin: 0; padding: 0; list-style-type: lower-roman; color: #C8E6E4; font-family: 'Comic Sans MS',Textile,cursive}
#comments ol *{color: black; font-family: Arial, Verdana, Tahoma, sans-serif}
#comments ol li{padding: 20px 30px; margin: 0; background:#fff url(images/bg-comment.jpg)}
#comments ol li div.comment-author{font:18px Georgia, "Times New Roman", Times, serif; overflow: visible; vertical-align: middle}
#comments ol li.alt{background:#fff url(images/bg-comment-alt.jpg)}
#comments ol li.author{background:#fff url(images/bg-comment-author.jpg)}
#comments ol li.author a{color: black}
#comments ol li input,
#comments ol li select,
#comments ol li textarea{width: 100%}
#comments ol li .comment-meta{color: #ccc; font-style: italic; font-size: .8em; margin-bottom: 20px}
#comments ol li .comment-meta a{color: #ccc; text-decoration none; border-bottom: 1px dotted #ccc;}
#comments ol li .comment-meta a:hover{color: black; text-decoration none; border-bottom: none;}
#comments div.comment-body{clear:both; margin: 0 0 0 64px}
.comments a{background:url(images/ico-speech.gif) no-repeat top left; padding-left: 18px;}
#comments div.reply a{background: url("images/reply_arrow.png") no-repeat top left; padding-left: 15px; color: #C12110; font-size: .8em}
#comments ol li ul.children,
#comments ol li ul.children li{list-style: none; margin-top: 10px; margin-left: 0}

/* footer styles */
#footertxt{ height:110px;margin: 0 auto; padding: 0; list-style: none; width:840px}

#footertxt li{margin: 0; padding-top:70px; font:11px Arial, Helvetica, sans-serif;}

#footertxt li.left{float:left}
#footertxt li.right{float:right}
#footertxt a{color:white; text-decoration:none}
#footertxt a:hover{color: #669966;text-decoration: none}

#footer-sidebar {
display:block;
height: 250px;
border: 1px #003333 solid;
}

#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
border: 1px #003333 solid;
}

#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
border: 1px #003333 solid;
}

#footer-sidebar3 {
float: left;
width: 340px;
border: 1px #003333 solid;
}

/* clear styles */
.clearleft{clear: left}
.clearright{clear: right}
.clearboth{clear: both}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}