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

.show-in-ie {display: none;}

html, body{
	padding:0;
	margin:0;
	xxwidth: 100%;
	height: 100%;
	min-width: 760px;
	font-family: 'Droid Serif', Times New Roman, serif;
}

#container {
	background-image: url(gradient-white.png), url(gradient-black.png), url(wood-background.jpg);
	background-position: top center, bottom center, top center;
	background-repeat: repeat-x, repeat-x, repeat;
	background-attachment: scroll, scroll, scroll;
}

#container {
    position: relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding-bottom: 0px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#menu {
	width: 960px;
	margin: 0 auto;
	height: 140px;
	
	background: url(wood-header.jpg) top center no-repeat;

	border-bottom-left-radius: 20px 20px;
	border-bottom-right-radius: 20px 20px;
	
	-o-border-radius: 20px 20px;
	-moz-border-radius-bottomright: 20px 20px; /* bottom right corner */
	-moz-border-radius-bottomleft: 20px 20px; /* bottom right corner */
	-webkit-border-bottom-left-radius: 20px 20px; /* bottom left corner */
	-webkit-border-bottom-right-radius: 20px 20px; /* bottom right corner */
	
	-moz-box-shadow: 0px 3px 3px #888;
	-webkit-box-shadow: 0px 3px 3px #888;
	box-shadow: 0px 3px 3px #888;
}

#navigation a, span.separator {color: #f4e6e3;}

#navigation li:hover li a:hover, #navigation li.sf li a:hover{
	background: #6b1300;
	color:#FFFFFF;
	
}

#title {
	position: relative;
	top: 20px;
	left: 40px;
}


#content {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding-bottom: 50px;
}

#content2 {
	width: 960px;
	position: relative;
	left: 50%;
	margin-left: -480px;
	padding-top: 36px;
}

#big-image {
	width: 628px;
	height: 480px;
	position: relative;
	margin-bottom: 36px;
	
	border-radius: 20px;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;

	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

#slideshow-season-container {width: 628px; height: 393px; position: relative; margin: 2em 0 2em 0;}
#slideshow-season {width: 628px; height: 393px;
position: absolute; top: 0; left: 0;}
#slideshow-season img {position: absolute; top: 0; left: 0; z-index: 8;}
#slideshow-season img.active {z-index: 10;}
#slideshow-season img.last-active {z-index: 9;}

#slideshow {width: 628px; height: 428px;
position: absolute; top: 0; left: 0;}

#slideshow img {
	border-radius: 20px;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;	
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow img.active {
	z-index: 10;
}

#slideshow img.last-active {
	z-index: 9;
}

#big-image img.text {
	position: absolute;
	top: 21px;
	left: 34px;
	z-index: 20;
}

#big-image div.text {
	z-index: 20;
	background: url(content-back.png);
	
	border-radius: 15px;
	-o-border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	
	position: absolute;
	top: 10px;
	left: 40px;
	
	font-size: 1em;
	text-indent: -2em;
	padding-left: 2em;
	line-height: 1.5em;
}
#big-image div.text div {padding: 10px;}

#big-image .caption {
	z-index: 20;
	background: url(content-back.png);
	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	
	-o-border-radius: 20px;
	-moz-border-radius-bottomright:20px; /* bottom right corner */
	-moz-border-radius-bottomleft:20px; /* bottom right corner */
	-webkit-border-bottom-left-radius:20px; /* bottom left corner */
	-webkit-border-bottom-right-radius:20px; /* bottom right corner */
	
	width: 100%;
	min-height: 40px;
	position: absolute;
	bottom: 0;
	
	font-size: 0.85em;
	line-height: 1.75em;
}

#big-image .caption div {
	padding: 15px;
}

div.third {
	width:296px;
}
div.twothirds {
	width:628px;
}

div.third img, div.twothirds img
	{max-width: 100%;}
	
.right {float: right;}
.left {float: left;}
.center {float: left; margin: 0 36px 0 36px;}

.bio {
	font-size: 0.85em;
	line-height: 1.5em;
}
.bio img {
	margin-right: 14px;
	
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px; 
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}

