/*
Little Learners Playschool
Washington, DC

Main Stylesheet

Published:  	February 22, 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-color: #ABC96B;}

body {
	background-color: #FFF;
	font: 13px/1.5em Georgia, Garamond, Times New Roman serif;
	color: #222;
	width: 60em;
	margin: 1em auto;
	padding: 1em 3em;
	border: 4px solid #81A14E;
}

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

a {color: #C37C33; background-color: #FFFFCC; padding: 1px 2px;}

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

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

ul {margin: 0 3em 1em 3em; list-style-type: disc;}

h1 {font-size: 2.2em; font-weight: 100;}
h2 {font-size: 1.5em; margin: 2em 0 0.1em 0; font-weight: 100;}
h3 {font-size: 1.3em; border-bottom: 1px solid #CCC; margin-top: 2em; font-weight: 100;}
	h3.first {margin-top: 1em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

#header {
	margin-top: 3em; 
	position: relative; 
	z-index: 0;
}

	#header h1 {
		position: relative;
		width: 500px; /* For IE6 silliness */
		height: 167px; /* " */
		margin: 0 auto; /* " */
	}
	
		#header h1 a {
			color: #333;
			background: url(../images/site/h1.gif) no-repeat center;
			text-align: center;
			text-decoration: none;
			display: block;
			width: 500px;
			height: 167px;
		}
		
			#header h1 a span {
				position: relative;
				z-index: -1;
				display: block;
				border-top: 1px solid #CCC;
				border-bottom: 1px solid #CCC;
				padding: 4px;
				line-height: 3em;
				overflow: hidden;
			}
		
#content {margin: 1em 0;}

	.indent {
		margin: 0 3em 1em 3em;
	}
	
#footer {text-align: center; color: #999; margin-top: 3em;}