/* Laundry */
/*
Logo Bg: #B0B2B5;
Nav Bar Color:#5a5a5a;
Title Bg: #B0B2B5;
Footer Color: #C2C2C2;
*/
/*---------------------------------------------------------------------------
=RESET(yahoo reset v.2.5.1)
---------------------------------------------------------------------------*/
html{background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*---------------------------------------------------------------------------
=LAYOUT
---------------------------------------------------------------------------*/

#wrapper {
  width: 1024px;
  position: relative;
  left: 50%;
  margin-left: -512px;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  background-color:#b29435;
}

#banner {
  position: relative;
  width:1024px;
  height: 114px;
  padding:0 24;
  background-color: #FFF;
  overflow:hidden;
}

#bannerAd01{
  width: 118px;
  height: 104px;
  position:absolute;
  right:572px;
}
#bannerAd02{
	width:284px;
	height:104px;
	position:absolute;
	right:276px;
}
#bannerAd03{
  width: 240px;
  height: 104px;
  position:absolute;
  right:24px;
}

#branding {
  position:relative;
  height: 85px;
  color: #FFF;
  /*background-color: #bcbec0;*/
  background-color: #5a5a5a;
}

#branding h1{
  text-indent: -9999px;
  background: url(img/lines_hand-drawn.gif) no-repeat -10px 5px;
  width: 1024px;
  height: 86px;
}
#branding #logo-flash{
  position:relative;
  left:33px;
  top:-82px;
}

#navbar {
  position: relative;
  height: 24px;
/*  background-color: #898B8F;*/
  background-color: #000;
  padding: 0 12px 0 16px;
}

#content{
  background-color: #b29435;
}

/* =footer */
#footer{
  height:20px;
  background-color: #333;
  padding: 10px 23px;
  clear:both;
  position:relative;
  border-top: 1px solid #999;
}

#footer #navFooter{
  height:20px;
  float:left;
}
#footer #copyright{
  color: #999;
  height:20px;
  width:auto;
  float:right;
}

#contentWrapper{
  width: 100%;
  float:left;
  background: #FFF url(img/bg_content.gif) repeat-y left top;
}
#contentMain{
  width:520px;
  min-height:350px;
  float:left;
  margin:10px 4px 50px 24px;
}
#contentRight{
  float:right;
  width:468px;
  background-color:#000;
}
#contentRight img {
margin: 26px 24px;	
}

#pageTitle {
  height:50px;
}

#pageTitle h2{
  text-indent: -9999px;
  height:50px;
  width:280px;
  background:url(img/title_wearelaundry.gif) no-repeat 24px 0;
}
body#about #pageTitle h2{
  background:url(img/title_wearelaundry.gif) no-repeat 24px 0;
}
body#stage #pageTitle h2{
  background:url(img/title_stage.gif) no-repeat 24px 0;
}
body#decks #pageTitle h2{
  background:url(img/title_decks.gif) no-repeat 24px 0;
}
body#menu #pageTitle h2{
  background:url(img/title_menu.gif) no-repeat 24px 0;
}
body#reservations #pageTitle h2{
  background:url(img/title_reservations.gif) no-repeat 24px 0;
}
body#gallery #pageTitle h2{
  background:url(img/title_gallery.gif) no-repeat 24px 0;
}
body#contact #pageTitle h2{
  background:url(img/title_contact.gif) no-repeat 24px 0;
}
body#location #pageTitle h2{
  background:url(img/title_location.gif) no-repeat 24px 0;
}
body#subscribe #pageTitle h2{
  background:url(img/title_subscribe.gif) no-repeat 24px 0;
}
body#archive #pageTitle h2{
  background: url(img/title_archive.gif) no-repeat 24px 0;
}
body#band #pageTitle h2{
  background: url(img/title_band.gif) no-repeat 24px 0;
}
body#live #pageTitle h2{
  background: url(img/title_live.gif) no-repeat 24px 0;
}

/*---------------------------------------------------------------------------
=Navigation
---------------------------------------------------------------------------*/
#navLeft {
  float: left;
}

#navRight{
  float: right;
}

#navbar ul li{
float:left;
}

#navbar ul a{
display:block;
padding: 0 0.9em;
line-height:2.1em;
background: url(img/divider.gif) no-repeat left 50%;
}
/* remove divider for sub-menu*/
#navbar ul li ul a{
background-image:none;
}

