@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color:#576064;
	font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, li {
	font-size: 1em;	
}

div#container {
	width: 800px;
	margin: 0 auto;
	background:#000;
	position:relative;
	color:#fff;
}

a:link, a:visited {
	text-decoration: none;
	color:#000;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
}
 /*====use in navigation ahref to display active page differently
li.current {

}

==================*/

/*=====header=========*/

div#header {
	position: relative;
	height: 280px;
}

#header h1, #header p {
	text-indent: -9999px;
	display:block;
}

#logo {
	margin: -10px 0 0 20px;	
}
/*====== main content =====*/
div#nav {
	margin: 0 0 0 30px;	
}

div#mainContent {
	margin: 0 auto;
	padding: 0 10px;
	
}

#mainContent p {
	line-height: 1.4em;
	font-size: .9em;
	margin: 0 0 3ex 0;
}

#mainContent h1, #description h4 {
	margin: 1ex 0 .5ex 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #fc3;
}

#description h5 {
	margin: 1ex 0 .5ex 0;
	color:#479cd1;

}

#description {
	float: left;
	margin:10px 0 0 50px;
	width: 300px;
	font-weight:bold;
	text-align:center;
}

#rotator {
	float: right;
	margin:0;
	width: 375px;
	height: 250px;
}


#bands {
	float: right;
	margin:0;
	width: 310px;
	font-weight:bold;
	height: 550px;
}

#flyer {
	clear: both;
	float:left;
	width: 330px;
	margin: 10px 0 10px 10px;
	font-weight:bold;
	height: 550px;
}

#bands h2 {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color:#fff;
}

#bands a:link, #bands a:visited {
	color:#479cd1;
	text-decoration:none;
}

#bands a:hover {
	text-decoration: underline;	
	color: #fc3;
}

#bands ul, #bands li, #shows ul, #shows li {
	list-style-type: none;	
	line-height: 1.6em;
	padding:0;
	margin:0;
}

#bands li.odd, #shows li.odd {
	
	list-style-image: url(images/bullet.png);
	list-style-position:inside;
	color:#479cd1;
}

#bands li.even, #shows li.even {
	margin: 0 0 15px 0;	
}

/*======menu==============*/

#menu {
	text-align: center;
	color: #fff;
	height:1400px;
	width:500px;
	margin: 0 auto;

}

#menu h2, #menu h3 {
	color:#fc3;	
}

/*==========footer ===========*/

div#footer {
	clear: both;
	background: transparent;
	margin: 0 auto;
	padding: 5px;
}

#footer p {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fc3;
	font-size: .9em;
	text-align:center;
	font-weight:bold;
}

#footer a:link, #footer a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:.9em;
}

#footer a:hover {
	text-decoration: underline;
	color: #fc3;
}

/*========misc styles=========*/

.clear {clear: both}

img {border:none;}

/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:4px solid #FC3;
	padding: 1px;

}
    div#rotator ul li.show {
	z-index:500;
}

/* rotator css */
	div#rotatorTwo ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotatorTwo ul li img {
	border:4px solid #FC3;
	padding: 1px;

}
    div#rotatorTwo ul li.show {
	z-index:500;
}
/*photo gallery*/
#mainContent #photoPage {
	margin-top: 50px;	
	height: 1000px;
}

#preview{
	position:absolute;
	border:5px solid #479cd1;
	background:#333;
	display:none;
	color:#fff;
	}
	
#mainContent #gallery {
	float: left;	
}

#galleryTwo, #galleryFour,#gallerySix {
	float: left;
	clear:none;
}

#galleryThree, #galleryFive{
	clear: left;
	float: left;
}

#photoPage img {
	padding:0;
	border: 5px solid #fc3;
	height:150px;
	width: 200px;

}

#galleryFive img {
	width:200px;
	height:300px;
}

#galleryThree, #galleryFour, #galleryFive, #gallerySix {
	margin-top: -10px;
	margin-left:40px;
	padding:0;
}

#photoPage ul, #photoPage li {
	list-style-type: none;	

}

#photoPage li{
		margin-bottom: 15px;
		margin-right: 10px;
}

#slims{
	position: absolute;
	margin: 100px 0 0 600px;
}
 /*======merch=========*/
#merch {
	position: absolute;
	margin: 100px 0 0 670px;
}
#tshirts img {
	border: 3px solid #fc3;
}

#tshirts h2 {
	color: #fc3;	
	text-align: center;
}

#tshirts p {
	text-align: center;	
}

/*=====catering====*/
 #catering {
	text-align: center;
	color: #fc3;
 }

/*=====press====*/
#press a:link, #press a:visited {
	text-decoration: none;
	color: #fc3;
}

#press a:hover {
	text-decoration: underline;	
}

#pressLeft {
	float:left;
	width: 310px;
}

#pressRight {
	float:right;
	width: 375px;
	clear:none;
}

#press ul {
	list-style-type:none;
}

#press li {
	list-style-image: url(images/bullet.png);
	list-style-position:inside;
}

/*====shows=======*/

#shows h2 {
	color:#fc3;
	font-size:1.2em;
	text-indent:50px;
}

#shows {
	font-weight: bold;	
}