/* Pianos 2008 Styles */

* { margin:0; padding:0; }
body { background: #000 url('/images/backinblack.gif'); text-align: center; font-family:"Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif; color:#FFF; }
h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial, Geneva, sans-serif; }
h1, h2, h3 { letter-spacing: -1px; }
img {border:0px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Main Divs */

#topwrap { width:100%; padding-top:13px; background: url('/images/headstripe.gif') repeat-x left top; clear:both; }
#topwrap.home { height: 467px; }
#hero, #thecols, #headwrap { width:960px; margin:0 auto; clear:both; }
#headwrap { position: relative; }
#logo { float:left; width:140px; height:147px; }
#topbanner { position:absolute; top: 3px; left: 177px; width:768px; height:90px; }
#navbar { position:absolute; top: 109px; left: 177px; width:783px; height:36px; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; }
#footer { clear: both; padding: 59px 0 40px 0; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; font-size: 12px; background: url('/images/colfoots-2.gif') no-repeat center top;  }
#footer a { color:#ca0088; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#showroom #footer {background: url('/images/colfoots-show.gif') no-repeat center top;  }
#upstairs #footer {background: url('/images/colfoots-up.gif') no-repeat center top;  }
#news #footer {background: url('/images/colfoots-3col.gif') no-repeat center top;  }
#media #footer, #about #footer, #contact #footer, #else #footer, #emailer #footer {background: url('/images/colfoots-2col.gif') no-repeat center top;  }
.showpage-details { border-bottom: 1px dotted #fff; margin-bottom: 15px; padding-bottom: 15px; }
.showpage-details h1, .showpage-details h2, .showpage-details h3, .showpage-details h4, .showpage-details h5, .showpage-details h6 { padding: 5px 5px 1px; }
.biglisting .showpage-details p { margin-bottom: 0; margin-top: .6em; } 
body#showroom .showpage-details h1, body#showroom .showpage-details h2, body#showroom .showpage-details h3, body#showroom .showpage-details h4, body#showroom .showpage-details h5, body#showroom .showpage-details h6 { background-color: #006388; }
body#showroom .biglisting span.time { background-color: #90cdf3; color: #000; display: block; margin: 0; padding: 2px 5px; }
body#upstairs .showpage-details { border-bottom: 1px dotted #a39c3c; }
body#upstairs .showpage-details h1, body#upstairs .showpage-details h2, body#upstairs .showpage-details h3, body#upstairs .showpage-details h4, body#upstairs .showpage-details h5, body#upstairs .showpage-details h6 { background-color: #a39c3c; color:  #fff; }
body#upstairs .biglisting span.time { background-color: #fff79d; color: #000; display: block; margin: 0; padding: 2px 5px; }
.biglisting .showpage-details .small { font-size: 10px; }

/* Nav Bar */
#navleft { float:left; }
.menu {width:434px; height:36px; font-size:14px; position:relative; z-index:100;border-right:2px solid #FFF;}
* html .menu {width:434px; w\idth:432px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:142px;}
.menu li {float:left;width:72px;position:relative;}
.menu a, .menu a:visited {display:block;text-decoration:none;color:#fff;padding:0;margin:0; width:72px; height:36px; border-left:2px solid #FFF; background: #00aced url('/images/navback.gif'); text-align:center; line-height:36px;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:142px;border-top:2px solid #FFF;}
* html .menu ul ul {top:35px;t\op:36px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.menu ul ul a, .menu ul ul a:visited {background: #00aced url('/images/navback.gif'); color:#FFF; height:auto; line-height:28px; text-align: center; width:142px; border-color: #FFF; border-style: solid; border-width:0 2px 2px 2px;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:142px;w\idth:138px;}
.menu a:hover, .menu ul ul a:hover, #showroom .menu ul li.nav-shows ul li a:hover, #upstairs .menu ul li.nav-shows ul li a:hover {background: #CA0088 url('/images/navbackover.gif');}
#default .menu li.nav-home a { background: #000 url('/images/thispageback.gif');}
#about .menu li.nav-about a { background: #000 url('/images/thispageback.gif');}
#media .menu li.nav-media a { background: #000 url('/images/thispageback.gif');}
#news .menu li.nav-news a { background: #000 url('/images/thispageback.gif');}
#showroom .menu li.nav-shows a { background: #000 url('/images/thispageback.gif');}
#upstairs .menu li.nav-shows a { background: #000 url('/images/thispageback.gif');}
#contact .menu li.nav-contact a { background: #000 url('/images/thispageback.gif');}
.menu :hover > a, .menu ul ul :hover > a {background: #CA0088 url('/images/navbackover.gif');}
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

#navright { float:right; padding-top:6px; font-size: 11px; }
#navright input { font-size:11px; color:#555; padding:2px 3px; }

/* hero area */
#herowrap { width:100%; background: #000; position: absolute; top: 160px; left:0px; }
#hero { width:960px; background: url('/images/herolines.gif') no-repeat left 50%;  padding: 15px 0; }
#heroleft { float:left; width:750px; height: 290px; overflow: hidden; }
#heroright { float:right; width:200px; height:290px; overflow: hidden; }
#tonightdown, #tonightup { height:140px; overflow: hidden; }
#tonightup { margin-top: 15px; }
.tonightleft, .tonightphoto { float:left; }
.tonightleft { width:160px; padding-top: 10px; }
.tonightphoto { width:230px; text-align: left; }
.tonightphoto a { width:215px; height:135px; overflow: hidden; }
.tonightphoto img { width:215px; height:auto; }
.tonightinfo { float:left; width: 350px; text-align: left; }
.tonightinfo .first_band h1, .tonightinfo .first_band h2, .tonightinfo .first_band h3, .tonightinfo .first_band h4, .tonightinfo .first_band h5, .tonightinfo .first_band h6 { font-size: 21px; line-height: 1.2em; display: inline; }
.tonightinfo p { font-size: 12px; line-height: 1.3em; }
.tonightinfo .other_bands h1, .tonightinfo .other_bands h2, .tonightinfo .other_bands h3, .tonightinfo .other_bands h4, .tonightinfo .other_bands h5, .tonightinfo .other_bands h6 { margin:7px 0 5px 0; display: inline; line-height: 22px; }
.tonightinfo .other_bands h1 { font-size: 22px; }
.tonightinfo .other_bands h2 { font-size: 20px; }
.tonightinfo .other_bands h3 { font-size: 18px; }
.tonightinfo .other_bands h4 { font-size: 16px; }
.tonightinfo .other_bands h5 { font-size: 14px; }
.tonightinfo .other_bands h6 { font-size: 12px; }
.tonightprice { font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; font-size: 13px; padding-right: 10px; }
.readmore { font-size:10px; display: block; margin-top:2px; }
.readmore a, .allnews a { font-size: 11px; text-decoration: none; color:#fff12d; }
.readmore a:hover, .allnews a:hover { background-color: #FFF12d; color:#000; }
#heroright p, #heroright h1, #heroright h2, #heroright h3, #heroright h4, #heroright h6 { font-size: 12px; text-align: left; font-weight: normal; }
#heroright h1, #heroright h2, #heroright h3, #heroright h4, #heroright h6 { text-align: left; padding-top: 3px;}
#heroright div h5.headline { text-indent: -9999px; width: 200px; height: 11px; margin-bottom: 5px; }
#heroright div { padding-bottom: 15px; border-bottom: 1px dotted #fff; margin: 0 10px 15px; }
#heroright div.tickets h5 { background: transparent url('/images/purchase_tickets.gif') top left no-repeat; }
#heroright div.map h5 { background: transparent url('/images/map.gif') top left no-repeat; }
#heroright div.listen h5 { background: transparent url('/images/tshirt.jpg') top left no-repeat; }
#heroright p a, #playlist p a { font-size: 12px; text-decoration: none; color:#fff12d; }
#playlist p a { font-weight: bold; }
#heroright p a:hover, #playlist p a:hover { background-color: #FFF12d; color:#000; }
#heroright div.listen { border-bottom: none; }

.time { font-size: 12px; font-weight: bold; color:#999; margin-left:5px; }
#tomorrownight { font-size:90%; }
#tomorrownight .headliner, #tomorrownight .otherband { font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; padding:0 5px; }
.upcoming { padding:10px 0; }

/* main content area */
#thestuff { width:100%; background: url('/images/colheadsback-black.gif') repeat-x center top; }
#coltops { width:960px; margin: 0 auto; background:url('/images/colheads.gif') no-repeat center top; padding-top: 14px; }
#subcoltops { width:960px; margin: 0 auto; }
#about #subcoltops { height:54px; background: url('/images/colheads-about.gif') no-repeat left top; }
#emailer #subcoltops { height:54px; background: url('/images/colheads-email.gif') no-repeat left top; }

#thecols { background: url('/images/colbacks.gif') repeat-y center top; }
#showroom #thecols { background: url('/images/colbacks-show.gif') repeat-y center top; }
#upstairs #thecols { background: url('/images/colbacks-up.gif') repeat-y center top; }
#news #thecols { background: url('/images/colbacks-3col.gif') repeat-y center top; }
#media #thecols, #about #thecols, #contact #thecols, #else #thecols, #emailer #thecols { background: url('/images/colbacks-2col.gif') repeat-y center top; }

#showroom #pink, #upstairs #pink, #about #pink, #contact #pink { padding-top: 10px; }
.oneofthree { float:left; width:320px; }
.widecol { float:left; width:400px; }
.narrowcol { float:left; width:240px; }
.onecol { float:left; width:640px; }
.moreshows { padding:10px; text-align: right; border-top:1px dotted #FFF; }
.onecoltxt { padding:10px 20px; text-align: left; }
.biglisting .date {background-color: #000; color:#FFF; padding: 5px 10px;}
.biglisting .tonightinfo { padding:10px 20px; /* width:inherit; */ }
.biglisting .tonightprice { padding-left: 10px; padding-right: 0; }
.biglisting p, .onecoltxt p { font-size: 13px; line-height: 1.4em; margin-bottom: .6em; }
.biglisting .tonightinfo h1 { font-size: 25px; line-height: 1.2em; }
.biglisting .tonightinfo h2 { font-size: 17px; margin:12px 0 5px 0; }
.biglisting .time { color:#555; }
.biglisting a, .onecoltxt a { text-decoration: none; color:#fff12d; }
.biglisting a:hover, .onecoltxt a:hover { background-color: #FFF12d; color:#000; }
.biglisting h3, onecoltxt h3 { padding-bottom:5px; font-size:25px; }
#longlist .date {background-color: #91cef4;}
#longlist .time, #showroom .biglisting .time { color:#DDD; }
#longlist .listing a { text-decoration: none; color:#FFF; }
#longlist .listing a:hover { background-color: #006388; }
#upstairs #longlist .date, #loungehome .date {background-color: #fff79d;}
#upstairs #longlist .listing a, #loungehome .listing a { text-decoration: none; color:#333; }
#upstairs #longlist .listing a:hover, #loungehome .listing a:hover { background-color: #fff79d; }
#upstairs #longlist .bands { color:#333; width:220px; }
#showroom #longlist .bands { color: #fff; width: 220px; }
#loungehome .bands { color:#333; }
#upstairs #longlist .time, #loungehome .time { color:#999; }
#upstairs .tonightinfo { color:#000; width: 360px; }
#upstairs .biglisting a { color:#ca0088; text-decoration: none;}
#upstairs .biglisting a:hover { background-color: #ca0088; color:#FFF; }
.pricefloater { float:right; margin:0 0 2px 5px; display: block; height:1.5em; line-height:1.5em; text-align:right; font-size: 13px; font-weight: bold; font-family:Helvetica, Arial, Geneva, sans-serif; color:#333; }
.buy_tix { float: right; padding: 2px; }
#loungehome a.buy_tix:hover { background: #938b1a; }
#showroom .buy_tix, #upstairs .buy_tix { margin: 6px 5px 0 0; }

#media #flashcontent { border-bottom: 2px solid #FFF; margin-bottom: 10px; }
.listing, .biglisting { padding-bottom:10px; text-align: left; }
.date { display: block; font-size: 18px; line-height: 24px; padding:0 10px; text-align: left; color:#000; }
.thumbnail { display:block; float:left; width: 106px; text-align: right; padding-top: 10px;}
.bands { float:left; width:194px; padding:10px 0 0 10px; font-family:Helvetica, Arial, Geneva, sans-serif; font-weight: bold; letter-spacing: -1px; }
.bands h1, .bands h2, .bands h3, .bands h4, .bands h5, .bands h6 { display: inline; margin: 0; padding: 0 0 3px; line-height: 1.2em; }
.bands h1 { font-size:18px; padding-bottom: 0;}
.bands h2 { font-size:16px; }
.listing .bands h3 { font-size:14px; padding: 3px 0 0; }
.bands h4 { font-size:12px; }
.bands h5 { font-size:10px; }
.bands h6 { font-size:9px; }
#homeslide { padding:10px 0; }
.listing h3 { padding: 0 20px; font-size:17px; }
.listing a { text-decoration: none; color:#fff12d; }
.listing a:hover { background-color: #FFF12d; color:#000; }
.listing p { padding:0 20px; font-size:12px; line-height: 1.3em; }
.listing .readmore { margin-left: 20px; }
ul.newsheadlines { list-style-type: none; margin:0 0 10px 0; padding:0; }
.newsheadlines li { font-size:17px; text-align: left;}
.newsheadlines li.altnews a { display:block; text-decoration: none; color:#fff12d; background-color: #b00177; padding:5px 10px; }
#about .newsheadlines li.altnews a, #contact .newsheadlines li.altnews a { background-color: #444; }
.newsheadlines li a { display:block; text-decoration: none; color:#fff12d; padding:5px 10px; }
.newsheadlines li a:hover { background-color: #FFF12d; color:#000; }
#about .newsheadlines li a:hover, #contact .newsheadlines li a:hover { background-color: #FFF12d; color:#000; }
.sideadunit { border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; margin:10px 0; padding:10px 0; }
.prevbatch, .nextbatch { font-size: 11px; }
.prevbatch { margin-right: 10px; }
#pink .prevbatch a, #pink .nextbatch a, #news .prevbatch a, #news .nextbatch a { color:#fff12d; text-decoration: none; }
#pink .prevbatch a:hover, #pink .nextbatch a:hover, #news .prevbatch a:hover, #news .nextbatch a:hover { border-bottom: 1px dotted #FFF; }
#upstairs .prevbatch a, #upstairs .nextbatch a { color:#ca0088; text-decoration: none; }
#upstairs .prevbatch a:hover, #upstairs .nextbatch a:hover { border-bottom: 1px dotted #444; }
div.clear { height: 0; overflow: hidden; clear: left; padding-top: 3px; }
span.details { float: right; }
span.details a { font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; display: block; width: 96px; margin: 0 auto; padding: 3px 0 1px; }
.biglisting .head { width: 400px; background-color: #000; text-align: center; }
.biglisting .head img { margin: 0px auto; }
#showroom span.details, #upstairs span.details { float: left; }
#showroom span.details a, #upstairs span.details a { font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; display: block; margin: 0; width: 75px; padding: 3px 0 1px; }
#showroom #longlist span.details a { background-color: #91cef4; color: #006388; }
#showroom #longlist span.details a:hover { background-color: #006388; color: #fff; }
#upstairs #longlist span.details a { background-color: #fff79d }
#upstairs #longlist span.details a:hover { background-color: #ca0088; color: #fff; }

#aboutsubnav { float:right; margin-right: 325px; height: 30px; margin-top: 24px; width:334px; }
#aboutsubnav ul { list-style-type: none; }
#aboutsubnav li a { display:block; float:left; margin-left:1px; width:80px; height:30px; background: url('/images/aboutsubtab.gif') no-repeat center top;  font-size: 13px; font-weight: bold; text-decoration: none; line-height: 30px; color:#000; }
#aboutsubnav li a:hover, #aboutsubnav li a.this { background-position: bottom; color:#FFF; }

.onecoltxt h2 { margin:20px 0 10px 0; border-bottom: 1px solid #c67aad; }
.onecoltxt h2:first-child { margin:5px 0 10px 0; }
.onecoltxt h3 { margin:20px 0 10px 0; }
.onecoltxt h3:first-child { margin:5px 0 10px 0; }
.onecoltxt h4 { margin:20px 0; text-decoration: underline;}
.onecoltxt p.price { margin:-5px 0 20px 0; font-style: italic; font-weight: bold; }
.vidbed { background-color: #000; width:300px; margin:10px auto 0 auto; }
.vidbed h2 { text-align: left; padding:5px; margin:0 10px; font-size: 17px; }
.allnews { display: block; font-size: 11px; text-align: left; padding:0 20px; text-transform: uppercase; font-weight: bold; }

fieldset { border:none; padding:5px; font-size: 12px; line-height: 1.4em; }
fieldset input { margin-bottom: 10px; }
fieldset input.submitbtn { margin-top: 20px; }

body#playlist { background-color: #ca0088; margin-top: 10px; background-image: none; }

.latest_tweets { margin: 10px 0; }
img.twead { margin-bottom: 10px; }
.twtr-widget { margin:0 auto; width:300px; }