#navbar ul .first a{
background:none;
}

#navbar a{
  color: #fef239;
  font-size: 1.0em;
  font-weight: bold;
  text-decoration:none;
}
#navbar a:visited{
  color: #fef239;
}
#navbar a:hover, #navbar a:active{
  color: #fff;
}

/*---------------------------------------------------------------------------
=navSub Sub / Footer menu =navFooter
---------------------------------------------------------------------------*/
#navFooter{
  color: #000;
  font-size:1.2em;
}
#navFooter ul li{
float:left;
}

#navFooter ul a{
display:block;
padding: 0 0.5em;
line-height:1.2em;
background: url(img/divider.gif) no-repeat left 50%;
}

#navFooter ul .first a{
background:none;
}

#navFooter a{
  color: #FF0;
  font-size: 1.0em;
  text-decoration:none;
}
#navFooter a:visited{
  color: #FF0;
}
#navFooter a:hover, #navFooter a:active, #navFooter .first a:hover, #navFooter .first a:active{
  color: #FFF;
}

.under-construction{
height:300px;	
}
/*---------------------------------------------------------------------------
=TYPOGRAPHY
---------------------------------------------------------------------------*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 67.5%;
  background:#000;
}

p {
  font-size:1em;
  line-height:1.2em;
  margin: 0.4em 0;
  color:#000;
}

#contentMain p {
  font-size:1.1em;
  line-height:1.4em;
  margin: 1em 0;
}

a {
outline:none;
}

.title{
  font-size:1.3em;
  font-weight: bold;
  color: #ed478c;
  margin:1em 0;
}

.subtitle {
  font-size:1.4em;
  font-weight: bold;
  color: #ed478c;
  margin:1em 0 4px 0;
}

.subtitle-orange {
  font-size:1.4em;
  font-weight: bold;
  color: #F8601F;
  margin:1em 0 4px 0;
}

#stage h5 {
font-weight:bold;	
}

.super {
	position: relative;
	bottom: 0.4em;
	font-size: 0.8em;
}

.sub {
	position: relative;
	top: 0.3em;
	font-size: 0.8em;
}

.orange-bold-title{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
}

.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.italic-bold{
	font-weight:bold;
	font-style:italic;
	color:#ed478c;
}
.italic-pink{
	font-style:italic;
	color:#ed478c;
}
.pink-bold{
	font-weight:bold;
	color:#ed478c;
}
.bold{
	font-weight:bold;
}

/*---------------------------------------------------------------------------
=LINKS
---------------------------------------------------------------------------*/

.external-link{
	color:#6666CC;
	font-style:italic;	
}
a.archiveYear:link, a.archiveYear:visited{
	color:#000;
	text-decoration:none;
}
a.archiveYear:hover, a.archiveYear:active{
	background-color:#333;
	color:#FF0;
	text-decoration:none;
}
/* feature articles read more link */
a.link-feature:link, a.link-feature:visited{
	font-size:0.9em;
	color:#F8601F;
	text-decoration:none;
	background:#FFF url(img/arrow_down_right.gif) no-repeat 1px 1px; 
	padding:0 1px 0 8px;
}
a.link-feature:hover, a.link-feature:active{
	background-color:#B29435;
	color:#fff;
	text-decoration:none;
	background-position: 1px -19px;
}
#highlight h3 a{
  color: #ed478c;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration:none;
  border-bottom:1px solid #ed478c;
}

#highlight h3 a:hover{
/*  border-bottom:0;
  background-color:#ed478c;
  color:#FFF;*/
}

/* external link*/
a.external-website:link, a.external-website:visited{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
	background:#FFF url(img/external_archive.gif) no-repeat 100% 0;
	padding-right:50px;
	text-decoration:none;
}
a.external-website:hover, a.external-website:active{
	background-position:100% -160px;
	text-decoration:underline;
}
a.external-myspace:link, a.external-myspace:visited{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
	background:#FFF url(img/external_archive.gif) no-repeat 100% 0;
	padding-right:50px;
	text-decoration:none;
}
a.external-myspace:hover, a.external-myspace:active{
	background-position:100% -40px;
	text-decoration:underline;
}
a.external-youtube:link, a.external-youtube:visited{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
	background:#FFF url(img/external_archive.gif) no-repeat 100% 0;
	padding-right:50px;
	text-decoration:none;
}
a.external-youtube:hover, a.external-youtube:active{
	background-position:100% -80px;
	text-decoration:underline;
}
a.external-blog:link, a.external-blog:visited{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
	background:#FFF url(img/external_archive.gif) no-repeat 100% 0;
	padding-right:50px;
	text-decoration:none;
}
a.external-blog:hover, a.external-blog:active{
	background-position:100% -120px;
	text-decoration:underline;
}
a.external-none:link, a.external-none:visited{
	font-size:1.2em;
	color:#F8601F;
	font-weight:bold;
	background:#FFF url(img/external_archive.gif) no-repeat 100% 0;
	padding-right:50px;
	text-decoration:none;
}
a.external-none:hover, a.external-none:active{
	background-position:100% 0;
}

