/*
Color Palette
  
  Black:    #000000
  Dark Red: #b04825
  Tan:      #c49a6b
  Orange:   #d3682c

*/

*, html{margin:0; padding:0;}

body{
  background-color:#cc9966;
  background-image:url(http://www.engineroomsounds.com/page_attachments/0000/0113/ER_tanBG_2.jpg);
  background-position:top;
  background-repeat:repeat-y;
  color:#b04825;
  font: normal 85% georgia, times, serif;
}

.no_show{
  float:left;
  display:none;
  margin-left:-5000px;
}

a { 
	color: #d3682c;
        outline:none;
	}
a:hover { 
	color: #c49a6b;
	text-decoration: underline;
	}
a:visited { 
	color: #c49a6b;
	text-decoration: underline;
	}
a:active { 
	color: #c49a6b;
	}

#wrapper{
  background-color:#000000;
  margin:0 auto;
  width:739px;
}

#header{
  background: url(/page_attachments/0000/0085/header_banner_2.jpg) no-repeat top;
  height:226px;
}

#home_link{
  float:left;
  height:150px;
  width:350px;
  outline:none;
}

#main_nav{
  height:50px;
  width:99%;
  overflow:hidden;
  float:left;
}

#main_nav ul#tabs{float:right;}

#main_nav ul#tabs li{
  display:inline;
  height:50px;
  overflow:hidden;
}

#main_nav ul#tabs li a, #main_nav ul#tabs li a:visited{
  float:left;
  height:50px;
  margin-right:0px;
  outline:none;
}

#main_nav ul#tabs li a#shows{  
  background: url(/page_attachments/0000/0039/shows_nav.png) no-repeat top;
  width:91px;
}
#main_nav ul#tabs li a#photos{
  background: url(/page_attachments/0000/0037/photos_nav.png) no-repeat top;
  width:99px;
}
#main_nav ul#tabs li a#blog{
  background: url(/page_attachments/0000/0033/blog_nav.png) no-repeat top;
  width:77px;
}
#main_nav ul#tabs li a#beer{
  background: url(/assets/45/drinks_buttons.png) no-repeat top;
  width:73px;
}
#main_nav ul#tabs li a#contact{
  background: url(/page_attachments/0000/0035/contact_nav.png) no-repeat top;
  width:122px;
}

#main_nav ul#tabs li a#shows:hover, #main_nav ul#tabs li a#shows.current,
#main_nav ul#tabs li a#photos:hover, #main_nav ul#tabs li a#photos.current, 
#main_nav ul#tabs li a#blog:hover, #main_nav ul#tabs li a#blog.current,
#main_nav ul#tabs li a#beer:hover, #main_nav ul#tabs li a#beer.current,
#main_nav ul#tabs li a#contact:hover, #main_nav ul#tabs li a#contact.current{
  background-position:bottom;
}

#content{
  width:100%;
}

#main_content{
  float:left;
  width:550px;
}

#main_content #content_container{
  padding:15px;
}

#main_content #content_container h2{
  text-align:center;
  height:48px;
}

#main_content #content_container h2#details{
  background: url(/page_attachments/0000/0107/details.jpg) no-repeat top;
}

#main_content #content_container h2#upcoming_shows{
  background: url(/page_attachments/0000/0057/upcoming_shows.jpg) no-repeat top;
}

#main_content #content_container h2#beer{
  background: url(/page_attachments/0000/0083/beer.jpg) no-repeat top;
  margin-bottom:15px;
}

#main_content #content_container h2#domestic{
  background: url(/page_attachments/0000/0053/domestic.jpg) no-repeat top;
  margin-bottom:15px;
}

#main_content #content_container h2#import{
  background: url(/page_attachments/0000/0055/import.jpg) no-repeat top;
  margin-bottom:15px;
}

#main_content #content_container h2#wine{
  background: url(/page_attachments/0000/0059/wine.jpg) no-repeat top;
  margin-bottom:15px;
}

#main_content #content_container #event_container{
  float:left;
  margin-left:10px;
  padding:10px;
  padding-top:0px;
  width:515px;
}

#main_content #content_container #event_container #event_date_block{
  font-size:20px;
  font-weight:lighter;
  text-align:center;
  width:100%;
  float:left;
}

#main_content #content_container #event_container #event_date_block img{float:left;}
#main_content #content_container #event_container #event_date_block img#head_align{margin-left:40px;}
#main_content #content_container #event_container #event_date_block span.event_detail_date{float:left; padding:5px;}
#main_content #content_container #event_container .showtime{padding:5px;}
#main_content #content_container #event_container .description{padding:5px; color:#ffffff; font-size:13px;}
#main_content #content_container #events_container{
  float:left;
  margin-left:10px;
  padding:10px;
  width:515px;
}

