@charset "UTF-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
}
body, html {
	color: #FFFFFF; 
	font-family: Helvetica, Arial, sans-serif;
	background-color: #000000; 
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 11px;
}

p {
	padding: 7px 0 7px 0;
}

a {
	color: #000099;
}
a:hover{
	color: #0000FF;
	text-decoration: none;
}

h1, h2, h3 {
	padding-bottom: 5px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 1.3em;
}

.white {
	color: #FFFFFF;
}

.clear { 
	clear: both;
	height: 0px;
	width: 0px;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
}

* html .clear {
	display: none;
}

	#container {
		position: relative;
		width: 1003px;
		margin: 0 auto; /*** Centers the design ***/
		min-height: 100%;
		text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
		/*background-color: #000000;*/
		background-image: url(../images/home/bottom.jpg);
		background-repeat: no-repeat;
		background-position: 0px 472px;
		z-index: 100;
		
		margin-top:15px;
	}
	* html #container {
		height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
	}
	
	
/*******
	HEADER
*******/
		.home #header {
			width: 100%;
			height: 103px;
			background-image: url(../images/home/header.jpg);
			background-repeat: no-repeat;
			overflow: hidden;
		}
			
			.home #header #nojs {
				position: absolute;
				width: 350px;
				top: 25px;
				left: 285px;
				padding: 5px;
				background-color: #FFFF66;
				border: 1px solid #FFFFFF;
				color: #000000;
				font-weight: bold;
				text-align: center;
			}
			
			.home #search {
				margin-top: 40px;
				margin-right: 30px;
				float: right;
			}
			
				#search label {
					margin-right: 10px;
					color: #d3efff;
					font-weight: bold;
					font-size: 12px;
					letter-spacing: 1px;
				}
				
				#search input.search {
					border-width: 2px 1px 0px 1px;
					border-style: inset;
					border-top-color: #666666;
					border-left-color: #CCCCCC;
					border-right-color: #CCCCCC;
					width: 120px;
				}
								
				#search .mailing {
					margin-top: 20px;
					margin-left: 55px;
					color: #d3efff;
					font-size: 12px;
					font-weight: normal;
					letter-spacing: 1px;
				}
				
					#search .mailing a {
						color: #d3efff;
						text-decoration: none;
					}	
					
					#search .mailing a:hover {
						color: #FFFFFF;
						text-decoration: none;
					}	
				
			.logo {
				margin-top: 25px;
				margin-left: 35px;
				float: left;
			}
			
			#contact {
				position: absolute;
				width: 560px;
				height: 20px; 
				margin: 0 auto;
				top: 2px;
				left: 310px; 
				text-align: right;
				color: #c28305;
				font-weight: normal;
				font-size: 12px;
				padding-top: 10px;
				z-index: 204;
				font-family: Arial, "Times New Roman", Times, serif;
			}
				
				#contact .space {
					display: inline;
					padding-right: 35px;
					border-left-width: 1px;
					border-left-style: hidden;
					border-left-color: black;
				}
				
				#contact a.emaillink {
					text-transform: uppercase;
				}
				
				#contact a, #footer a:visited {
					color: #c28305;
					text-decoration: none;
				}	
				
				#contact a:hover {
					text-decoration: underline;
				}
				
			div#social {
				position:absolute;
				right:32px;
				top:-10px;
				font-size:10px;
			}
			
				div#social div#followus {
					clear:both;
					width:59px;
					height:10px;
					background-image: url(../images/followus.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					margin-bottom:5px;
				}
				
					div#social div#followus span {
						display:none;
					}
			
				div#social a#twitter {
					width:32px;
					height:26px;
					float:left;
					
					background-image: url(../images/twitter.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					
					opacity:1;
					filter:alpha(opacity=100);
				}
				
				div#social a#facebook {
					width:26px;
					height:26px;
					float:left;
					
					background-image: url(../images/facebook.gif);
					background-repeat: no-repeat;
					background-position: 0 0;
					
					opacity:1;
					filter:alpha(opacity=100);
				}
				
				div#social a:hover#twitter, div#social a:hover#facebook {
					opacity:0.4;
					filter:alpha(opacity=40);
				}