/* stage artist link*/
a.link-artist:link, a.link-artist:visited{
	font-size:0.9em;
	color:#F8601F;
	text-decoration:none;

}
a.link-artist:hover, a.link-artist:active{
	
	text-decoration:none;
	border-bottom:1px dotted #F8601F;
}



/* ---------------------------------------------------------------------------
=alternate txt =getFlash
---------------------------------------------------------------------------*/
.getFlash {
	text-align:center;
	padding:15px;
}
.getFlash h3{
color:#F00;
font-weight:bold;
font-size: 1.2em;
}

/*---------------------------------------------------------------------------
=HOME PAGE
---------------------------------------------------------------------------*/
body#home #wrapper{	
background-color: #b29435; /* Gold color */
}

body#home #content{
  background-color: #b29435; /* Gold color */
  /*background-color: #5fc9ea; fresh green*/
}

#bannerLarge{
  width: 976px;
  height: 290px;
  background-color: #b29435;
  /*background-color: #5fc9ea;*/
  margin: 10px 24px;
  padding: 0px;
}
#bannerLarge img{
  padding:15px;
}

#highlight{
  position: relative;
  background-color: #FFF;
  padding: 10px 24px 10px 24px ;
  overflow: hidden;
}

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

#highlightBoxRight{
  width: 310px;
  float: left;
  margin-left: 16px;
}

.highlightText{
  width: 200px;
}

.highlightBox{
  position: relative;
  width: 315px;
  height: 100px;
  padding: 0 0 18px 0;
  overflow:hidden;
}

.highlightBox img {
  float: left;
  width:100px;
  height:100px;
  border:1px solid #666;
}

.highlightBox .highlightText{
  float: right;
}

.feature-readmore{
	text-align:right;
	padding:0 10px;
	margin-top:12px;
	line-height:0.8em;
}

#videoPlayer{
  width:300px;
  height:248px;
  float:right;
  border:1px solid #000;
  background-color:#333;
}

/*---------------------------------------------------------------------------
=ABOUT
---------------------------------------------------------------------------*/

ul.list-normal{
	list-style-type:circle;
	margin:10px;
	padding:4px;
}
ul.list-normal li{
	list-style-type:circle;
	margin:2px;
}

#about #contentWrapper {
	background:#FFF url(img/bg_stencil_gangstergun.gif) no-repeat 98% 100%;
}
/*---------------------------------------------------------------------------
=STAGE =TOURS
---------------------------------------------------------------------------*/
h3#subtitle-tours{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_tours.gif) no-repeat 0 0;
}

h3#subtitle-featured{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_featured.gif) no-repeat 0 0;
}

#stage dl, #decks dl {
width:500px;
margin:15px 0;
}
#stage dt, #decks dt{
color:#FFF;
background-color:#666;
font-weight:bold;	
padding:2px 0px;
text-indent:3px;
}

#stage dd, #decks dd {
padding-left:0px;
}
#stage dd.lineup-title, #decks dd.lineup-title, .orange-title{
	font-size:1.2em;
	color:#F8601F;

	font-weight:bold;
	padding:2px 0;
}
#stage dd.lineup-genre, #decks dd.lineup-genre{
	color:#6666CC;
	font-style:italic;
}
body#stage #videoPlayer{
  width:300px;
  height:248px;
  float:left;
  border:1px solid #000;
  background-color:#333;
}
/*---------------------------------------------------------------------------
=GALLERY
---------------------------------------------------------------------------*/
#gallery #contentMain {
	width:800px;
}

#gallery #contentWrapper {
	background:#FFF url(img/bg_stencil_killmybf.gif) no-repeat right bottom;
}