#content a {
	text-decoration: none;
	/*font-weight: bold;*/
}
#footer a {
	color: #f0f0f0;
	text-decoration: none;
	font-weight: normal;
}

a:link, a:visited, a:active {color: #721300;}
a:hover {color: #a67600;}


.logomap {
	padding-bottom: 28px;	
}
#logomap2 {
	background-image: url(logomap.jpg), url(upcoming-back.png);
	background-position: top center, top center;
	background-repeat: no-repeat, repeat-y;
	padding-top: 300px;
}
#logomap2 div{
	margin: 0px 18px 0px 18px;
	padding-bottom: 10px;
	font-size: 0.75em;
	line-height: auto;
}

#logomap2-new {
	width: auto;
	margin: -20px 2.7027027% 0 2.7027027%;
	padding: 0 16px 10px 16px;
	font-size: 0.75em;
	line-height: auto;
	background: #fff;
}
#logomap2-new ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	line-height: 1.5em;
}
#logomap2-new li {margin: 0 0 1.5em 0;}
#logomap2-new li:last-child {margin: 0;}

#season-link {
	width: auto;
	margin: 40px 2.7027027% 0 2.7027027%;
}
#season-link img {
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;

	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

#logomap3 {
	width: auto;
	margin: 0 2.7027027% 0 2.7027027%;
	height: 28px;
	background: url(upcoming-fade.png);
}

.headshot {font-size: 0.875em;}

.headshot img {
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px; 
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}

.headshot h3 {margin-left: 10px;}
.headshot li {margin-bottom: 5px;}

.artistbio {font-size: 0.875em; line-height:1.5em; text-align: justify;}
.artistbio p {margin-top: 0;}
.artistbio p + p {margin-top: 1em;}
.artistbio h2 {margin-top: 0;}
.artistbio h4 {margin-top: 3px;}
.artistbio h4 a {font-weight: normal !important; font-style: italic;}

.concert-headshots {text-align: justify;}

.concert-headshots img.headshot {
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;

	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	
	width: 46%;
	height: auto;
	margin-bottom: 1em;
	
}
.concert-headshots img.spacer {
	width: 98%;
	height: 1px;
}

div.map {
	float: left;
	position: relative;
	margin: 1em 0 1em 0;
	width: 100%;
	height: auto;
}
img + div.map {
	margin: 0 0 1em 0;	
}
img.map {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px; 
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	

}
img.bigmap {
	
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;

}

#maplink {
	position: absolute;
	top: 0; left: 0;
	width: 300px; height: 300px;
		
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px; 
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;	

	background-color: rgba(0,0,0,0.8);
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	margin: 0; padding: 0;
	
	#position: relative;
	overflow: hidden;
	display: table;
	opacity: 0;

	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
}	
#maplink:hover {opacity: 1;}
#maplink img {max-width: 100%; height: auto;}
#mapspacer {display: none;}
#maptext {display: inline;}

.concert-artists {font-size: 1.25em;}
.concert-venue {font-size: 1.125em;}

ul.concertlist li {margin-top: 1.5em;}
ul.concertlist li ul li {margin-top: 0; list-style-type: none;}


div.statemenu {float: right; text-align: right; min-width: 35%;}
div.statemenu form {margin: 0;}
div.statemenu select {font-size: 1.25em;}
div.legendlink {float: left; margin-top: 0.5em; font-size: 0.875em; min-width: 35%;}

.third div.statemenu {float: none; text-align: center;}

.alignright {float: right; margin: 0px 0px 10px 20px;}
.alignleft {float: left; margin: 0px 20px 10px 0px;}

a img {border: 0px;}

hr {margin: 3em 0;}

.quote {
	color: #444;
	font-size: 0.9375em;
	line-height: 1.75em;
	padding: 18px 18px 0 18px;
	margin: 0 0 18px 18px;
	text-align: center;
	}



.textpage {
	font-size: 0.875em;
	line-height: 1.75em;
}
.textpage p {
	text-align: justify;
}
h2, h3, h4 {margin: 0; line-height: 1.4em;}
h2 + h3 {margin-top: 12px;}