/**************************
CONTENT AND COLUMNS
**************************/
		.outer {
			padding-left: 169px; /*** Same width as margin-left for the float-wrap div ***/
			padding-right: 214px; /*** Our right column width ***/
		}
		.inner {
			width: 100%;
			padding-bottom: 45px; /*** Padding-bottom value is the same value as the total height of the footer ***/
		}
		
		.float-wrap {
			float: left;
			width: 100%;
			margin-left: -169px; /*** Same length as .outer padding-left but with negative value ***/
		}
		#center {
			float: right;
			margin-right: -169px; /*** Same length as .outer padding-left but with negative value ***/
			width: 100%;
			min-height: 445px;
			position: relative; /*** IE needs this  ***/
			background-image: url(../images/home/center.jpg);
			background-repeat: no-repeat;
			background-position: 0px 210px;
			border-bottom: 1px hidden black;
			
		}
		
		* html #center {
			height: 455px;
		}
		

/*******
	LEFT COLUMN
*******/
			#left {
				float: left;
				width: 169px;
				min-height: 369px;
				background-image: url(../images/home/left.jpg);
				background-repeat: no-repeat;
				color: #97a5b3;
			}
			* html #left {
				position: relative;  /*** IE needs this  ***/
				height: 369px;
			}
						
/*******
	CENTER COLUMN
*******/
			
			
				#center #nav {
					position: relative;
					width: 620px;
					height: 79px;
					background-image: url(../images/home/nav.jpg);
					background-repeat: no-repeat;
					margin: 0px;
					padding: 0px;
					z-index: 534;
				}
								
					#center #nav #buttons {
						position: absolute;
						top: 44px;
						margin-left: 5px;
						padding: 0px;
					}
					
						#center #nav buttons a, #center #nav #buttons ul.menu a {
							color: #FFFFFF;
						}
					
						#center #nav #buttons ul.menu {
							position: relative;
							padding: 0px;
							margin: 0px;
							list-style: none;
							float: left;
						}
						
						#center #nav #buttons ul.menu li {
							position: relative;
							float: left;
							margin: 0px;
							padding: 0px;
						}
																	
						
							#center #nav #buttons ul.menu li ul.submenu {
								position: relative;
								top: 0px;
								left: 0px;
								width: 85px;
								margin-left: -10px;
								list-style: none;
								padding-bottom: 5px;
								display: none;
								visibility: hidden;
								
							}
							
							#center #nav #buttons ul.menu li ul.submenu li {
								position: relative;
								width: 75px;
								text-align: center;
								float: none;
								height: 11px;
								padding: 5px 7px;
								background-color: #005fc9;
							}
							
							#center #nav #buttons ul.menu li ul li:first-child {
								padding-top: 8px;
							}
							
							#center #nav #buttons ul.menu li ul li:last-child {
								padding-bottom: 8px;
							}
							
								#center #nav #buttons ul.menu li ul li a, #center #nav #buttons ul.menu li ul li a:visited {
									color: #FFFFF !important;
									font-size: 12px;
									text-decoration: none;
								}
							
								#center #nav #buttons ul.menu li ul li a:hover {
									color: #FFFFFF;
									text-decoration: underline;
								}
							
							#center #nav #buttons img {
								margin-bottom: 7px;
								margin-left: 0px;
								margin-right: 35px;
								cursor: pointer;
							}
								
								#center #nav #buttons img.active {
									cursor: default;
								}
								
								#center #nav #buttons img.over {
									border-bottom-width: 7px;
									border-bottom-style: solid;
									border-color: #005fc9;
									margin-bottom: 0px;
								}
					
								
					#center .show {
						position: relative;
						margin-top: 0px;
						width: 170px;
						height: 135px;
					}
					
					#center .show .text {
						position: absolute;
						bottom: 0px;
					}
														
							#center .show h2 {
								font-weight: normal;
								font-size: 12px;
								padding: 0px;
								margin-bottom: 1px;
							}
							
							#center .show h2 a {
								font-weight: normal;
								font-size: 12px;
								padding: 0px;
								margin-bottom: 1px;
								text-decoration:none;
								color:#FFFFFF;
							}
							
							#center .show h2 a:hover {
								text-decoration:underline;
							}
							
							#center .show h3, #center .show h3 a, #center .show h3 a:visited {
								font-weight: normal;
								font-size: 11px;
								color: #71CCFF;
								padding: 0px;
								text-decoration: none;
							}
							
							#center .show h4 {
								font-weight: normal;
								font-size: 11px;
								color: #996600;
								padding: 0px;
							}
					
					#center .featuredshow {
						position: absolute;
						left: 185px;
						top: 15px;
						font-weight: normal;
						font-size: 12px;
						color: #71CCFF;
						letter-spacing: 1px;
					}
					
					#center #featadditional {
						position: relative;
						margin-top: -125px;
						margin-right: 35px;
						width: 90px;
						height: 120px;
						color: #93acc6;
						float: right;
					}
						
						*html #center #featadditional {
							margin-right: 20px;
						}
					
						#center #featadditional .text {
							position: absolute;
							bottom: 0px;
						}
					
					#center #newshows {
						position: absolute;
						margin-top: 1px;
						left: 494px;
						z-index: 534;
					}
								
					#center .datetime {
						position: absolute;
						left: 185px;
						top: 35px;
						font-weight: normal;
						font-size: 14px;
						color: #FFFFFF;
						letter-spacing: 2px;
						margin-bottom: 5px;
						padding: 0px;
						
					}
					
					#center .datetime .text {
						position: relative;
						float: left;
						padding-top: 2px;
					}
					
					#center .datetime .text .date {
						font-weight: normal;
						font-size: 14px;
						letter-spacing: 2px;
						color: #93acc6;
						margin-top: 0px;
						margin-bottom: 0px;
					}
					
					* html #center .datetime .text .date {
						margin-bottom: 0px;
					}
							
					#center .datetime .show_buy {
						position: relative;
						float: left;
						margin-left: 10px;	
					}
					
						#center .datetime .show_buy .price {
							text-align: right;
							color: #FFFFFF;
							font-size: 12px;
							letter-spacing: 1px;
						}
						
						#center .datetime .show_buy .buy {
							
							/*margin-right: 45px;*/
						}				
					
					
					#center .times {
						position: absolute;
						top: 140px;
						margin-top: 10px;
						padding-left: 10px;
						width: 140px;
						color: #000000;
						font-weight: bold;
						line-height: 14px;
						
					}
					
					#center .band {
						position: absolute;
						width: 285px;
						height: 205px;
						top: 57px;
						left: 185px;
						overflow: hidden;
						color: #FFFFFF;
					}
					
					#center .band a {
						color: #FFFFFF;
					}		
						
					#center .guitar {
						position: absolute;
						left: 167px;
						top: 140px;
						z-index: 123;
					}
			
