/*
40days | National Community Church
Washington, DC

Main Stylesheet

Published:  	February 1, 2008
Designer:   	David Russell
Designer URI:	http://theaterchurch.com

<style>
*/

/* RESET STYLES */		
						html, body, div, span, applet, object, iframe,
						h1, h2, h3, h4, h5, h6, p, blockquote, pre,
						a, abbr, acronym, address, big, cite, code,
						del, dfn, em, font, img, ins, kbd, q, s, samp,
						small, strike, strong, sub, sup, tt, var,
						dl, dt, dd, ol, ul, li,
						fieldset, form, label, legend,
						table, caption, tbody, tfoot, thead, tr, th, td {
							margin: 0;
							padding: 0;
							border: 0;
							outline: 0;
							font-weight: inherit;
							font-style: inherit;
							font-size: 100%;
							font-family: inherit;
							vertical-align: baseline;
						}
						/* remember to define focus styles! */
						:focus {
							outline: 0;
						}
						body {
							line-height: 1;
							color: black;	
						}
						ol, ul {
							list-style: none;
						}
						/* tables still need 'cellspacing="0"' in the markup */
						table {
							border-collapse: separate;
							border-spacing: 0;
						}
						caption, th, td {
							text-align: left;
							font-weight: normal;
						}
						blockquote:before, blockquote:after,
						q:before, q:after {
							content: "";
						}
						blockquote, q {
							quotes: "" "";
						}
/* END RESET */

html {
	background: url(http://40days.theaterchurch.com/images/site/html.jpg) repeat-x #C7CAA9;
}

body {
	background: url(http://40days.theaterchurch.com/images/site/body.jpg) no-repeat top;
	font: 13px/1.5em Georgia, Garamond, Times New Roman serif;
	color: #FFFFFF;
}

p {margin: 0.2em 0 1em 0;}

a {color: #C37C33;}

	a:hover {color: #000033;}
	
	a:visited { }
	
em {font-style: italic;}

strong {font-weight: bold;}
	
img { }

h1 {
	display: block; color: #FFFFFF;
	font-size: 1.8em; height: 70px; 
	background: url(http://40days.theaterchurch.com/images/site/h1.jpg) no-repeat center;
	margin-bottom: 0.5em;
}

	h1 span {visibility: hidden;} h1 a {text-decoration: none; color: #FFF; margin: 0 auto; display: block; height: 70px; width: 19em;}
	
h2 {font-size: 1.5em;}

	h2 span, h3 span {font-family: Garamond, Times New Roman, serif; font-size: 0.7em; text-transform: uppercase;}
	
	h2 span {color: #989E88;}
	
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

#header {
	display: block;
	width: 42em;
	height: 25em;
	margin: 0 auto;
	margin-bottom: 3em;
}

	.error {
			background-color: #990000;
			padding: 0.3em;
			font-size: 0.6em;
			text-transform: uppercase;
	}
	#entry-form {float: left; width: 24.5em;}
	
		form {}
		
			label {float: left; clear: both; width: 4em; text-align: right; font-size: 1.2em;}
			
			input, textarea {font-family: Verdana, Helvetica, Arial, sans-serif; letter-spacing: 0.05em; float: right; width: 15em; margin-bottom: 1em; padding: 0.1em;}
			
			input {font-size: 1.2em;}
			textarea {font-size: 1.2em;}

			#entry-form input, #entry-form textarea {color: #5F6050; background-color: #E5ECCA; border: 2px solid #C0C3A4;}
			
				input#submit {width: 5em; clear: both; cursor: pointer;}
				
				#entry-form input#submit, #response-form input#submit {color: #FFF; background-color: #868872; border: 2px solid #797B69; font-family: Georgia, Garamond, Times New Roman sans-serif;}
				
				#entry-form input#submit:hover, #response-form input#submit:hover {color: #9F642A; background-color: #ABAE95;}
	
	#response-form {width: 36em;}
		
		#response-form form {}
		
			#response-form label {width: 8.5em;}	
	
			#response-form input, #response-form textarea {color: #5F6050; border: 2px solid #B8BC9E; width: 20em;}
			
				#response-form input#submit {width: 7em;}
											
	#form-message {font-size: 0.95em; line-height: 1.35em; float: left; width: 14.5em; margin: 1em 0 0 1em;}
	
		#form-message p em {font-size: 1.2em; font-weight: 100;}
		
#feature {
	background-color: #B8BC9E;
	padding: 0.5em;
	margin-bottom: 1em;
	font-size: 1.5em;
}

	#feature ul {
		text-align: center;
	}
	
	#feature ul li {
		display: inline;
	}

	#feature ul li a {
		text-decoration: none;

	}

#content {
	color: #5F6050;
	width: 36em;
	margin: 0 auto;	
}

	#content h2 {
		font-size: 1.8em;
		font-weight: 100;
		padding-bottom: 0.2em;
		border-bottom: 0.35em solid #989E88;
		margin-bottom: 0.2em;
	}

	.story, .response {
		background-color: #B8BC9E;
		padding: 1em;
		margin-bottom: 1em;
	}
	
	#entry {
		height: 15em;
		overflow: auto;
	}

#footer {
	color: #5F6050;
	width: 36em;
	margin: 0 auto;
	border-top: 0.75em solid #989E88;
	clear: both;
}

	#footer ul {padding: 1em 0; float: left; border-bottom: 0.05em solid #989E88; margin-bottom: 1em;}

	#footer ul li.ncc {background: url(http://40days.theaterchurch.com/images/site/ncc-logo.gif) no-repeat; float: left;}

		#footer ul li.ncc span {visibility: hidden;}

		#footer ul li.ncc a {height: 71px; width: 244px; display: block; text-decoration: none;}

	#footer ul li.how {background: url(http://40days.theaterchurch.com/images/site/how-logo.gif) no-repeat; float: right;}

		#footer ul li.how span {visibility: hidden;}

		#footer ul li.how a {height: 71px; width: 180px; display: block; text-decoration: none;}
	
	#footer p {clear: both; margin: 0 6em; font-size: 0.8em; color: #B2B599; text-align: center;}
	
		#footer a {color: #B2B599;}