/* CSS Document */
body, html {margin: 0; padding: 0;}
body, td { color: #dedede; font-family: verdana; font-size: 9pt; line-height: 1.7em;}
body {background: #002a4f}
.clear {clear: both; display: block;}

h1 { 
	font-size: 22pt; 
	line-height: 1.2em; 
	font-weight: bolder; 
	color: #AAA; 
	font-family: georgia, "Times New Roman", times, serif; 
	margin:10px 0 20px 0; 
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
}

h2 { 
	font-size: 11pt; 
	font-weight: bolder; 
	color: white;
}

p {	margin-bottom: 20px;}

a { text-decoration: none; color: orange;}
a:hover { border-bottom: 1px dotted orange;}
a.mailto { color: #A4D186;}

.title { color: #B12900; font-size: 18px; padding-top: 10px; font-family: georgia, 'Times New Roman', times, serif; text-align: center;}
.boreal { font-weight: bolder; color: #658BB5; font-size: 10pt;}
.harvest { font-weight: bolder; color: #E5D278;}
.heading { font-weight: bolder; color: white;}
.brackets {	font-style: italic; color: white; font-size: 8pt;}

#content {padding:0 15px 0 15px;}
#content p {padding-left: 15px;}
#content img {border: 1px solid #000; margin: 12px;}
#content ul {margin-top: 0px;}

img.left {float: left; margin-top: -10px; margin-right: 15px; margin-bottom: 15px;}
img.right {float: right; margin-top: -10px; margin-left: 15px; margin-bottom: 15px;}

.djs {
	color: #C05E5E;
}

.dj_descr {
	font-weight: normal; 
}

.underline {
	border-bottom: 1px dotted #666666;
}

#nav {text-align: center; white-space: nowrap; background: #000;}
#nav a {
	color: #AAA; 
	font-weight: bold; 
	font-size: 8pt; 
	margin: 0 4px;
}
#nav.offseason a {
	margin: 0 26px;
}
#nav a:hover {
	color: #FFF;
	border-bottom: 0px;
}

.home {
	color: #AAAAAA; 
	font-weight: bold; 
	font-size: 7pt; 
	font-weight: bold; 
}

.home:hover {
 	color: #FFE288;
 	border-bottom: none;
}

.para_cap {
	font-weight: bolder; 
	font-size: 12pt; 
	color: white;
}

.photo_title {
	font-size: 8pt; 
	color: #FFFFFF;
}


.dj {
	font-weight: bold;
	color: #CC6600;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.dj a {font-size: 14px; color: #feb542; background: url(../images/asterisk_orange.png) left no-repeat; padding-left: 21px; margin-left: -21px;}

.tix_city {color: #66AFD4; padding-left: 15px;}

#tix_outlets {font-size: 90%; margin-left: 15px; padding-left: 15px; padding-bottom: 10px; padding-top: 5px;width: 340px; border-top: 1px solid #333;}

#tix_outlets ul {padding: 0px;}

.genre {
	padding-left: 20px;
	font-size: 18px;
	margin-right: 15px;
	color: #A5C838;
	font-style: italic;
	float: right;
	display: block;
}

#stage {
	padding:0 0 50px 20px;
}

#stage p {
	font-size: 10px;
	padding:0 0 5px 10px;
	margin: 5px 0px;
	line-height: 1.2em;
}

#stage img {margin-top: 0px;}

#stage h3 { padding-bottom: 5px; padding-left: 5px; border-bottom: 2px dotted #333; font-family: georgia, "Times New Roman", times, serif; font-size: 180%; color: #F3E9A5;}

.fbmap_links {width: 100%; padding: 0px; margin: 0px; margin-left: -5px; margin-top: -15px; margin-bottom: -15px;}

.facebook_link {float: left; width: 100px; margin-left: -10px; }
.facebook_link a:hover {border-bottom: 0px; }
.facebook_link a img {margin-left: -20px;}

.map_link {float: right; width: 100px}
.map_link a {font-weight: bold; cursor: pointer; font-size: 16px;}
.map_link a:hover {border-bottom: 0px;}

#venues {
	text-align: right;
	letter-spacing: 0.1em;
	font-size: 8pt;
	color: #666;
	padding-left: 5px;
	display: none;
}

#venues a {color: #93BBD6; font-weight: bolder;}

.rightCol {
	border-left: 1px dotted #666666;
	width: 150px;
	padding: 0 5px 0 15px;
}
.formshit {
	border: 1px solid #CC6600;
	background-color: #CC9933;
	margin: 10px 0 4px 5px;
	font-size: 10px;
	height: 20px;
	width: 100px;
}
.small {
	font-size: 10px;
}
.call {
	margin-bottom: 10px;
	text-align: right;
}
.mailingList {
	width: 175px;
	background-color: #993300;
	border: 1px dotted #ccc;
	text-align: center;
	padding: 3px;
}
.callTitle {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	margin-bottom: 10px;
	text-align: center; 
	font-size: 20px;
}
#container {
	width: 100%;
}
.leftCol {
	padding-right: 15px;
}

.button {
	height: 20px;
}
#top_link {
	font-size: 10px;
	position: relative;
	top: -40px;
	display: none;
}

.photo_caption {position: relative; top: 2px; font-size: 80%; left: 200px;}

.brackets {color: #97CDDF; font-style: italic; font-size: 90%; padding: 0 5px 0 5px;}

#photo_links {line-height: 30px;}
#photo_links a{font-size: 12px;}

.pyramid_volunteers {margin-left: 75px;}
.pyramid_volunteers li {float: left; width: 50%; }
.pyramid_volunteers li span {font-size: 11px; color: #666;}



#gallery {margin: 0px; padding: 0px; width: 100%; ;}
#gallery li {height: 150px; width: 150px; padding: 10px; float: left;}
#gallery li a img {position: relative; border: 1px solid #121212; width: 140px;}
#gallery li a:hover {border-bottom: 0px;}

.soldout {font-weight: bold; padding: 0 10px; color: #D33; text-transform: uppercase;}

div.bio img {float: left; margin-right: 20px;}
div.bio h1 {padding-bottom: 110px; color: #feb542; font-size: 32px; margin-top: 0px;}
div.bio h2 {position: absolute; top: 50px; left: 245px; color: #666;}
div.bio {padding: 25px; width: 600px; height: 350px; background: #333; color: #DDD;}

div.performers h2 {margin-bottom: 0px; margin-top: 50px; font-family: georgia, "Times New Roman", times, serif; font-size: 220%;}

.video_embed {margin: 50px 0px; }
.video_embed iframe {border: 1px solid #333;}