/*
Theme Name: Wendy Web Kumer Flute Studio Default
Theme URI: http://www.kumerflutestudio.com/
Description: A modified WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Whitney Inkster
Author URI: http://www.winkwebdesign.com/
Tags: teal, fixed width, two columns, widgets
*/

html {
  height: 100%;
  margin-bottom: 1px;
}

/* Normalize margin and padding */
h1, h2, h3 {
	margin: 0;
	padding: 0;
	}
/* Normalize font-size for headers */
h1, h2, h3	{
	font-size: 100%;
	}

/* Remove border from img */
img	{
	border: none;
	}

/* Global Formatting 
--------------------------------------------------------------------------------------*/
body	{
	text-align: center;
	font-family: "Comic Sans MS", Tahoma, "Times New Roman", Arial, sans-serif;
	font-size: 80%;
	background: #77cac5 url(images/body-bg.png) repeat left top;	
	margin: 0;
	padding: 0 0 20px 0;
	}
	
a:link, a:link img	{
	color: #407c74;
	text-decoration: underline;
	border: none;
	}
	
a:visited, a:visited img {
	color: #3F3F5F;
	text-decoration: underline;
	}
	
a:hover, a:hover img	{
	color: #ff9;
	text-decoration: none;
	border: none;
	}

h2 {
	font-size: 1.7em;
	text-align: center;
	margin: 0 5px 5px 5px;
	padding: 5px;
	}
	
h3 {
	font-size: 1.4em;
	margin: 5px;
	padding: 5px;
	}
	
p	{
	font-size: 1.2em;
	margin: 0px;
	padding: 5px;
	}
	
ul, li {
	margin: 5px;
	padding: 5px;
	}
	
/* Container Formatting
--------------------------------------------------------------------------------------*/
html>body #container	{
	background: url(images/wrapper-bg.png) no-repeat;
	}
	
#container	{
	width: 820px;
	position: relative;
	min-height: 525px;
	height: 525px;
	height: auto !important;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

/* Header Formatting
--------------------------------------------------------------------------------------*/	
#header	{
	width: 820px;
	height: 155px;
	margin: 0;
	padding: 0;
	background: url(images/header.png) no-repeat;
	}
	
#header h1	{
	font-size: 1.8em
	}

#header h1 span	{
	position: absolute;
	left: -9000px;
	}

/* Navigation Formatting 
--------------------------------------------------------------------------------------*/

div#nav {
	background: url(images/nav-bg.png) no-repeat;
	position: absolute;
	top: 155px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 227px;
	height: 264px;
	z-index: 100;
	}
	
div#nav ul	{
	display: block;
	list-style: none;
	margin: 35px 0 0 0;
	padding: 0;
	width: 218px;
	z-index: 110;
	}
	
div#nav li	{
	float: right;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1.0em;
	z-index: 110;
	}
	
div#nav li a	{
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	border: none;
	width: 178px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	z-index: 111;
	}
	
div#nav li a:hover	{
	color: #FF9;
	}
	
div#nav li.home, div#nav li.world, div#nav li.studio,
div#nav li.words, div#nav li.links, div#nav li.contact {
	width: 178px;
	height: 20px;
	position: relative;
	z-index: 110;
	}

div#nav li.home span, div#nav li.world span, div#nav li.studio span,
div#nav li.words span, div#nav li.links span, div#nav li.contact span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
div#nav li.home span {
	background: url(images/button-home.png) no-repeat left top;
	}	

div#nav li.world span {
	background: url(images/button-world.png) no-repeat left top;
	}	
	
div#nav li.studio span {
	background: url(images/button-studio.png) no-repeat left top;
	}	
	
div#nav li.words span {
	background: url(images/button-words.png) no-repeat left top;
	}	
	
div#nav li.links span {
	background: url(images/button-links.png) no-repeat left top;
	}	
	
div#nav li.contact span {
	background: url(images/button-contact.png) no-repeat left top;
	}	
	
div#nav li.home:hover span, div#nav li.world:hover span, div#nav li.studio:hover span,
div#nav li.words:hover span, div#nav li.links:hover span, div#nav li.contact:hover span {
	background-position: 0 -44px;
	}
	
