@charset "utf-8";
/*-----------------------------------------------------------------------
	
	[Tuba Stylesheet]

	Project:			-
  	Version: 			0.1
  	Last change:		14/05/2008
	
	Description
	

	[Table of Contents]
	
	1. 	Eric Meyers browser reset / @reset
		
		
		
------------------------------------------------------------------------*/

/* @reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
	height: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @grid */
.grid{
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.column-1 {
	width:220px;
}
.column-2 {
	width:460px;
}
.column-3 {
	width:700px;
}
.column-4 {
	width:940px;
}

/* @layout */
body{
	/*border-top:6px solid #d4cd00;*/
	background:url(backgroundBody.jpg) repeat-x 0 0;
}
#contentWrapper{
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -86px; /* the bottom margin is the negative value of the footer's height */

}
#header{
	height:120px;
	margin:0 10px 40px 10px;
}
#footer{
	border-top:6px solid #d4cd00;
	background:url(backgroundBody.jpg) repeat-x 0 0;
	height:80px;
}
.push {
	height: 86px; /* .push must be the same height as .footer */
}


/* @headings */
h1 {
	font:normal 32px/32px Verdana, Arial, Helvetica, sans-serif;
	color:#bdb700;
	background-color:transparent;
	letter-spacing:-3px;
	margin:0 0 10px 0;
}
	h1 a:link,
	h1 a:active,
	h1 a:visited {
		color:#bdb700;
		background-color:transparent;
		text-decoration:none;
	}
	h1 a:hover {
		color:#5a503b;
		background-color:transparent;
		text-decoration:none;
	}
h2 {
	font:normal 18px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#5a503b;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding:0 11px;
	margin:0 0 20px 0;
}
.column-1 h2 {
	background:#d4cd00 url(sprite.png?updated=251009) no-repeat 0 0;
}
.column-2 h2 {
	background:#d4cd00 url(sprite.png?updated=251009) no-repeat -220px 0;
}
h3 {
	font:bold 15px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#0c4155;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 10px 0;
	letter-spacing:-1px;
}
h4 {
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#534c45;
	background:transparent url(sprite.png) no-repeat 130px -35px;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

/* @para */
p, .blogPost p * {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
	line-height:15px !important;
	color:#534c45;
	background-color:transparent;
	margin:0 0 20px 0;
}

/* @forms */
label.input{
	display:block;
	font:normal 14px/15px Arial, Helvetica, sans-serif;
	color:#534c45;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
label.radio{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#534c45;
	background-color:transparent;
	text-transform:uppercase;
	float:left;
	margin:0 5px 0 0;
}
input#name, input#email, input.searchstr{
	display:block;
	width:200px;
	height:18px;
	padding:10px;
	border:0;
	background-color:#f5f4f3;
	color:#9d988d;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
input.searchstr{
	width:160px;
	float:left;
}

input#press, input#dealer, input#other{
	margin:0 5px 0 0;
	float:left;
}
input.button{
	display:block;
	float:right;
	margin:0 0 30px 0;
}

.formError{
	border:3px solid #d92e00 !important;
	width:194px !important;
	background-color:#ff6252 !important;
	color:#fff !important;
}

/* @hacks */
.clear{
	clear:both;
}

/* @lists */
ul#newsletterList{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#534c45;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
ul#upcomingConcertsList{
	font:bold 14px/16px Verana, Arial, Helvetica, sans-serif;
	color:#0C4155;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 10px 0;
	letter-spacing:-1px;
}
	ul#upcomingConcertsList li.cancelled{
		text-decoration:line-through;
	}
	ul#upcomingConcertsList div{
		font:normal 12px/14px Verana, Arial, Helvetica, sans-serif;
		color:#534c45;
		background-color:transparent;
		letter-spacing:0;
		margin:0 0 10px 0;
	}
		ul#upcomingConcertsList li.cancelled div{
		}
ul#newsList{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#534c45;
	background-color:transparent;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
	ul#newsList li{
		margin:0 0 10px 0;
	}

ul#hotList{
	margin:0 0 30px 0;
	float:left;
}
	ul#hotList li{
		float:left;
	}
		ul#hotList li h5{
			width:220px;
			font:bold 14px/16px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#534c45;
			background:transparent;
			text-align:right;
			margin-bottom:5px;
		}
			ul#hotList li h5 div{
				font:normal 10px/12px Arial, Helvetica, sans-serif;
				text-transform:uppercase;
			}
		ul#hotList li img{
			width:55px;
			height:55px;
			margin-bottom:10px;
		}
	
