/* 
 *	CSS 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; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }


/*
 *  Main CSS
 *
*/


/*
 *	Primary Color: 		#4c5f82
 *	Secondary Color: 	#4f2929 
*/


/* body { background: url(../images/grid.gif) repeat-y 50% 0; } */

/* = Typography
---------------------------------------------- */

/* 	thanks to http://www.fontsquirrel.com/fontface/generator 
	for generating all these great formats
*/

@font-face {
	font-family: 'LeagueGothic';
	src: url('/fonts/league-gothic/league_gothic-webfont.eot');
	src: local('?'),
		url('/fonts/league-gothic/league_gothic-webfont.woff') format('woff'),
		url('/fonts/league-gothic/league_gothic-webfont.ttf') format('truetype'),
		url('/fonts/league-gothic/league_gothic-webfont.svg#webfont9puZZWfE') format('svg'),
		url("/fonts/league-gothic/league_gothic.otf") format('opentype');;
	font-weight: normal; 
	font-style: normal;
}


body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p { 
	margin-bottom: 15px;
	line-height: 21px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

h1, h2, h4, h5, h6 { color: #4c5f82; }

h2 { font-size: 36px; }
	
h3 {
	color: #4f2929;
	font-size: 21px;
	margin-bottom: 5px;
}

h4 {
	color: #919191;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 7px;
	text-transform: uppercase;
}

a, a:link { color: #4c5f82; }
a:hover, a:focus { color: #4f2929; }

h3 a, h3 a:link { color: #4f2929; text-decoration: none; }
h3 a:hover, h3 a:focus { color: #4c5f82; }

h4.tagline { color: #4c5f82; font-size: 18px; font-weight: normal; text-transform: none; }
h4.director, h4.playwright { color: #222; text-transform: none; }
h4.director { margin-bottom: 15px; }

table { margin-bottom: 15px; }

/* = Header
---------------------------------------------- */
#header {
	margin: 0 auto;
	position: relative;
	width: 976px;
}


#logo h1 a {
	height: 75px;
	float: left;
	left: 54px;
	position: absolute;
	text-indent: -5000px;
	top: 84px;
	width: 309px;
	z-index: 5;
}

.b a {
	/* insert black image */
}

.home .l a {
	background: url(/images/logo/logo-reversed.png);
}

.interior #logo h1 a {
	height: 32px;
	float: left;
	left: -20px;
	position: absolute;
	text-indent: -5000px;
	top: 12px;
	width: 134px;
	z-index: 20;
}

.interior .l a {
	background: url(/images/uploads/blackbird-logo-nav.png);
}

/* = Main Navigation
---------------------------------------------- */
.nav {
	background: rgb(0,0,0);
	background: rgba(0, 0, 0, .4);
	left: 0px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#nav-main {
	margin: 0 auto;
	width: 976px;
}

#nav-main li {
	float: left;
	margin-right: 5px;
	width: 135px;
}

#nav-main li:last-child {
	margin: 0;
}

#nav-main li a {
	color: #fff;
	display: block;
	text-decoration: none;
}

#nav-main li a:hover {
	background-color: rgba(76, 95, 130, .4);
}


#nav-main .active {
	background-color: rgba(76, 95, 130, .4);
}

.home #nav-main li a {
	padding: 20px 0 20px 20px;
}

.interior #nav-main li a {
	padding: 20px 0 20px 10px;
}
.interior #nav-main ul {
	margin-left: 135px;
}

/* = Sub Nav
---------------------------------------------- */
#content .nav { position: relative; }
.nav-sub { float: left; margin: 14px 0 80px 20px; width: 100%; }
.nav-sub ul li { float: left; list-style: none; margin-right: 20px; }
.nav-sub a { text-decoration: none; }


/* = Current Show
---------------------------------------------- */
#current-show {
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 540px;
	position: relative;
	width: 100%;
	z-index: 0;
}

#current-show h2,
#current-show h3 {
	float: left;
	text-indent: -5000px;
}

#show-info-wrap {
	color: #fff;
	margin: 0 auto;
	height: 540px;
	position: relative;
	width: 976px;
}

#show-info {
	position: absolute;
	width: 430px;
}

#show-info.bl {
	bottom: 34px;
	left: 54px;
}

#show-info h4 {
	color: #fff;
	font-family: "LeagueGothic", "Arial Narrow", sans-serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 6px;
	text-transform: none;
}

#date-location {
	background-color: #321f1f;
	background-color: rgba(79, 41, 41, .4);
	display: block;
	height: 67px;
	padding: 10px 20px 30px 20px;
	width: 390px;
	text-decoration: none;
}