/*---------------------------------------------------------------------------
=LOCATION
---------------------------------------------------------------------------*/
#location #contentWrapper {
	background:#FFF url(img/bg_stencil_wingman.gif) no-repeat 99% 98%;
}

#address{
  width:250px;
  float:left;
}

#locationMap{
  width:470px;
  height:208px;
  margin:10px 0 10px 0px;
  float:left;
  border:1px dotted #666;
}

#map{
width: 468px;
height: 208px;
}
/*---------------------------------------------------------------------------
=SUBSCRIBE
---------------------------------------------------------------------------*/
#subscribeForm{
  padding:20px 0;
}
#unSubscribeForm{
  padding:20px 0;
}
#subscribe #contentWrapper {
	background:#FFF url(img/bg_stencil_gangstergun.gif) no-repeat 98% 100%;
}
/*---------------------------------------------------------------------------
=ARCHIVE =TIMELINE
---------------------------------------------------------------------------*/
#archive #contentMain {
	width:976px;
}
#archive #contentMain {
	width:976px;
}
#archive #contentWrapper {
	background-image: none;
}
h3#subtitle-event{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_archive_event.gif) no-repeat 0 0;
}
h3#subtitle-bands{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_archive_band.gif) no-repeat 0 0;
}
h3#subtitle-press{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_archive_press.gif) no-repeat 0 0;
}

.archiveText{
  float:right;
}
#archive dl, #archive dl {
width:500px;
margin:15px 0;
}
#archive dt, #archive dt{
color:#FFF;
background-color:#666;
font-weight:bold;	
padding:2px 0px;
text-indent:3px;
}

.timeline-default {
	font-family: Trebuchet MS, Helvetica, Arial, sans serif;
	font-size: 8pt;
	border: 1px solid #aaa;
}

.tape-special_event, .small-special_event {
	background-color: orange;
}
div.timeline-event-icon {
	border: 1px solid #aaa;
	padding: 1px;
	background: white;
}
div.timeline-event-icon-default {
	border: none;
	padding: 0px;
}
#timeline-event{
	height: 420px;
	margin: 15px 0 20px 0;
}
#timeline-press{
	height: 220px;
	margin: 15px 0 50px 0;
}
#bands-archive-list{
margin:16px 0;	
}
/*---------------------------------------------------------------------------
=CONTACT
---------------------------------------------------------------------------*/
#contact #contentWrapper {
	background:#FFF url(img/bg_stencil_butterflyshadowgirl.gif) no-repeat 98% 100%;
}

/*----------------------------------------------------------------------------
=BAND
-----------------------------------------------------------------------------*/
#band #contentWrapper {
	background:#FFF url(img/bg_stencil_ganstercar.gif) no-repeat 98% 100%;
}


/*---------------------------------------------------------------------------
=FORM
---------------------------------------------------------------------------*/
table.form-table {
	width:600px;
	margin: 16px 0;
}
table.form-table td, table.form-table-wide td, table.form-table-narrow td  {
	padding:2px 8px;
}
input, textarea{
	margin:0 10px 0 0;
	width: 250px;
}
textarea{
	height: 8em;
}
input.submit, input.reset {
width:80px;	
}

.form-label{
	width:50px;
	text-align:right;
	vertical-align:top;
}
table.form-table-wide .form-label{
    width:130px;
}
table.form-table-narrow .form-label{
    width:24px;
}
input.checkbox{
	margin:0;
	padding:0;
	text-align:left;
}

#radio1,#radio2 {
width: 25px;
}

/* ----------------------------------------------------------------------------
=RESERVATIONS
----------------------------------------------------------------------------*/
#reservations #contentWrapper {
	background:#FFF url(img/bg_stencil_ganstercar.gif) no-repeat 98% 100%;
}

/*---------------------------------------------------------------------------
=menu food menu
---------------------------------------------------------------------------*/
body#menu #contentWrapper{
  width: 100%;
  float:left;
  background-image:none;
  background-color:#FFF;
  margin-top:0;
}

body#menu #contentMain{
width:976px;
margin-top:0;
}
body#menu #menu-flip{
width:926px;
height: 600px;
margin: 0 auto;
}

/*---------------------------------------------------------------------------
=LIVE World cup
---------------------------------------------------------------------------*/
h3#subtitle-worldcup{
	width:350px;
	height:19px;
	text-indent:-9999px;
	background:#FFF url(img/title_worldcup.gif) no-repeat 0 0;
}