ul.labels li{
	font:bold 14px/16px Arial, Helvetica, sans-serif;
	color:#534c45;
	background:transparent;
	text-transform:uppercase;
	margin-bottom:20px;
}
	ul.labels li a:hover{
		color:#d4cd00;
		background-color:transparent;
	}
	ul.labels li a.tagInhouse{
		background:url(/Css/tagYellow.png) no-repeat right 5px;
		padding:0 20px 10px 0;
	}
	ul.labels li a.tagLabel{
		background:url(/Css/tagCyan.png) no-repeat right 5px;
		padding:0 20px 10px 0;
	}
	ul.labels li a.tagDist{
		background:url(/Css/tagRed.png) no-repeat right 5px;
		padding:0 20px 10px 0;
	}
	ul.labels li ul.artists{
		margin-left:20px;
	}
		ul.labels li ul.artists li{
			text-transform:none;
			font:normal 12px/14px Arial, Helvetica, sans-serif;
			margin-bottom:0;
		}

ul#typeDesc{
	padding-left:20px;
	background:url(/Css/info.png) no-repeat left 4px;
	/* IE6 background:url(/Css/info.png) no-repeat left 2px;*/
}
	ul#typeDesc li{
		display:inline;
		font:normal 10px/16px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:3px 20px 3px 0;
		margin-right:10px;
	
	}
		ul#typeDesc li.tagInhouse{
			background:url(/Css/tagYellow.png) no-repeat center right;
		}
		ul#typeDesc li.tagLabel{
			background:url(/Css/tagCyan.png) no-repeat center right;
		}
		ul#typeDesc li.tagDist{
			background:url(/Css/tagRed.png) no-repeat center right;
		}
	
/* @links */
a:link,
a:visited,
a:hover,
a:active{
	color:#0c4155;
	background-color:transparent;
}

.metaData a:link,
.metaData a:visited,
.metaData a:hover,
.metaData a:active{
	color:#0c4155;
	font:normal 9px/10px Arial, Helvetica, sans-serif;
}

.archiveLink{
	background:url(backgroundArchiveLink.png) no-repeat left 0;
	margin:10px 0 30px 0;
	padding:0 0 0 8px;
	display:inline;
	float:left;
}
	.archiveLink a:link{
		
	}
	.archiveLink a:link,
	.archiveLink a:visited,
	.archiveLink a:hover,
	.archiveLink a:active{
		color:#fff;
		font:normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		background:#534c45 url(backgroundArchiveLink.png) no-repeat right -24px;
		padding:0 8px 0 0;
		display:block;
		height:24px;
		letter-spacing:-1px;
		float:left;
	}
.tagLink{
	background:url(backgroundTagLink.png) no-repeat left 0;
	margin:0 5px 10px 0;
	padding:0 0 0 8px;
	display:inline;
	float:left;
}
	.tagLink a:link{
		
	}
	.tagLink a:link,
	.tagLink a:visited,
	.tagLink a:hover,
	.tagLink a:active{
		color:#0c4155;
		font:normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		background:#b4d0da url(backgroundTagLink.png) no-repeat right -24px;
		padding:0 8px 0 0;
		display:block;
		height:24px;
		letter-spacing:-1px;
		float:left;
	}

h4 a:link, ul a:link,
h4 a:visited, ul a:visited,
h4 a:hover, ul a:hover,
h4 a:active, ul a:active{
	color:#534c45;
	background-color:transparent;
	text-decoration:none;
}	
/* @infopanels */
.infoPanel{
	background-color:#f5f4f3;
	padding:10px;
	margin:0 0 20px 0;
	clear:both;
}
	.infoPanel p{
		font:normal 11px/12px Arial, Helvetica, sans-serif;
		color:#756b62;
		margin:0;
		background:url(info.png) no-repeat 0 0;
		padding-left:18px;
	}
	/*.infoPanel a{
		display:block;
		text-indent:-9999px;
		width:81px;
		height:21px;
		background:url(getAdobeReader.png) no-repeat 0 0;
		margin:5px 0 0 0;
	}*/
/* ----- */	
.tags{
	border-top:3px solid #e5e4e3;
	border-bottom:7px solid #0c4155;
	padding:10px 0 0 0;
	margin:0 0 40px 0;
}

object{
	display:block;
	margin:0 0 20px 0;
}
.blogPost img{
	display:block;
	margin:0 0 20px 0;
}
.blogPost .metaData{
	font:normal 9px/10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7b6f57;
	background-color:transparent;
	margin:0 0 20px 0;
}
	.blogPost .metaData span{
		text-transform:none;
	}

#header img{
	margin-top:35px;
}

/* @topmenu */
ul#topMenu{
	float:right;
	padding-right:10px;
}
ul#topMenu li{
	display:block;
	float:left;
	margin:48px 0 0 30px;
}
ul#topMenu li a{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
ul#topMenu li a:link,
ul#topMenu li a:visited,
ul#topMenu li a:hover,
ul#topMenu li a:active{
	color:#d6d2cd;
	background-color:transparent;
	text-decoration:none;
}
ul#topMenu li a:hover{
	color:#fff;
	background-color:transparent;
}

#logo{
	display:block;
	width:190px;
	height:45px;
	margin:30px 0 0 0;
	background:url(tubaLogo.png) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
}