#date-location:hover {
	background-color: #4c5f82;
	background-color: rgba(79, 41, 41, .5);
}

#date-location h4,
#date-location span {
	color: #efefef;
	text-decoration: none;
}

#date-location:hover h4,
#date-location:hover span {
	color: #fff;
	text-shadow: 2px 2px 0 #4f2929;
}

/* 	
 *	microformat standard for marking up addresses
 *	used for Shamblin and Lipscomb 
 */
.fn.org,
.extended-address {
	font-size: 16px;
}

.fn.org {
	display: block;
	line-height: 26px;
	margin-bottom: 4px;
}

#directions {
	bottom: 10px;
	color: #ccc;
	font-size: 12px;
	left: 20px;
	position: absolute;
	text-decoration: none;
}

#directions:hover {
	color: #fff;
	text-decoration: underline;
}

#show-info #tickets h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: none;
}

#show-info #tickets {
	background: #4f2929;
	cursor: pointer;
	padding: 5px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 150px;
}

#show-info #tickets:hover {
	background: #4c5f82;
}

#show-info #tickets h4,
#show-info #tickets span {
	color: #ccc;
}

#show-info span.date {
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
	padding-bottom: 4px;
}

#show-info span.box-office {
	clear: left;
	float: left;
	font-size: 11px;
	margin-bottom: 3px;
}

#show-info.bl #tickets {
	right: -10px;
	top: 17px;
}


ul.social-networks {
	float: left;
	list-style: none;
	margin-top: 20px;
}

.facebook, .twitter { 
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 10px 0 10px 40px;
}

.facebook { background-image: url(/images/facebook_icon.png);}
.twitter { background-image: url(/images/twitter_icon.png);}


/* = Home Featured Area
---------------------------------------------- */
#featured {
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 540px;
	position: relative;
	width: 100%;
	z-index: 0;
}

#text-wrap {
	color: #fff;
	margin: 0 auto;
	height: 540px;
	position: relative;
	width: 976px;
}

#text {
	position: absolute;
	width: 300px;
}

#text.bl {
	bottom: 54px;
	left: 54px;
}

#text.br {
	bottom: 54px;
	right: 54px;
}

#text.tr {
	top: 95px;
	right: 54px;
}

#text h4 {
	color: #fff;
	font-family: "LeagueGothic", "Arial Narrow", sans-serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 6px;
	text-transform: none;
}

#text h4 a { text-decoration: none; }

#text {
	background: #000;
	background: rgba(0,0,0,.7);
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
}

#text p {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.8);
}

#text:hover {
	background-color: #4c5f82;
	background-color: rgba(0,0,0, .9);
}

#text:hover h4,
#text:hover p {
	text-shadow: 2px 2px 0 #4f2929;
}

#text:hover h4 a, #text:hover a {
	color: #4c5f82;
}
#text h4 a:hover,
#text a:hover {
	color: #fff;
}


/* = Content
---------------------------------------------- */
#content {
	margin: 0 auto;
	position: relative;
	width: 976px;
}

#blog,
#contribute {
	float: left;
	padding: 40px 0 0 20px;
	position: relative;
	width: 462px;
}

#contribute {
	margin-left: 10px;
}

#contribute .section {
	padding: 0 42px 0 34px;
}

#content h2 {
	font-family: "LeagueGothic", "Arial Narrow", sans-serif;
	letter-spacing: 1px;
	margin:  20px 0 0 8px;
	text-transform: uppercase;
}

#blog h2,
#contribute h2 {
	position: absolute;
	top: 24px;
}

.home .entry {
	padding: 0 42px 0 34px;
}

#section-image {
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 390px;
	width: 100%;
}

.interior #content h2 {
	margin: 8px 0 0 26px;
	position: absolute;
	top: 105px;
}

#main {
	width: 974px;
}

#main p,
#main h3,
#main h4,
#main h5,
#main h6,
#main ul,
.whats-playing table,
.interior .e2ma_signup_form,
.rotator,
object {
	margin-left: 164px;
	margin-right: 328px;
}

.contribute #main,
.media #main,
.audition #main,
.blog #main {
	padding-top: 108px;
}

.whats-playing table {
	color: #444;
	width: 482px;
}

td { padding: 7px 5px; }

#main ul { margin-bottom: 21px; }
#main ul li { list-style:disc; line-height: 21px; }

/* = Image Styles
---------------------------------------------- */
/* caption styles */
#main .pic p, #main .caption {
	font-size: 12px;
	line-height: 16px;
	color: #919191;
	margin: 4px 0 10px 0;
}
 