#main_content #content_container #event_container .event img{
 float:left;
 padding:25px;
}

#main_content #content_container #events_container .event .performers .headliner, #main_content #content_container #event_container .event .performers .headliner{color:#ffffff; font-size:135%;}
#main_content #content_container #event_container .event .performers a, 
#main_content #content_container #event_container .event .performers a:visited,
#main_content #content_container #events_container .event .performers a, 
#main_content #content_container #events_container .event .performers a:visited{color:#C49A6B;}
#main_content #content_container #events_container a, #main_content #content_container #event_container a{text-decoration:none;}
#main_content #content_container #events_container .event .performers a:hover .headliner , #main_content #content_container #event_container .event .performers a:hover .headliner{color:#ffffcc;}

#main_content #content_container #events_container .event, #main_content #content_container #event_container{
  background: url(/page_attachments/0000/0065/content_rule.jpg) no-repeat bottom;
  border:medium none;
  float:left;
  width:500px;
  padding-bottom:20px;
}

#main_content #content_container #events_container .event .event_date{padding:3px; float:left; width:495px;}
#main_content #content_container #events_container .event .event_date .event_links{float:right; width:56px; margin-top:-15px;}
#main_content #content_container #events_container .event .event_date .event_links a{height:17px; width:26px; float:left; margin-left:2px;}

#main_content #content_container #events_container .event .event_date .event_links a.stub{background: url(/page_attachments/0000/0043/ticket_icon.jpg) no-repeat top;}
#main_content #content_container #events_container .event .event_date .event_links a.mail{background: url(/page_attachments/0000/0041/email_icon.jpg) no-repeat top;}

#main_content #content_container #event_container .event .event_links{float:left;  padding:10px 0px;}

#main_content #content_container #events_container .event .event_links a.stub {
  background: url(/page_attachments/0000/0043/ticket_icon.jpg) no-repeat left top; 
  padding-left:35px;
  float:left;
  margin-top:5px;
  width:100%;
  margin-left:20px;
}

#main_content #content_container #event_container .event .event_links a.stub{
  background: url(/page_attachments/0000/0043/ticket_icon.jpg) no-repeat left top; 
  padding-left:35px;
  float:left; 
  margin-left:5px;
  margin-top:0;
  padding-left:35px;
  width:100%;
}

#main_content #content_container #events_container .event .event_links a.mail{
  background: url(/page_attachments/0000/0041/email_icon.jpg) no-repeat left top; 
  padding-left:35px;
  float:left;
  margin-top:5px;
  width:100%;
}

#main_content #content_container #events_container .event .performers{padding:3px; padding-bottom:0; margin-left:15px; color:#c49a6b;}
#main_content #content_container #events_container .event .showtime{padding:3px; padding-top:0; margin-left:15px; font-size:85%;}

#main_content #content_container .beverage_container{float:left; margin-left:15px; width:490px;}
#main_content #content_container .beverage_container .beverage{float:left; width:150px; min-height:200px; text-align:center; padding:0 5px;}
#main_content #content_container .beverage_container .beverage p{color:#c49a6b;}

#side_bar{
  float:left;
  width:188px;
}

#side_bar #poster{
  width:188px;
}


#side_bar #poster_container{
  padding-top:45px;
  background: url(/page_attachments/0000/0067/poster_top.jpg) no-repeat top;
}

#side_bar #poster_container img{
  margin-left:15px;
}

#side_bar span#poster_bottom{
  background: url(/page_attachments/0000/0069/poster_bottom.jpg) no-repeat top;
  height:36px;
  float:left;
  margin-top:10px;
  width:188px;
}

#side_bar ul#buttons{
  background: url(/page_attachments/0000/0071/sidebar_divider.jpg) no-repeat bottom;
  float:left;
  padding-bottom:25px;
  width:188px;
}

#side_bar ul#buttons li{
  list-style:none;
}

#side_bar ul#buttons li a.button, 
#side_bar ul#buttons li a.button:visited, 
#side_bar ul#buttons li a.button:hover{
  float:left;
  width:188px;
  height:33px;
}

#side_bar ul#buttons li a#facebook{background: url(/page_attachments/0000/0049/facebook_button.jpg) no-repeat top;}
#side_bar ul#buttons li a#myspace{background: url(/page_attachments/0000/0051/myspace_button.jpg) no-repeat top;}
#side_bar ul#buttons li a#twitter{background: url(/page_attachments/0000/0149/twitter_button.jpg) no-repeat top;}
#side_bar ul#buttons li a#booking{background: url(/page_attachments/0000/0045/booking_button.jpg) no-repeat top;}
#side_bar ul#buttons li a#directions{background: url(/page_attachments/0000/0047/directions_button.jpg) no-repeat top;}

#side_bar #calendar_container{
  width:188px;
  text-align:center;
  margin-top:10px;
  float:left;
}