#footer .grid{
	margin:0 auto;
	float:none;
}

#footer p{
	color:#d6d2cd;
	background-color:transparent;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	margin:30px 0 0 0;
}

/* @labels */
.label img{
	display:block;
	margin:0 auto 20px auto;
}

.label a{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	display:block;
	margin:0 0 20px 0;
}

/* @tables */
#concerts, #contact{
	width:460px;
	margin-bottom:20px;
}
th, td{
	padding:10px;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
}
th{
	text-transform:uppercase;
	font:bold 14px/15px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#534c45;
	background-color:transparent;
}
tr.header th{
	background:url(backgroundTableHeader.png) repeat-x center center;
}
tr.sort td{
	background-color:#5c5b49;
}
	tr.sort td{
		padding:3px 10px;
	}
		tr.sort td a{
			display:block;
			text-indent:-9999px;
			width:7px;
			height:10px;
			background:url(sortArrows.png) no-repeat -7px 0;
		}
		tr.sort td.sorting a{
			background-position:0 0;
		}
tr.odd td{
	background-color:#e3e2da;
}
tr.even td{
	background-color:#f2f1ed;
	
}
tr.cancelled td{
	background-color:#ff2e18;
}
	tr.cancelled td{
		text-decoration:line-through;
		color:#900e00;
	}
.toggle{
	display:block;
	padding:10px 0 0 0;
	color:#0c4155;
	background-color:transparent;
	text-decoration:underline;
	cursor:pointer;
}

/* @buyMusic */
.buyMusic a img{
	display:block;
	margin:0 auto 10px auto;
}

/* @archive */
table.archive{
	width:100%;
}

table.archive h5 a:link,
table.archive h5 a:active,
table.archive h5 a:visited,
table.archive h5 a:hover{
	text-decoration:none;
	color:#534c45;
	background:transparent;
	display:block;
	margin:0 0 5px 0;
	font-size:14px;
	text-transform:uppercase;
}

table.archive tr td div{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#534c45;
	background:transparent;
}
table.archive tr td span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#534c45;
	background:transparent;
}
table.archive tr td a img{
	float:right;
	display:block;
	margin:4px 0 0 0;
}

/*table.archive tr.odd td{
	background:#e3e2da url(/Css/oddBg.png) repeat-x center top;
}
table.archive tr.even td{
	background:#f2f1f0 url(/Css/evenBg.png) repeat-x center top;
}*/

table.archive tr td span a:link,
table.archive tr td span a:active,
table.archive tr td span a:visited,
table.archive tr td span a:hover{
	text-decoration:none;
	color:#0C4155;
	background:#B4D0DA;
	padding:0 3px;
}

.pagerBoxWrapper{
	margin:10px 0 20px 0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}	
.pagerBox{
	background:#D4CD00 !important;
	width:12px;
	height:12px;
	color:#534c45 !important;
	float:left;
	padding:3px;
	text-align:center;
	margin:0 1px 0 0;
	text-decoration:none;
}
.pagerBox:hover{
	background:#5a5a4b !important;
	color:#fff !important;
}
.currentPagerBox{
	background:#5a5a4b !important;
	width:12px;
	height:12px;
	color:#fff !important;
	float:left;
	padding:3px;
	text-align:center;
	margin:0 1px 0 0;
}

/* @search */
.searchBox{
	background-color:#534c45;
	padding:20px;
	margin:0 0 20px 0;
}
	.searchBox input.searchstr{
		width:360px;
		float:left;
		margin:0;
	}
	.searchBox input.button{
		display:block;
		float:left;
		margin:0;
	}

/* @facebook */
html .fb_share_link { 
	padding:2px 0 0 20px; 
	height:16px; 
	background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top left;
}

/* @hothover */
.qtip-content{
	font:normal 13px/15px Arial, Helvetica, sans-serif;
}
.hotHover{
	display:none;
}
#NT{
	display:block;
	background:#eee;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#534c45;
	padding:20px;
	text-align:center;
}

#twitterHeading{
	padding:0 11px 5px;
	margin-bottom:15px;
	background-position:-680px 0;
}
.tweet {
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	background:#F5F4F3;
	padding:10px;
	margin:0 0 30px 0;
}
.tweet .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tweet .tweet_list li {
	overflow: auto;
}
.tweet .tweet_list li a {
	color: #0C4155;
}
.tweet .tweet_list .tweet_even {
}
.tweet .tweet_list .tweet_avatar {
	padding-right:10px;
	float: left;
}
.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
.tweet .tweet_list .tweet_text{
	display:block;
	width:155px;
	float:left;
}
.tweet .tweet_list .tweet_text .tweet_date{
	display:block;
	line-height:12px;
	text-transform:uppercase;
	font-size:10px;
	padding-top:10px;
}
#hotList a.updateIcon{
	display:block;
	position:relative;
	margin-top:-50px;
	margin-bottom:25px;
}