﻿/*
Main Layout
*/
#html{}


body{
text-align:center;
background-image:url('images/bg.gif');
}

#container{
font:normal small arial,sans-serif;
line-height:1.5em;
width:90%;
margin:0 auto;
text-align:left;
background:#000;


}

#header{
height:300px;
/*  images/header.gif*/
background-image:url('images/header.gif');
background-repeat:no-repeat;
background-position:top right;
}

#nav{
border-top:5px solid #ccc;
border-bottom:5px solid #ccc;
height:80px;
background:#FF9700;
}

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

#nav li{
list-style-type:none;
float:left;
margin:1em;
padding:0.2em;
}

#nav a{
text-decoration:none;
font-weight:bold;
display:block;
color:#000;
}


#nav a:hover{
text-decoration:underline;

}

#footer{
padding:1em;
margin:1em;
clear:both;
}


/* home page */

#home{

padding:3em;
margin:3em;
color:#5F5F5F;

}

#home p{
padding:0.5em;
margin:0.5em;
line-height:2em;


}


#giglist{
padding:0.5em;
margin:0.5em;
}

#map{
padding:0.5em;
margin:0.5em;
position:absolute;
top:500px;
right:0px;
/*
top:5%;
right:5%;
*/

padding:2em;
margin:2em;
background:#fff;
border:2px solid #000;
}


.round{
	background:#fff;
}


.outside{
	padding:1em;
	float:left;
}

/* Staff Blogs */


#blogs{
	background:#fff;
	margin:2em;padding:2em;
	height:480px;
}



/* Random Page */

#random{
	background:#fff;
	margin:2em;padding:2em;
	height:480px;

}


/* Pictures Page */

#pictures{
	background:#fff;
	margin:2em;padding:2em;
	height:480px;

}


/* Merchandise Page */

#merchandise{
	background:#fff;
	margin:2em;padding:2em;
	}

.clothing{
clear:both;
background:#fff;
margin:2em;
padding:1em;
}


.clothing img{
border:1px solid #000;
}

/* bands page */


#bands{
clear:both;
background:#fff;
margin:2em;
padding:1em;
min-height:480px;
}


#giglist{
	background:#fff;
	margin:2em;
padding:1em;

}


#giglist h2{
border:1px solid #000;
padding:1em;
margin:1em auto;
background:#FF9700;
}

.band{
border-bottom:1px solid #ccc;

}

.band h3{
color:#6F1D00;
font-size:x-large;

}

.band h4{
color:#f00;
}

.band h5{
font-size:x-large;
}

/* beer page */
#beer{
	background:#fff;
	margin:2em;padding:2em;
	height:480px;
}


#beerlist{
margin:1em auto;
padding:1em;
float:left;	
}

.beer{
	margin:1em;
	padding:1em;
	float:left;
}

/* Pictures Page */
 

#pictures{
background:#fff;
margin:2em;padding:2em;
}

#pictures h1{
padding:0px;
}

#pictures h2{
float:left;
}

/* slideshow stuff  



.fadein { 
position:relative;
width:500px; 
height:auto;
margin:2em auto;
padding:2em auto; 
}

.fadein img { position:absolute; left:0; top:0; }*/

#slides{
	float:left;
}

#slides img{
	width:100px;
	height:100px;
	margin:0.5em
	padding:0.5em;
	border:1px solid #000;
	
}


/* links page */

#links{
		background:#fff;
	margin:2em;padding:2em;
	height:480px;

}


.job{
width:280px;
border:2px solid #000;
float:right;
padding:0;
margin:1em;
}

.job h2{
text-align:center;
background:#FF9700;
padding-top:0.5em;
margin-top:0;
padding-bottom:1em;
color:#000;
}

.job p{color:#000;font-size:1.6em;}

address{
padding:1em;
color:#000;
}

.headline{
float:right;
padding:0em;
margin:1em;
border:1px solid #000;
width:280px;
}

.headline h2{
background:#FF9700;
padding:1em 0;
margin:0;
text-align:center;
border-bottom:1px solid #000;
color:#000;
font-size:1em;
}

.headline h1{
color:#000;
font-size:1.2em;
padding:1em;
margin:1em;
}



.headline h3{
text-align:center;
padding:0;
margin:0;
}


.headline h4{
text-align:center;
padding:0;
margin:0;

}


.headline h5{
padding:0;
margin:0;
text-align:center;
}










