/*  

Theme Name: Test

Theme URI: http://europeanschoolofdance.com/

Description: modified default theme for use on europeanschoolofdance.com.

Version: 0.1

Author: Michael Lee

Author URI: http://themikelee.com/

*/



body {  

background-position: 4% 204px;

}



#header { width: 400px; height: 204px; margin: 0 auto; padding: 0; position: relative; }

#header h1 { margin: 0; padding: 0; text-align: center; border: thin solid blue; }

#header span { 

	background-image: url("http://europeanschoolofdance.com/wordpress/wp-content/themes/test/images/ESoD.gif");

	background-repeat:no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

}



#nav {float: left; width: 20%; font-size: 1.3em; position: relative; }

#nav img { margin-left: 10%; width: 80%; position: absolute; }

#nav ul {

	margin: 0 auto;

	padding: 0;

	width: 80%;

	list-style: none;

}

#nav ul li {

	position: relative;

	margin: .2em 0;

}

#nav li ul {

	position: absolute;

	left: 100%;

	top: 0;

	width: 100%;

	display: none;

}



#nav li ul li { margin: 0; }



#nav ul li a {

	display: block;

	text-decoration: none;

	color: black;

	background: transparent url(http://europeanschoolofdance.com/wordpress/wp-content/themes/test/images/white95p.png);

	padding: 5px;

	border: 1px solid #ccc;

}

#nav ul li a:hover { color: blue; }

/* Fix IE. Hide from IE Mac \*/

* html #nav ul li { float: left; }

* html #nav ul li a { height: 1%; }

/* End */

#nav li:hover ul, #nav li.over ul { display: block; }

h2 { text-align: center; }

#content { float: left; width: 74%; border: thin solid black; padding: 2%; }
#content.classinfo, #content.about, #content.fees
{ width: 60%; }

#content.fees ol { list-style: none; }

#news {float: left; width: 79%; }

#news h2 a { color: black; text-decoration: none; }

#news h2 a:hover { color: blue; }



.post { clear: both; } 

.post h3 { margin-bottom: 0; }

.post h3 a {color: black; text-decoration: none; }

.post h3 a:hover { color: blue; }



.post h4 { margin-top: 0; }



#archive { float: left; width: 55%; border: thin solid black; padding: 2%; }



#sidebar { float: right; width: 19%; }

#brag { height: 20em; }

#info { text-align: center; }

#footer { clear: both; margin-left: 20%; width: 60%; text-align: center; }



ol.commentlist { margin: 0; padding: 0; }



.commentlist li {

	font-weight: bold;

	list-style: none;

	margin: .1em;

	padding: .2em;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentmetadata {

	font-weight: normal;

	}



.commentmetadata a { text-decoration: none; }



.commentmetadata a:hover {text-decoration: underline; }



.commentmetadata a:visited { color: blue; }



.commentlist p {

	font-weight: normal;

	}



.alt {

	background-color: #f8f8f8;

	border: thin solid #ddd;

	}



.navigation { margin-bottom: 2em; }



#archivelink { text-align: center; }

.profile { margin-bottom: 3em; float: left; }
.profile img { float: left; margin-right: 1em; }
.profile h3 { display: inline; }
.profile h4 { display: inline; }
.profile ul { margin-left: 184px; }



.alignright { float: right; }

	

.alignleft { float: left; }