h4 {font-size: 1.17em; font-weight: normal;}
h2 + h4, h3 + h4 {margin-top: 12px;}

.textpage blockquote {
	margin: 20px 40px 30px;
	background: url(content-back.png);	
	padding: 20px 20px 10px 20px;
	
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;

}

.textpage img.alignleft, .textpage img.alignright {
	margin: 1em 0 1em 0;

	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	
	max-width: 33.333333333333%;
	height: auto;

}
.textpage img.alignleft {
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px; 
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	margin-right: 2em;
}
.textpage img.alignright {
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px; 
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	margin-left: 2em;
}

.textpage img.aligncenter {
	display: block;
	margin: 2em auto 2em auto;
}
.textpage img.alignnone {
	margin: 2em 0 2em 0;
}

.textpage img.aligncenter, .textpage img.alignnone {
	max-width: 100%;
	height: auto;
	
	border-radius: 15px;
	-o-border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;	
}

.textpage ul {overflow: hidden;}
.textpage ol li, .artistlist ul li {margin-bottom: 6px;}

.artistlist h2 {margin-top: 0;}
.artistlist li a, .photogrid a {font-weight: normal !important;}

.photogrid div div {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-left: 3%;
	padding-bottom: 10px;
	text-align: center;	
	font-size: 0.875em;
}
.photogrid div div img {
	max-width: 95%;
	margin-bottom: 5px;
	
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;

	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
	
	opacity: 0.8;
	/* Firefox */
	-moz-transition: all 0.4s ease;
	/* WebKit */
	-webkit-transition: all 0.4s ease;
	/* Opera */
	-o-transition: all 0.4s ease;
	/* Standard */
	transition: all 0.4s ease;
}
.photogrid a:hover img {
	opacity: 1;
	
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;		
}
.photogrid span {
	font-style: italic;
	font-size: 0.8125em;
}

ul.form li {
	list-style: none;
	padding: 5px;
	margin: 0;
	width: 360px;
}

ul.form label {
	display: block;
	line-height: 1.8em;
	vertical-align: top;
	font-weight: bold;
	margin-top: 15px;
}

ul.form input, ul.form textarea, ul.form select {
	font-size: 1em;
}
ul.form input, ul.form textarea, ul.form button {width: 100%;}

li.two input, li.two select {width: 48%;}
li.three input {width: 33%;}
input.auto, select.auto {width: auto;}

button.submit {
	font-size: 1.5em;
	color: #090;
	background: #fff;
	
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

/* Artist Dash */
ul.recommendations {
	margin-left: 1.5em;
	padding: 0;
	list-style: none;
}
ul.recommendations > li {margin: 0 0 1em 0;}


#footer-clear {
	width: 100%;
	height: 80px;
	clear: both;
}

#footer {
	width: 100%;
	height: 48px;

	position: absolute;
	bottom: 0px; /* stick to bottom */
}
#footer div {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.875em;
	color: #ccc;
	/*position: relative;
	top: 1.5em;
	*/	
	padding-top: 18px;
	background: url(wood-header.jpg) center center no-repeat;
	
	border-top-left-radius:  20px 20px;
	border-top-right-radius:  20px 20px;
	
	-o-border-radius:  20px 20px;
	-moz-border-radius-topright: 20px 20px; /* bottom right corner */
	-moz-border-radius-topleft: 20px 20px; /* bottom right corner */
	-webkit-border-top-left-radius: 20px 20px; /* bottom left corner */
	-webkit-border-top-right-radius: 20px 20px; /* bottom right corner */
	
	-moz-box-shadow: 0px -3px 3px #888;
	-webkit-box-shadow: 0px -3px 3px #888;
	box-shadow: 0px -3px 3px #888;
}


@media only screen and (max-device-width: 480px) { /* iPhone */

	html,body {width: 100%; min-width: 320px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	#container { min-width: 0; margin-left: 0; margin-right: 0; }
	
}

/* -------------- Navigation -------------- */


#navigation {
	z-index:105;
	position: relative;
		
	float: right;
	top: 87px;
	right: 44px;
}