/*******
	RIGHT COLUMN
*******/
			#right {
				position: relative;
				float: right; 
				width: 214px;
				min-height: 369px;
				background-image: url(../images/home/right.jpg);
				background-repeat: no-repeat;
				padding: 0px;
				margin-right: -214px;
			}
			* html #right {
				height: 369px;
			}
				
				#right #coming_date {
					position: absolute;
					margin-left: 15px;
					margin-top: 165px;
					float: left;
					width: 35px;
					height: 80px;
					display: block;
					text-align: center;
					
				}
				
					#right #coming_date h1 {
						margin-top: 2px;
						padding: 0px;
						font-weight: bold;
						font-size: 25px;
					}	
					
					#right #coming_date h2 {
						margin-top: 5px;
						padding: 0px;
						font-weight: bold;
						font-size: 16px;
					}	
					
					#right #coming_date h3 {
						margin-top: 2px;
						padding: 0px;
						font-weight: bold;
						font-size: 13px;
						color: #CC3366;
					}	
				
				#right .coming_photo {
					position: absolute;
					float: left;
					width: 82px;
					height: 63px;
					overflow: hidden;
					margin-top: 182px;
					margin-left: 85px;
				}
				
				#right .coming {
					position: absolute;
					margin-top: 260px;
					margin-left: 90px;
					width: 120px;
					
				}
				
					#right .coming h1 {
						color: #d3efff;
						font-size: 11px;
					}
					
						#right .coming h1 a, #right .coming h1 a:visited {
							color: #d3efff;
							text-decoration: none;
						}
							
						#right .coming h1 a:hover {
							color: #d3efff;
							text-decoration: underline;
						}
					
					#right .coming h2 {
						color: #71ccff;
						font-size: 11px;
						font-weight: normal;
					}
					
						#right .coming h2 a, #right .coming h2 a:visited {
							color: #71ccff;
							text-decoration: none;
						}
						
						#right .coming h2 a:hover {
							color: #71ccff;
							text-decoration: underline;
						}
					
					#right .coming h3 {
						font-size: 10px;
					}

