/* 

--MAIN STYLESHEET--

Site URL: http://theelephantinthechurch.com
Copyright: 2008, All Rights Reserved.
Designer: David Russell
Designer Email: admin@theaterchurch.com

<style><!-- for syntax highlighting in text editor -->
*/

/* 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 */


p {margin: 0 0 1.75em 0; color: #DDD;}

	em {font-style: italic;}
	
	strong {font-weight: bold;}

body {
	background: url(/images/site/bg.jpg) #363636 center;
	font: 12px/1.75em Verdana, Helvetica, sans-serif;
	color: #FFF;
	height: 100%;
	padding: 1em 0;
}

	#layout {
		background: url(/images/site/flourish-bg.png) no-repeat; 
		position: fixed; bottom: 0; right: 0; 
		height: 721px; width: 654px;
		z-index: 0;
	}

a {color: #EE3D95;}

blockquote {}

small {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #777;
}

#content noscript {
	color: #990000;
	background-color: #FFFFCC;
	padding: 2px;
}

code, pre {font-family: "Courier New", Courier, monospace;}

dl {}

	dt {
		font-weight: bold;
		margin-left: 1em;
	}
	
	dd {
		margin: 0 0 1em 3em;
	}

div.hr {
	height: 2em;
}

	div.hr hr {
		display: none;
	}
	
ul li ul li ul {
	margin-top: 0;
}

#header {width: 65em; margin: 0 auto; margin-bottom: 1em; position: relative;}

	#header h1 {background: url(/images/site/logo.gif) no-repeat; display: block; width: 370px; height: 117px; padding: 0;}
	
		#header h1 span {visibility: hidden;}
		
		#header h1 a {text-decoration: none; display: block; width: 100%; height: 100%;}

#nav {
	width: 75em;
	margin: 0 auto;
	text-align: center;
	position: relative;
	font-size: 0.9em;
	text-transform: uppercase;
}
	
	#nav ul {
		list-style-type: none;
		margin-left: 1%;
	}

	#nav ul li {
		float: left;
		margin: 0 0 0 1px;
	}
	
		#nav ul li.apocalyptic {
		}
	
		#nav ul li a {
			background-color: #444;
			color: #999;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
			border-right: 1px solid #333;
			text-decoration: none;
			padding: 8px 16px;
			display: block;
		}
		
			#nav ul li a:hover {
				background-color: #666;
				border-top: 1px solid #999;
				border-left: 1px solid #999;
				border-right: 1px solid #999;
				color: #FFF;
			}
			
			body#home>#nav ul li.home a,
			body#gray>#nav ul li.gray a,
			body#fake>#nav ul li.fake a,
			body#circus>#nav ul li.circus a,
			body#sexy>#nav ul li.sexy a,
			body#christian>#nav ul li.christian a,
			body#blindfolded>#nav ul li.blindfolded a,
			body#apocalyptic>#nav ul li.apocalyptic a {
				background-color: #EE3D95;
				color: #FFF;
				border-top: 1px solid #999;
				border-left: 1px solid #999;
				border-right: 1px solid #999;
			}
			
			#nav ul li.home a span {
				visibility: hidden;
			}
			
				#nav ul li.home a {
					background: url(/images/site/icons/home-gray.png) no-repeat center #444;
				}
				
				
				body#home>#nav ul li.home a {
					background: url(/images/site/icons/home.png) no-repeat center #EE3D95;
				}

	#nav ul ul {
		list-style-type: none;
		margin: 0 0 0 1em;
	}

#content {
	background-image: url(/images/site/content-bg.png);
	width: 68em;
	margin: 0 auto;
	clear: both;
	position: relative;
	border-top: 1px solid #EE3D95;
}

	#content div.webcast {
		display: block;
		width: 636px;
		height: 400px;
		margin: 1em auto;
		text-align: center;
		z-index: 100;
	}
	
h1 {
	font-size: 2.0em;
	padding: 1em 0;
}

h2 {
	font-size: 1.6em;
	font-weight: 100;
	padding: 0 0 0.2em 0;
	color: #999;
}

h3 {
	display: inline;
	background: #444;
	position: relative;
	left: -0.4em;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 100;
	padding: 0.2em 0.4em;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	font-weight: bold;
}

#page {
	margin: 1em;
}

	#page ul {
		margin: 0 0 1em 2em;
	}
	
	#page .box {
 		background-color: #444;
		margin: 1em 0;
		padding: 1em;
	}
	
	#page .box ul li span {
		color: #999;
		font-style: italic;
	}

#downloads, #home-content {
	float: left;
	width: 57%;
}

	.home-box {background-color: #353535; margin: 1em; padding: 1em;}
	
	#home-content {}
	
		#home-content ul {
			margin: 0;
		}
		
			#home-content ul li {margin-bottom: 0.3em;}
	
				#home-content ul li a {
					background-color: #444;
					padding: 0.5em 1em;
					font-size: 1.2em;
					text-decoration: none;
					display: block;
				}
				
					#home-content ul li a:hover {background-color: #393939;}
					
					#home-content ul li a span {color: #999; font-size: 0.8em; text-transform: uppercase;}
			
#sidebar {
	float: right;
	width: 35%;
}

	#sidebar h3, #downloads h3 {
		display: block;
		font-weight: normal;
		text-transform: none;
		position: relative;
		left: 0;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #555;
	}
	
	#sidebar ul li {
		margin: 0 0 1em -1.4em;
	}

#footer {
	color: #999;
	margin: 1em;
	padding-bottom: 1em;
	clear: both;
	font-size: 0.8em;
}

	#footer img.left {
		float: left;
		margin: 1.2em 0.6em 0 0;	
	}
	
	#footer span {
		display: block;
		width: 85%;
		float: right;
	}