/*
Whole Again Ministries
Cusseta, Alabama

Main Stylesheet

Published: 		July 1, 2008
Updated:  		December 4, 2009
Designer: 		David Russell
Designer URI:	http://davidrussell.net

<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;
							background: white;
						}
						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: "" "";
						}
						.clearfix:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
						}
						/* Hides from IE-mac \*/
						* html .clearfix {height: 1%;}
						/* End hide from IE-mac */
/* END RESET */			
			
html {}			

body {
	font: 14px/1.75 Georgia, Garamond, "Times New Roman", Times, serif;
	background: url(/images/site/body.jpg) top;
	background-color: #521A10;
	color: #FFF;
}

p {
	margin: 0 0 1.5em 0;
}

a {
	color: #D6D6AA;
}

	a:hover {color: #EAEAD5; background-color: #641F13;}
	
	a:visited {color: #D6D6AA;}

img { }

	img.left {float: left; margin: 5px 10px 0 0; border: 5px solid #111;}

h1 {font-size: 1.8em; margin-bottom: 1em; font-weight: 100;}
h2 {font-size: 1.6em; font-weight: 100;}
h3 {font-size: 1.5em; font-weight: 100;}
h4 {font-size: 1.3em; font-weight: 100;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

ul, ol {
	margin: 1em 0; 
	padding-left: 2.5em;
}

blockquote {
	margin: 1em 0; 
	padding-left: 2.5em;
}

pre, code, tt {
	font: 100% "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; 
	margin: 1em 0;
}

small {font-size: 85%;}

big {font-size: 115%;}

sup {
	font-size: smaller; 
	vertical-align: 0.5em; 
	line-height: 1px;
}

strong {font-weight: bold;}

em {font-style: italic;}

dt {margin: 0.5em 0 0;}

dd {margin: 0.25em 0 0.5em 2.5em;}

.align {
	width: 780px;
	margin: 0 auto;
}

#header {
	background: url(/images/site/header.jpg) repeat-x center;
	height: 310px;
	position: relative;
	z-index: 0;
}

	#header h1 {
		width: 350px;
		height: 123px;
		margin: 78px 0 0 0;
		float: left;
		position: relative;
	}
	
		#header h1 a {
			background: url(/images/site/h1.jpg) no-repeat top;
			color: #FFF;
			text-decoration: none;
			display: block;
			width: 350px;
			height: 123px;
		}
	
		#header h1 a span {
			display: block;
			height: 2.75em;
			line-height: 1.3em;
			text-align: left;
			padding: 1em;
			position: relative;
			z-index: -1;
			font-size: 0.8em;
			overflow: hidden;
		}
		
			#header h1 a:hover span {
				background: none;
				color: #FFF;
			}
	#header q a {
		background: url(/images/site/photo.jpg) no-repeat;
		display: block;
		float: right;
		height: 307px;
		width: 366px;
	}
	
		#header q a span {
			display: none;
		}

#content {
	width: 780px;
	margin: 0 auto;
}

#nav {
	background: url(/images/site/nav.png) repeat; 
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
}

	#nav ul {
		margin: 5px 0;
		padding: 0;
	}
	
		#nav ul li {
			margin: 0;
			padding: 0;
			line-height: 1.75em;
			font-size: 1.4em;
		}
		
			#nav ul li.last a {
				border: none;
			}
			
			#nav ul li a {
				display: block;
				border-bottom: 1px solid #623D37;
				text-decoration: none;
				padding: 0 0.25em;
				margin: 0 5px;
				width: 200px;
			}
			
				#nav ul li a:hover {
					color: #FFF;
				}

#page {
	float: right;
	width: 540px;
	clear: none;
	line-height: 2em;
	padding: 0.6em 0;
}
	
	h3 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 1.1em;
		text-transform: uppercase;
		clear: both;
		line-height: 1em;
		margin: 1em 0 0 0;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-weight: bold;
	}
	
	#page form {width: 500px;}
	
		#page form fieldset {
			padding: 1em;
			background-color: #42160D;
			margin-bottom: 1em;
		}
		
		#page form h3 {
			margin-bottom: 1em;
		}
	
		#page form label {
			font-family: Helvetica, Verdana, Arial, sans-serif;
			text-transform: uppercase;
			float: left;
			text-align: right;
			width: 24%;
			clear: both;
			margin: 0  1em 1.25em 0;
		}
		
		#page form input, #page form textarea, #page form select {
			float: left;
			margin: 0 0 1em ;
			padding: 0.1em;
		}
		
			#page form input, #page form textarea {
				width: 68%;
			}
		
			#page form input.required, #page form textarea.required, #page form select.required {
				background-color: #FFFF99;
			}
		
			#page form input.button {width: auto; margin-right: 1em; float: right; clear: both; font-size: 16px;}
			
			#page form input, #page form select option {
				font-size: 1.3em;
			}
			
		#page form textarea {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.3em;
		}

	#page .vcard {}

		#page .vcard a {
			text-decoration: none;
			color: #999;
		}
	
		.vcard span.type, .vcard .url {
			display: none;
		}
		
		.vcard .street-address,
		.vcard .tel,
		.vcard .email {
		}
		
		.vcard span.adr {
		}

	#page .signature {
		margin-left: 25em;
	}
	
		#page .signature em {
			font-size: 1.2em;
		}
	
	#page div.media div {display: none;}
	
	div.player {margin-top: 1em;}
	
	table {
		width: 540px;
		margin: 1em 0;
	}
		
		table th {font-weight: bold;}
		
		table .track, table .listen, table .watch {width: 100px; text-align: center;}
		
#video {
	width: 640px;
	margin: 30px auto 0 auto;
}

	.message h4 {
		width: 400px;
	}
	
	p.message-date {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 11px;
		margin-bottom: 0;
	}

	ul.media-action {
		width: 100px;
		float: right;
		position: relative;
		top: -67px;
	}
	
		ul.media-action li {
			text-align: center;
		}

#footer {
	color: #93706A;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin: 2em 0;
}

	#footer a {
		color: #93706A;
	}