@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";



	/* dark red: #4E0018


								*/

/*----------Utility--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

.round 					{	-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; background-color: #000;}
		
.tab 					{	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; 
							-webkit-border-top-right-radius: 10px; border: 1px solid #000; background-color: #000; }

.opac					{	opacity: 0.3; background-color: #000;}
		
.shadow					{	border: 1px solid #000; background-color: #fff; -webkit-box-shadow: 3px 5px 10px #ccc;}

.resize					{	background-color: #fff; border: 1px solid #000; resize: both; overflow: auto; max-width: 500px; max-height: 500px;}

.clear					{ clear: both;}

.floatleft				{ float: left;}

.floatright				{float: right;}

/*----------Typology--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

/*----------Layout--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
body{ color: #ccc; background-color:#fcfcfc; font-family: Sans serif;}
body a{color: #666666; text-decoration: none;}
body a:hover{text-decoration: underline;}
#top{ -moz-border-radius: 10px;  -webkit-border-radius: 10px; margin-bottom:20px; background: #fff; width: 1000px; margin:auto auto 10px;}
#mainnav{width: 370px; margin:auto; position: relative; bottom: 0px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; margin-bottom:20px; background: #fff;}
#mainnav li a{ float: left; margin-left: 20px;}
.tickets {width: 100px; background: #4E0018; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom:20px; padding: 2px 5px 2px 5px; text-align: center; font-size: 20px;
			position: relative; top: 10px; right: 10px; float: right; color: #bababa}

.tickets a{color: #bababa;}

.maintitle{font-size:40px; left:10px; margin:auto; position:relative; text-align:center; width:400px;}
.holder{height: 5px; clear: both;}

.maincontentholder{
	background-color:#fcfcfc; -moz-border-radius: 10px;  -webkit-border-radius: 10px; padding: 10px;
}

#wrapper{width: 1000px; margin: auto; background: #4E0018; margin-top: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom:20px; padding: 10px; overflow: hidden;	}

#centrecontent{float:right; width:700px; background-color: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom:20px; margin-top: 20px; height:392px;}
#centrecontent p {	padding: 30px 15px 0px 0px;}
#centercopy{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4E0018; background-color: #4E0018; width: 370px; height: 300px; left: 345px; top: 200px;}
#centercopyo{	 -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; background-color: #000; margin: auto; color: #333333;}
#centercopyo div{}
#centercopyo.productiondiv {float: none;}
#centercopyo h2{ 1.2em; text-align: center; text-decoration: underline; margin-bottom: 10px;}
#centrecontent{}
#centrecontent p{ padding-left: 35px; padding-bottom: 10px;}



#leftcontent{	 width: 660px; height: auto; clear: both;  margin: auto;}
#leftcontent .shows{background-color: #222222; padding: 10px; padding-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4E0018; float: left; margin: 40px 10px 20px; }
#leftcontent p{text-align: center; font-weight: 800;}

#leftcontento {width:980px /*980px*/; margin:auto auto 10px; clear: both; background-color: #4E0018; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#leftcontento .shows{-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#000; border:1px solid #000; float:left; margin:12px; padding-bottom:10px; padding-left:62px; padding-right:62px; color: #CCCCCC;}
#leftcontento p{text-align: center; font-weight: 800;}