/*******
	BOTTOM COLUMN
*******/
		
		#top {
			position: relative;
			height: 260px;
			margin: 0px;
			padding: 1px;
		}
		
		#bottom {
			padding-bottom: 30px;
			width: 100%;
		}
		
			#bottom .news {
				position: relative;
				float: left;
				width: 165px;
				height: auto;
				margin-top: 70px;
				margin-left: -75px;
				padding: 0px;
			}
	
			
				#bottom .news a, #bottom .news a:visited {
					color: #c28305;
					text-decoration: none;
					font-weight: normal;
				}
			
				
				#bottom .news a:hover {
					text-decoration: underline;
				}	
			
				#bottom .news h1 {
					font-size: 15px;
					font-weight: normal;
					letter-spacing: 2px;
					padding-bottom: 1px;
				}
				
				#bottom .news p {
					font-size: 11px;
					font-weight: bold;
					color: #97a5b3;
					padding-bottom: 0px;
				}
				/*
				#bottom .news p a {
					font-size: 11px;
					font-weight: bold;
					color: #97a5b3;
					padding-bottom: 0px;
					text-decoration:none;
				}
				*/

			#bottom #righttout {
				position: relative;
				float: right;
				right: -180px;
				top: 75px;
				width: 100px;
				z-index: 230;
				padding: 0px;
				margin: 0px;
			}
			
			* html #bottom #righttout {
				position: absolute;
				left: 700px;
				top: 415px;
				width: 100px;
				z-index: 230;
				padding: 0px;
				margin: 0px;
			}
			
			#bottom .upcomingtitle {
				position: relative;
				float: left;
				margin-bottom: 0px;
			}	
				
			#bottom #shows {
				float: right;
				width: 485px;
				/*height: 220px;*/
				margin-right: -100px;
				/*
				top: 390px;
				left: 137px;
				*/
			}
			
			* html #bottom #shows {
				position: relative;
				margin-right: -77px;
			}
			
			#bottom #shows .scroll-pane {
				float: left;
				overflow: auto;
				/*height: 220px;*/
				width: 560px;
				position: relative;
				padding: 10px 0px 10px 15px;
				background-color: #000000;
			}
					
				#bottom #shows .concert_listing {
					width: 520px;
					padding: 1px 0px 2px 0px;
					text-align: left;
					border-bottom: 1px solid #3d4957;
					margin-bottom: 1px;
					margin-top: 0px;
					margin-left: 0px;
					overflow: visible;
				}
								
				#bottom #shows .concert_listing .inner {
				
					width: 100%;
					
					margin-top: 0px;	
					margin-left: 0px;
					/*margin-right: -30px;
					
					padding: 11px 0px 11px 15px;
					*/
					padding: 11px 0px;
					background-color: #000000;
					z-index: 3;
				}
				
				* html #bottom #shows .concert_listing .inner {
					height: 23px;
				}					
					
					#bottom #shows .concert_listing .inner .title {
						float: left;
						width: 260px;
						height: auto;
						padding: 0px 0px 0px 5px;
					}
					
						#bottom #shows .concert_listing .inner .title h1 {
							color: #d3efff;
							font-size: 12px;
							font-weight: bold;
							padding: 0px;
							margin-bottom: 1px;
						}
							
							#bottom #shows .concert_listing .inner .title a {
								text-decoration: none;
							}
							
							#bottom #shows .concert_listing .inner .title a h1, #bottom #shows .concert_listing .inner .title a:active h1, #bottom #shows .concert_listing .inner .title a:visited h1  {
								color: #d3efff;
								text-decoration: none;
							}
							
							#bottom #shows .concert_listing .inner .title a:hover h1 {
								color: #FFFFFF;
								text-decoration: underline;
							}
						
						#bottom #shows .concert_listing .inner .sponsor {
							display: block;
							float: left;
							margin-left: 2px;
						}
							
						#bottom #shows .concert_listing .inner .title h2 {
							color: #71ccff;
							font-size: 11px;
							font-weight: normal;
							padding: 0px;
						}
						
						#bottom #shows .concert_listing .inner .title h3 {
							color: #71ccff;
							font-size: 11px;
							font-weight: normal;
							padding: 0px;
						}
					
						#bottom #shows .concert_listing .inner .info {
							position: relative;
							width: 90px;
							padding: 0px;
							float: right;
							margin: -2px 12px 0px 4px;
							text-align:right;
						}
					
							#bottom #shows .concert_listing .inner .info h3 {
								color: #b9d1df;
								font-size: 11px;
								font-weight: normal;
								margin-top: 2px;
								margin-bottom: 1px;
								padding: 0px;
								letter-spacing: .1em;
							}
							
							#bottom #shows .concert_listing .inner .info h4 {
								color: #6fc9fb;
								font-size: 10px;
								font-weight: bold;
								padding: 0px;
								margin-bottom: 1px;
								margin-top: 2px;
							}
							
							#bottom #shows .concert_listing .inner .info h5 {
								color: #b9d1df;
								font-size: 10px;
								font-weight: bold;
								padding: 0px;
								margin-bottom: 1px;
								margin-top: 2px;
							}
											
						#bottom #shows .concert_listing .inner .buy {
							position: relative;
							float: right;
							margin-left: 0px;
							/*width:65px;*/
							text-align:center;
							z-index: 43;
						}	
						
							#bottom #shows .concert_listing .inner .buy h4 {
								color: #FFFFFF;
								font-size: 10px;
								font-weight: bold;
								padding: 0px;
								margin-bottom: 1px;
								margin-top: 5px;
							}
							
							#bottom #shows .concert_listing .inner .buy .details {
								cursor: pointer;
								font-size: 10px;
								font-weight: bold;
								color: #6FC9FB;
							}
							
							#bottom #shows .concert_listing .inner .buy .detailsCopy {
								background-color: #000000;
								border: 1px solid #3d4957;
								padding: 5px;
								position: absolute;
								width: 140px;
								bottom: 0px;
								left: -150px;
								color: #6FC9FB;
								text-align: left;
								display:none;
							}
						
						#bottom #shows #showsscroll .concert_listing .inner a.buyLink {
							position: relative;
							float: right;
							margin-left: 20px;
							min-width:65px;
							text-align:center;
							z-index: 43;
							
							/*for read more links */
							color:#6FC9FB;
							font-size:10px;
							font-weight:bold;
							text-decoration:none;
						}						
						
						#bottom #shows #showsscroll .concert_listing .inner a.buyLink:hover {
							color:#FFFFFF;
						}
						
						#bottom #shows .concert_listing .inner .moreInfoStatus {
							clear:both;
							margin:0 auto;
							text-align:center;
						}
			
			#bottom #viewall {
				position: relative;
				color: #6FC9FB;
				right: -50px;
				margin: 10px 0px;
				float: right;
				width: 275px;
				text-align: right;
				clear: both;
			}
			
			#bottom #viewall a, #bottom #viewall a:visited {
				color: #6FC9FB;
				text-decoration: none;	
			}
			
			#bottom #viewall a:hover {
				color: #6FC9FB;
				text-decoration: underline;	
			}
		
/*******
	FOOTER
*******/
	#footer {
		position: relative;
		width: 1003px;
		height: 20px; 
		margin: 0 auto;
		margin-top: -40px; 
		text-align: center;
		color: #c28305;
		font-weight: normal;
		font-size: 12px;
		padding-top: 10px;
		z-index: 204;
		font-family: Arial, "Times New Roman", Times, serif;
	}
		
		#footer .space {
			display: inline;
			padding-right: 35px;
			border-left-width: 1px;
			border-left-style: hidden;
			border-left-color: black;
		}
		
		#footer a.emaillink {
			text-transform: uppercase;
		}
		
		#footer a, #footer a:visited {
			color: #c28305;
			text-decoration: none;
		}	
		
		#footer a:hover {
			text-decoration: underline;
		}
		
/* roll over message */

.subMessage {
	background-color:#000000;
	padding:12px;
	color:#FFFFFF;
	position:absolute;
	bottom:0px;
	right:0px;
	display:none;
	color:#6FC9FB;
	width:140px;
}