#home div#nav li.home span, #home div#nav li.home:hover span,
#world div#nav li.world span, #world div#nav li.world:hover span,
#interior.who-i-am div#nav li.world span, #interior.who-i-am div#nav li.world:hover span,
#interior.flute-academy div#nav li.world span, #interior.flute-academy div#nav li.world:hover span,
#interior.college-teaching div#nav li.world span, #interior.college-teaching div#nav li.world:hover span,
#interior.volunteerism div#nav li.world span, #interior.volunteerism div#nav li.world:hover span,
#studio div#nav li.studio span, #studio div#nav li.studio:hover span,
#interior.prospective-students div#nav li.studio span, #interior.prospective-students div#nav li.studio:hover span,
#interior.current-students div#nav li.studio span, #interior.current-students div#nav li.studio:hover span,
#interior.alumni div#nav li.studio span, #interior.alumni div#nav li.studio:hover span,
#words div#nav li.words span, #words div#nav li.words:hover span,
#links div#nav li.links span, #links div#nav li.links:hover span,
#contact div#nav li.contact span, #contact div#nav li.contact:hover span {
	background-position: 0 -44px;
	}
	
div#nav li li a	{
	display: block;
	text-decoration: none;
	border: none;
	width: 173px;
	height: 22px;
	position: relative;
	font-size: 0.9em;
	overflow: visible;
	}
	
div#nav li li a:hover {
	color: #6CC;
	}
	
div#nav ul ul	{
	position: absolute;
	background: url(images/boomerang-menu2.png) no-repeat left top;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 173px;
	height: 192px;
	display: none;
	z-index: 999;
	}

div#nav li.world ul {
	left: -162px;
	}
	
div#nav li.studio ul {
	left: -165px;
	}
	
div#nav li li.first  {
	text-indent: 79px;
	}

div#nav li.studio li.first {
	text-indent: 0px;
	text-align: left;
	margin: 0 -64px 0 0;
	}
	
div#nav li li.second {
	text-indent: 26px;
	}
	
div#nav li.studio li.second {
	margin-top: 18px;
	text-indent: 10px;
	}
	
div#nav li li.third {
	text-indent: 12px;
	}
	
div#nav li.studio li.third {
	text-indent: 42px;
	}
	
div#nav li li.fourth {
	text-indent: 32px;
	}
	
div#nav li li.fifth {
	text-indent: 112px;
	}
	
div#nav ul.level1 li:hover ul.level2 {
	display: block;
	padding: 15px 0 0 0;
	z-index: 999;
	}	
	
/* Content Formatting
--------------------------------------------------------------------------------------*/
#content-top {
	background: url(images/content-top-bg.png) no-repeat;
	width: 648px;
	height: 50px;
	}
	
#content-bottom {
	background: url(images/content-bottom-bg.png) no-repeat;
	width: 648px;
	height: 73px;
	}
	
#content	{
	background: url(images/content-middle-bg.png) repeat-y 0px 0px;
	width: 648px;
	min-height: 156px;
	height: auto !important;
	height: 156px;
	margin: 0;
	padding: 0;
	z-index: 80;
	}

.padding {
	margin: 0;
	padding: 0 60px 5px 35px;
	}

/* Footer Formatting
--------------------------------------------------------------------------------------*/
#footer	{
	background: url(images/footer-star.gif) no-repeat 190px 20px;
	clear: both;
	margin: 0 0 50px 0;
	padding: 0;
	}
	
#footer p	{
	text-align: center;
	margin: 2px;
	padding: 2px;
	font-size: 1em;
	}
	
#footer a:link {
	color: #3F3F5F;
	text-decoration: underline;
	}
	
#footer a:visited {
	color: #407c74;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #ff9;
	text-decoration: none;
	}
	
/* Post Styling
--------------------------------------------------------------------------------------*/
div.post {
	clear: both;
	padding-top: 15px;
	}
	
div.archive {
	padding-bottom: 36px;
	background: url(images/post-star.gif) no-repeat 18% 100%;
	}
	
a.more-link {
	font-size: 0.9em;
	font-style: italic;
	}
	
div.navigation {
	padding-top: 8px;
	}
	
/* General Styles
--------------------------------------------------------------------------------------*/
.center {
	text-align: center;
	}
	
.clearBoth {
	clear: left;
	}
	
.right {
	text-align: right;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}