{margin:0; padding: 0;} //reset gets rid of default padding and margin for all elements
html {width:100%; height:100%;}

body {
	background: url(bg.gif) repeat-x;	 
	text-align: center;	
	font-size: 14px;
	margin:0; padding: 0;
	
}


a {text-decoration: none;}

a:link{color:#000000;}
a:visited{color:#000000;}
a:hover{color:#FF0000;}



#page {	
	margin:0 auto;
	height: 675px;
	min-height: 675px;
	width: 811px;
	background: url(background.jpg) top center no-repeat;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	}

#navbar{
	margin-left: 140px;
	float: left;
	display: inline;/*IE6 has a bug where if an element is floated and has a margin on the side it is floated, IE will double that margin. Using display:inline fixes this.*/ 
	width: 115px;
	margin-top:390px;
	font-family: "Lucida Sans Unicode";
	font-style: no-style;
	font-size:16px;
	line-height: 1.5em;
}
#navbar ul {list-style: none;}

//gives a selected state to the page you are on
#home a.home {color:#ff0000;}
#about a.about {color:#ff0000;}
#contact a.contact {color:#ff0000;}
#work a.work {color:#ff0000;}
#shows a.shows {color:#ff0000;}


#content {
	width:400px;
	float: left;
	margin-top:200px;
	display:inline;
	margin-left:40px;
	}
#home #content {
	width:340px;
	text-align: center;
}	
#work #content {
	margin-top:210px;
	
}

#contact #content{
	margin-top: 210px
}
#contact #content p, img{
	font-size: 13px;
	font-family: "Lucida Sans Unicode";
	border: none;
	padding-top: 2px;
}
#shows #content {
	margin-top: 210px;
}
#shows #content p{
	font-size: 12px;
}

#about #content{
	margin-top:185px;
	
}
#content p {padding-right:20px; padding-bottom:5px; font-size:10px;
	line-height: 1.5em; text-align: justify; font-family: "Lucida Sans Unicode";}
#content h3 {font-size: 15px; padding-bottom:1.5px; font-family: "Lucida Sans Unicode";}



.thumbnail{
	padding: 3px;
	border: 2px solid #000000;
}