.biopic {float: left; text-align: center; padding-right: 10px; margin-top: 30px;}
.divider{	border-bottom: 1px solid #fff; padding-bottom: 10px;}
#mainpic{ float: right;}
#clear{clear:both; float: none;}


#mailer {padding: 10px; background: #4E0018; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4E0018; margin-top: 20px; min-height: 372px; min-width: 250px;}

.button{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4E0018; background-color: #fff;	padding: 5px; color: #000; }
.button:hover {	background-color: #fff; color: #BABABA;}
.fname{float: left; margin-right: 5px;}
input {line-height: 16px; margin-bottom:10px;}

.extral{ font-size:  1.1em; text-decoration: underline;}
.extra{ font-size: 1.3em; text-decoration: underline;}
.mentor p{padding-bottom: 10px;}
.productiondiv{background: #fff;-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #fff; margin:10px; padding:10px;}
.productiondiv img{	float: left; margin-right: 10px; -webkit-border-radius: 10px; border: 1px solid #000; background-color: #000; padding: 2px; clear: left; margin-top: 10px; margin-left: 10px;}
.productiondiv .description{	width: 400px; float: left; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-left: 70px;}
.productiondiv .auditions{	width: 100px; float: right; text-align: right;}
.ideascontainer{background-color: #4E0018; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#CCCCCC; padding: 10px; margin: 10px;}
.ideascontainero{background-color: #4E0018; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#CCCCCC; padding: 10px; margin: 10px;}
.ideascontainero img{
	float: right;
}
.ideascontainero p, .ideascontainero h3{
	width: 400px;
}
.ideascontainero #directions{
	float: left;
	height: 545px;
}

.ideas {	float: left; width: 220px; margin: 10px 10px 10px 80px; text-align: center; color: #CCCCCC; }
h1{	text-align: center; font-size: 1.3em; text-decoration: underline;}
.explorer{ clear: both;}
.explorer img{ margin-left: 33%;}

#pricepoints{ text-indent: 25px;}
#pricepoints li{font-weight: 800; text-decoration: underline; padding-bottom: 15px;}
#pricepoints ul li {text-indent: 50px; font-weight: 100; text-decoration: none; padding-bottom: 5px;}

.topabout{
	margin-top: 15px;
}
.topabout img{
	float: left;
}
.topabout p{
	float: right;
	width: 450px;
	color: #e6e6e6;
}
#doug, #richard, #meghan{
	width: 450px;
	background: #4E0018;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #4E0018;
	color: #ccc;
	padding: 10px;
	float: left;
	margin: 10px;
}
#doug h2, #richard h2, #meghan h2{
	text-align: left;
	margin-bottom: 5px;
}
#doug h4, #richard h4, #meghan h4{
	font-style: italic;
	color: #bababa;
	padding: 5px 0px 5px 0px;
}
#doug{
	width: 470px;
	position: absolute;
	top: 35px;
	z-index: 3;
	
}
#doug img{
	float: left;
	padding-right: 10px;
}
#doug p{
	width: 310px;
	float: right;
}
#richard img{
	float: right;
	padding-left: 10px;
}
#richard{
	padding-left: 120px;
	float: right;
	z-index: 2;
}
#meghan{
	float: right;
	top: -28px;
	left: -200px;
	padding-top: 15px;
	z-index: 0;
}
#meghan img{
	float: right;
	padding-bottom: 10px;
}
#meghan h2{
	margin-top: 160px;
}
/*----------Footer--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
	
#footerwrapper{padding: 10px; clear: both;}
#footernav{	width: 200px; padding-top: 15px; float: left;}
#credits{margin: auto; text-align: center;}
.windyleaf{ color: #cc5630; }
#address{text-align:center;}


/*----------Ticker--------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
#ticker{
	 -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; width: 1000px; color: #333; position:relative;
}
#ticker div{ float: left;}
h1{
	font-size: 1em;
}
#news{	font-weight: bold;
height: 20px;
float: left;
line-height: 20px;
overflow: hidden;
text-align: right;
float: left;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; border: 1px solid #4E0018; background-color: #4E0018;
border-right: 1px solid #222;
color: #CCCCCC;
margin-bottom: 10px;
}

.feed{
margin-bottom: 20px;
overflow: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8; background-color: transparent;
}


.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
width: 100px;
height: 20px;
float: left;
line-height: 20px;
overflow: hidden;
text-align: right;
float: left;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; border: 1px solid #000; background-color: #000;
display: none;
}
.rsstitle a{
	margin-right: 10px;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
clear: left;
float: right;
padding-right: 15px;
position: relative;
bottom: 5px;

}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
	float: left;
	width: 908px;
	height: 20px;
	line-height: 20px;
	margin-left: -98px;
	overflow: hidden;
	
	color: #000;
	-moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; 
							-webkit-border-bottom-right-radius: 10px; border: 1px solid #E5DCDC; background-color: #E5DCDC;
	margin-bottom: 0px;
	
}

#imageContainer img {
	display:none;
	position:absolute;
	top:10px; left:10px;
}
#imageContainer .small {
	display:none;
	position:absolute;
	top:10px; left:165px;
}
.donate{
	position: absolute;
	right: 5px;
	bottom: -5px;
}
#lightwindow p {
	color: #000000;
	padding-right: 10px;
}
.ticketso a{font-size: 30px; bottom: 50px; left: 300px; position: absolute; color: Red;}
.ticketsoo a{font-size: 30px; top: 50px; left: 500px; position: absolute;}

.ticketsduck a{font-size: 30px; bottom: 10px; left: 275px; position: absolute; color: #FFFFFF;}



.ticketso a:hover{text-decoration: underline;}
.ticketsoo a:hover{text-decoration: underline;}
.ticketsduck a:hover{text-decoration: underline;}