@import "reset.css";

* { margin: 0; padding: 0; }
     						
body 
{ 
	background-color: #222222;
	font-size: 62.5%;
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
  	color: #111111;
  	line-height: 1.8em;
	padding: 1.8em 0; 
}

/* layout */
header, nav, section, footer, article, aside { display: block; }
header, nav, section, footer { width: 80em; margin: 0 auto; clear: left; overflow: auto; }

header { background: url('/2010/images/photo-top.jpg') no-repeat; margin-bottom: 0; padding-bottom: 12px; 
		-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; 
		-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; }
section { overflow: auto; background-color: white; }
article { width: 55em; margin: 2em 2em 2em 1.5em; float: left; }
aside { width: 17.80em; margin: 2em 1.5em 2em 0; padding: 1em; float: right; background-color: white; 
		-moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #ccc; }

nav { width: 78em; background-color: #84002E; color: #F2F5ED; padding: 1em; margin-top: 0; }
	nav a:link, nav a:visited, footer a:link, footer a:visited { color: #FFC200; text-decoration: underline; }
	nav a:hover, footer a:hover { color: #FF5B00; }
	
	nav a.active:link, nav a.active:visited { color: #FF5B00; font-weight: bold; text-decoration: none; }
	nav a.active:hover { text-decoration: underline; }
	
footer { background-color: #222222; color: #F2F5ED; padding: 1em 0; text-align: right; }
	footer a:link, footer a:visited { margin: 0 .5em; color: #ffff99; }
	footer a:hover { color: #FF5B00; }
	
	footer a.active:link, footer a.active:visited { color: white; font-weight: bold; text-decoration: none; }
	footer a.active:hover { text-decoration: underline; }

/* header styles */
header img { display: block; }
header h1 { margin-bottom: 0; }
	header h1 a { display: block; width: 300px; }
	header h1 span { display: none; }
header h2 { width: 400px; float: left; color: white; font-weight: normal; font-size: 1.3em; letter-spacing: .1em; text-transform: uppercase; }
header h3 { width: 150px; background: #ff9; padding: .5em 2em; float: right; margin: 0 1em 0 0;
					font-family: "Georgia",serif;
					-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
					-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
header h3 img { vertical-align: text-bottom; display: inline; }

/* nav styles */
nav h2 { float: left; font-size: 1.3em; margin-right: 8em; }
nav ul { list-style-type: none;}
nav li { display: inline; font-size: 1.3em; padding: 0 1em 0 0; }

/* content styles */
#content { background: #F2F5ED; 
		-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; 
		-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}
	#content a:link, #content a:visited { color: #4AC0F2; text-decoration: underline; font-weight: bold; }
	#content a:hover { color: #4AC0F2; }

/* article styles */
article h1 { font-size: 2.7em; font-weight: normal; text-transform: uppercase; margin-bottom: 0.666666em; }
article h2 { font-size: 1.5em; margin-bottom: 1.2em; }
article h3 { clear: left; color: gray; font-size: 1.2em; border-bottom: 1px dotted gray; }
article h4 { font-size: 1.5em; margin: 1em 0; color: #B80028; }

article p, article ul { font-size: 1.2em; margin: 1.5em 0; }

/* registration verification */
#verificationTable { font-size: 1.2em; }
	#verificationTable th { text-align: left; }		

/* aside styles */
aside ul { font-size: 1.1em; margin: .5em 0 1.5em 0; list-style-type: none; }
aside li { margin-bottom: .5em; }
aside li span.post-date { font-style: italic; font-size: .9em !important; }
aside h3 { border-bottom: 1px dotted #333; margin-bottom: 0; }

	#sponsored-links * { background-color: #e2e2e2 !important; }

/* footer styles */
footer ul { list-style-type: none; }
footer li { display: inline; }

/* misc. classes */
a.external { background: url('/2010/images/external.gif') right no-repeat; padding-right: 12px; }
a.facebook { background: url('/2010/images/facebook_16.png') left no-repeat; padding-left: 20px; padding-top: 2px; }
ul.maps { display: block; margin: 2em 0 2em 0; list-style-type: none; padding: 0; clear: left; }
	ul.maps li { display: block; float: left; width: 20%; margin-right: 2.25em; margin-bottom: 2em; }
img.photoPage { float: left; margin: 2em 1.5em 1.5em 0; clear: none; }
.note { background: #ff9; padding: 1em; margin-bottom: 1em; }

dl.schedule dt { font-size: 14px; margin-top: 1em; font-weight: bold; margin-bottom: .5em; }
dl.schedule dd { margin-left: 1em; } 
dl.schedule dd ul { margin-left: 1em; }

dl + h3, dd + dt { margin-top: 1em; }

table.schedule { margin: 0 0 20px 0; }
	table.schedule th, table.schedule td { border: 1px solid gray; padding: 5px 10px; text-align: center; }
	table.schedule td { background-color: #F7F9F4; font-size: 14px; }
		table.schedule td a { background-image: url('/2009/images/layers_small.png'); background-position: left; background-repeat: no-repeat; padding-left: 15px; }
	table.schedule td.classTime { background-color: #F9FAF6; font-size: 12px; }
	
 table.pricing { width: 100%; margin: 1em 0; border-collapse: collapse; border-top: 1px solid gray; font-size: 1.2em; }
	 table.pricing th, table.pricing td { padding: .5em; border-bottom: 1px solid gray; text-align: center; }
	 table.pricing td { background-color: #F7F9F4; }