/* CSS Document */

/*  Written By Eric Rolfsen
	erolfsen@gmail.com
	www.ericrolfsen.com
*/



/* Structure */


body {
	background: #416fa3;
	}
	
img {
	border: none;
	}
		
#front {
	width: 870px;
	margin: 0 auto;
	}
	
#wrap {
	width: 750px;
	margin: 0 auto;
	color: #222;
	text-align: justify;
	border: 3px solid #222;
	min-height: 400px;
	}
	
#header {
	text-align: center;
	border-bottom: 2px dotted #222;
	padding: 10px;
	}
	
#body {
	padding: 0px 10px 5px 10px;
	}

#footer {
	text-align: center;
	color: #222;
	clear: both;
	margin-top: 30px;
	}	
	
#footer a, #body a {
	color: #222;
	text-decoration: none;
	border-bottom: 1px dotted #222;
	}

#footer a:hover, #body a:hover {
	border-bottom: 2px dotted #d8b15b;
	}

img.border {
	border-bottom: 2px dotted #d8b15b;
	}
	
#body {
	clear: left;
	}
	
	
span.link {
	margin-left: 20px;
	}
	
	
/* Splash Page */
	
	
	
#star {
	float: left;
	padding: 10px;
	}

#brittle {
	position: relative;
	top: 70px;
	left: -40px;
	}
	
	
/* Nav Bar */
	
	
ul {
	list-style-type: none;
	margin-left: 40px;
	}

li {
	margin-left: 50px;
	float: left;
	margin-bottom: 20px;
	}

#bands a:hover {
	display: block;
	background: url(images/bands.gif) no-repeat bottom left;
	height: 65px;
	width: 66px;
	}
		
#bands {
	height: 60px;
	width: 66px;
	text-align: center;
	}

#catalog a:hover {
	display: block;
	background: url(images/catalog.gif) no-repeat bottom left;
	height: 65px;
	width: 87px;
	}

#catalog {
	height: 60px;
	width: 87px;
	text-align: center;
	}

#contact a:hover {
	display: block;
	height: 65px;
	width: 85px;
	background: url(images/contact.gif) no-repeat bottom left;
	}

#contact {
	height: 60px;
	width: 85px;
	text-align: center;
	}
	
#shows {
	height: 60px;
	width: 80px;
	text-align: center;
	}

#shows a:hover {
	display: block;
	height: 65px;
	width: 80px;
	background: url(images/shows.gif) no-repeat bottom left;
	}