@media only screen and (max-device-width: 480px) { /* iPhone */
	#navigation {
	float: none;
	position: absolute;
	top: 85px;
	left: 50%;
	width: 760px;
	margin-left: -480px;
	padding-left: 255px;
	}
}


#navigation, #navigation ul{
	list-style: none;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}
 
#navigation{
	font-size: 1.0625em;
}
 
#navigation ul ul{
	font-size: 0.85em;
}

#navigation a {
	display: block;
	/*width: 10em;*/
	padding:6px;
	padding-left: 11px;
	padding-right: 11px;
	
	font-family: 'Adamina', Georgia, 'Times New Roman', Times, serif;
	text-decoration: none;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	font-weight: normal;	
}
#navigation li a {line-height: 0.9375em;}
#navigation li ul a {line-height: 1.25em;}

#navigation a:hover, #navigation li:hover a, #navigation li.sf a, #navigation li:hover span.separator{
	color:#FFFFFF;
}
 
#navigation li:hover li a, #navigation li li a, #navigation li li a{
	background: #f0f0f0;
	color:#000000;
	text-shadow: none;
	padding-right:20px;
	
}
 
#navigation li {
	float: left; 
	/*width: 10em;*/
}


/*
#navigation:first-child:first-child {display: none;}
#navigation:first-child:nth-child(2) {padding-left: 64px;}
*/
/* Two lines of menu 
#navigation li:nth-child(-n+4) a {padding-left: 24px; padding-right: 24px;}
#navigation li:nth-child(5) {clear: left; margin-left: 40px;}
*/

#navigation li ul{
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	width:180px;
	border-top:0px;
}

#navigation li > ul {
	top: auto;
	left: auto;
	}
 
#navigation li ul.wide{
	width:250px;
}
 
#navigation li ul li{
	float:none;
	display: inline;
	text-align: left;
}
 
#navigation li:hover ul, #navigation li.over ul {
	display: block;
	margin-left: -10px;
}


/* -------------- Responsive Design -------------- */



@media screen and (min-width: 760px) and (max-width: 1000px) {
	#menu, #content2, #footer div {
		width: auto;
		margin: 0 20px 0 20px;
	}
}

@media screen and (max-width: 760px) {
	#menu, #content2, #footer div {
		width: 720px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1000px) {
	#menu, #content2 {
		position: static;
	}
	
	#menu {height: 120px;}
	
	#title {
		width: 24.0625%;
		height: auto;
		float: left;
	}
	
	#title img {
		width: 100%;
		height: auto;
	}
	
	#navigation {
		float: none;
		position: absolute;
		top: 67px;
		right: 5.8%;
	}
	
	#navigation {font-size: 1em;}
	#navigation ul ul {font-size: 0.75em;}
	#navigation a {
	padding-left: 6px;
	padding-right: 6px;	
	}
	
	#big-image {
		width: 65.41666666% !important;
		height: auto;
	}
	#slideshow-season-container {
		width: 100% !important;
		height: auto;
	}
	
	#slideshow, #slideshow-season {
		width: 100%;
		height: auto;
	}
	
	#slideshow img, #slideshow-season img {
		width: 100%;
		height: auto;
	}
	
	#big-image .spacer, #slideshow-season-container .spacer {max-width: 100%; height: auto;}
	#big-image .text {max-width: 75%; height: auto;}
	
	#maplink {width: 100%; height: auto;}
	#mapspacer {display: inline;}
	#mapspacer img {width: 100%; height: auto;}
	#maptext {display: none;}
	
	div.third {width: 30.833333333333% !important;}
	div.twothirds {width: 65.41666666% !important;}
	
	.center {margin: 0 3.75% 0 3.75%;}
	
	.logomap img, #season-link img {width: 100%; height: auto;}
	

	.bio img {width: 50%; height: auto;}
	
	
	/* -- Gallery -- */
	
	.ngg-gallery-thumbnail-box {width: 31.25%; margin-right: 1.25%;}
	.ngg-gallery-thumbnail {max-width: 100%;}
	.ngg-gallery-thumbnail img {max-width: 100%; height: auto;}
}


	div.ngg-gallery-thumbnail-box {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		_float: left;
	}