/* placement */
.left { float: left; margin-right: 20px; }
.right { float: right; margin-left: 20px; }
.right.inset { margin: 0 328px 0 20px;} /* img floated right within text */
.left.inset { margin-left: 164px; } /* img floated left within text */
 
/* size */
.one { width: 154px; }
.two { width: 318px; }
.three { width: 482px; }
.four { width: 646px; }

/* additions */
.frame { border: 1px solid #999; }
.solo img { margin-bottom: 20px; }
.center { text-align: center; }

/* = Rotator
---------------------------------------------- */
.rotator, .rotator .image { height:424px; overflow:hidden; width:646px; }

.rotator { position:relative; margin-bottom:18px; }
.rotator .image { left:0; position:absolute; top:0;}

.image-caption { background-color:#000; background-color:rgba(0,0,0,.7); bottom:0; color:#fff; left:0; padding:10px 7px; position:absolute; width: 632px; }

/* = Footer
---------------------------------------------- */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 70px 0 40px 0;
	width: 976px;
}

#footer h2 {
	color: rgba(0,0,0,.2);
	font-family: "LeagueGothic", "Arial Narrow", sans-serif;
	font-size: 56px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}
/* added through js */
#footer img {
	margin: 0 0 -20px -10px;
}



/* = Newsletter Signup Form
---------------------------------------------- */
.home .e2ma_signup_message,
.interior .e2ma_signup_message {
	line-height: 21px;
	margin-bottom: 20px;
}

.home .e2ma_signup_form_row {
	float:left;
	margin-right:5px;
	width:185px;
}

span.e2ma_signup_form_required_asterix { color: #ff0000; }

.home .e2ma_signup_form_label,
.interior .e2ma_signup_form_label {
	color: #666;
	font-size:12px;
	font-weight:bold;
	margin:10px 5px 5px 0;
}

.home .e2ma_signup_form_required_footnote,
.interior .e2ma_signup_form_required_footnote {
	float:left;
	font-size:12px;
	margin: 6px 0;
	width:100%;
}

input[type="text"] {
	border:1px solid #999999;
	font-size:14px;
	padding:5px 3px;
	width: 170px;
}


/* = Myth
---------------------------------------------- */
.myth #logo h1 a {
	height: 92px;
	float: left;
	left: 14px;
	position: absolute;
	text-indent: -5000px;
	top: 88px;
	width: 405px;
	z-index: 5;
}

.myth #logo h1 a { background: url(/productions/myth/images/myth-logo.gif); }

.myth h1, .myth h2, .myth h4, .myth h5, .myth h6 { color: #803035; }

.myth a, .myth a:link { color: #803035; }
.myth a:hover, .myth a:focus { color: #D1A95D; }

.myth h3 a, .myth h3 a:link { color: #803035; text-decoration: none; }
.myth h3 a:hover, .myth h3 a:focus { color: #D1A95D; }

.myth #nav-main li a:hover { background-color: rgba(128, 48, 53, .4); }
.myth #nav-main .active { background-color: rgba(128, 48, 53, .4); }


.myth #section-image { background: #803035; height: 210px; }
/* = Extras
---------------------------------------------- */
input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content h2 {
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: left top;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: left top;
	-o-transform: rotate(90deg);
	-o-transform-origin: left top;
	transform: rotate(90deg);
	transform-origin: left top;
}

#date-location,
#buy-tickets,
#nav-main a,
#text {   
  -webkit-transition-property: background-color, color; 
  -webkit-transition-duration: .3s; 
  -webkit-transition-timing-function: ease-in; 
}

#date-location,
#buy-tickets,
#nav-main a,
#text { -webkit-transition-timing-function: ease-out; }

#nav-main li a,
#text h4,
#show-info h4,
#tickets h4,
.fn.org,
.extended-address {
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 1);
}

object { display:block; margin-bottom: 18px; }

/* = Scratch
	 for temporary updates
	 feel free to alter or delete for new updates
---------------------------------------------- */
#show-info.bl {
	bottom: 68px;
	left: 64px;
}

#show-info a {
	background: #000;
	background: rgba(0,0,0,.7);
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;
	padding: 5px 10px;
	text-decoration: none;
}

#show-info a:hover {
	background-color: #4c5f82;
	background-color: rgba(0,0,0, .9);
}

#show-info {
	width: 270px;
}

.ie8 .interior #logo h1 a, .ie7 .interior #logo h1 a {
	z-index: 100;
}