html, body {
	height:100%;
}

* {
	margin:0; 
	padding:0;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.7%;
	color: #333;
}

body {
	background-color: #D9DDD6;
	margin: 0;
	text-align:  center;
}

ul {
	list-style-type: none;
}

p {
	font-size: 1.2em;
	line-height: 150%;
	margin: 0 0 21px 0;
}

h1 {
	text-transform: uppercase;
	font-size: 2em;
	margin-bottom: 12px;
	font-weight: 100;
}

h1 small {
	font-size: 0.7em;
	text-transform: none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 800px;
	height: auto;
	background: url(images/bg_wrap.gif) top left repeat-y;
	text-align: left;
	}

#header {
	height: 34px;
	background: url(images/bg_hd.gif) top left repeat-y;
}
#header p {
	margin: 0 70px 0 390px;
	line-height: 3.1;
	font-size: 1.1em;
}
#header p a {
	text-transform: uppercase;
}
#header p a.current {
	color: black;
}
#content {
	margin-left: 260px;
	margin-bottom: 60px;
	}
	
#content p, #content ul {
	margin-right: 70px;
}

	
#sidebar {
	width: 260px;
	float: left;
}

#sidebar p {
	margin: 20px 80px 20px 28px;
}

#sidebar p.quote {
	display: block;
	margin: 26px 80px 8px 28px;
	font-size: 1.6em;
	color: #FEFEEF;
	font-weight: 100;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 1.6;
}

#sidebar strong {
	display: block;
	margin: 8px 80px 40px 60px;
	text-transform: uppercase;
	font-weight: 100;
	color: #FEFEEF;
	text-align: center;
}

#img {
	height: 312px;
	margin-left: -20px;
}

#biography #img {background: url(images/bar/count.jpg) top left no-repeat;}
#upcoming #img {background: url(images/bar/pirate.jpg) top left no-repeat;}
#recent #img {background: url(images/bar/monkey.jpg) top left no-repeat;}
#photography #img {background: url(images/bar/ruffles.jpg) top left no-repeat;}
#aud #img {background: url(images/bar/nedda.jpg) top left no-repeat;}
#contactus #img {background: url(images/bar/sword.jpg) top left no-repeat;}
#review #img {background: url(images/bar/grab.jpg) top left no-repeat;}

#footer {
	clear: both;
	background: url(images/bg_ft.gif) top left no-repeat;
	background-color: #D9DDD6;
	height: 10px;
}


#footer p {
	text-align: right;
	padding: 10px 20px 0 0;
	color: #BEC2BA;
	font-size: 1em;
}

#navigation {
	height: 40px;
	background-color: #D9DDD6;	
	}

#menu {
	height: 40px;
	list-style: none;
	margin-left: 210px;
	}
	
#menu li {
	float: left;
	height: 40px;
	overflow: hidden;
	}
	
#menu li a {
	display: block;
	height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; 
	}
	
li#home a {
	width: 83px;
	background: url(images/navs/home.gif) no-repeat left top;
	}      
	         
li#bio a { 
	width: 104px;
	background: url(images/navs/bio.gif) no-repeat left top;
	}
	               
li#perf a {         
	width: 134px;   
	background: url(images/navs/perf.gif) no-repeat left top;
	}
	               
li#photos a {       
	width: 82px;    
	background: url(images/navs/photos.gif) no-repeat left top;
	}
	               
li#audio a {        
	width: 70px;    
	background: url(images/navs/audio.gif) no-repeat left top;
	}
	               
li#contact a {      
	width: 117px;   
	background: url(images/navs/contact.gif) no-repeat left top;
	}
		
#menu li a:hover {
	background-position: 0 -40px;
	}
	
#menu li a.current, #menu li a.current:hover {
	background-position: 0 -80px;
	}

a:link, a:visited {color: #871D38; text-decoration: none;}
a:hover {color:#871D38; text-decoration: underline;}
a:active {color: #871D38; text-decoration: none;}


div.perf , div.track, div.review {
	margin: 0 0 20px 0;
}

div.perf ul li, div.review ul li { 
	font-size: 1.2em;
	line-height: 150%;
	}
	
div.perf ul li.company { font-size: 1.6em;}
div.perf ul li.date {}
div.perf ul li.piece { font-size: 2em;}
div.perf ul li.role { font-size: 1.8em;}
div.perf ul li.description { font-size: 1.8;}

div.track ul li {
	font-size: 1.5em; 
	line-height: 150%;
	}
	
div.track ul li.location { font-size: 1.4em; font-style: italic; margin-top: 24px;}
div.track ul li.piece {font-size: 2em;}
div.track ul li.description { font-size: 1.8; }

div.review h2 i {color:#871D38;}
div.review ul li.author { font-size: 1.4em; line-height: 100%;}
div.review ul li.publication { font-size: 1.5em;}
div.review p {margin: 4px 40px 12px 0;}


h2 {
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 100;
	border-bottom: 1px solid #D9DDD6;
	margin: 24px 70px 8px 0;
}

div.track {
	width: 300px;
	min-height: 160px;
}

div.recording {
	margin: 0 70px 20px 0;
	border-bottom: 1px solid #D9DDD6;
}

div.recording img {
	float: right;
	width: 160px;
	background-color: yellow;
}

hr {display: none;}


ul.contact li {
	font-size: 1.4em; 
	line-height: 150%;
	margin-left: 40px;
}

ul.contact {
	margin: 0 300px 30px 0;
}