/* Design by Ferol */
/* 10.16.08 */

/* ===================================
GENERAL STYLES
====================================== */
* { 
	margin:			0; 
	padding: 		0; 
}
a img {  
	border: 		none; 
}
form,input { 
	padding:		0; 
	margin:			0; 
}
body { 
	font-size: 		62.5%;  
	font-family: 	Helvetica, Arial, Verdana, sans-serif;
}
#wrapper_outer {  
	position: 		relative; 
	min-width: 		93.9em; 
}
#wrapper_inner { 
	position: 		absolute;  
	top: 			-1px; 
	left: 			509px;  
	margin-left:	-30.8em; 
}

/* ===================================
Logo styles
====================================== */

#logo {  
	position: 		absolute; 
	top: 			1px; 
	left:			10px; 
}
/* hack to get IE Win to display the logo against left of browser, if not in a fixed position */
@media screen { 
  #logo {
    /* sets the correct attribute for all other browsers */
    position: 		fixed;
    }
  /* Hacked stuff for IE Win */
  * html {
   }
  * html body {
    overflow-y: 	auto;
    height: 		100%;
    }
  * html #logo {
    position: 		absolute;  
    }
  /* All done. */
}

/* ===================================
Stage styles
====================================== */

#stage {
	margin-top:		1.2em;
	background: 	#fff url(../images/bkg_sidebar_left.gif) top left repeat-y;
	color: 			#444;
	width: 			738px;
}

#blogStage {
	margin-top:		1.2em;
	background: 	#fff url(../images/bkg_sidebar_right.gif) top left repeat-y;
	color: 			#444;
	width: 			738px;
}

#homeStage { 
	margin-top:		1.2em;
	width:			738px;
}


/* ===================================
Breadcrumb STYLES
====================================== */

#breadcrumb {
	background: 	#111;
	color: 			#999;
	font-size: 		1.1em;
	line-height: 	2.18em;
	padding: 		0 18px; 
}

#breadcrumb .separator {
	color: 			#666;
	padding: 		0 .5em;
}

#breadcrumb a {
	text-decoration: none;
	border-bottom: 	1px solid #444;
	color: 			#999;
}

#breadcrumb a:hover {
	text-decoration: none;
	color: 			#fff;
	border-bottom: 	none;
}


/* ===================================

Main

====================================== */

#main{
	width: 557px;
	float: right;
	margin: 2.4em 18px 2.4em 0;
	display: inline; /* fix the IE double float margin bug */	 
}

#main h1 {
	font-size: 2.2em;
	line-height: 1em;
	margin-bottom: .818em;
	color: #111;
}

#main h1.people {
	margin-bottom: 0;
}

#main h2 {
	font-size: 1.8em;
	line-height: 1.22em;
	margin: .5em 0;
	color: #111;
}

#main h3 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #444;
}

#main h4 {
	font-family:"Helvetica Italic", Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #111;
}
#main h4.people {
	margin-bottom: 1.5em;
	font-style: italic;
}

#main p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#main p.caption {
	font-size: 1.1em;
	line-height: 1.36em;
	color: #666;	
}

#main ul {
	padding-left: 1.6em;
	margin-bottom: 1.8em;

}

#main ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .25em;
}

#main em {
	font-family: "Helvetica Italic", Arial, Verdana, sans-serif;
	font-style: italic;
}

/* ===================================

Sidebar

====================================== */
#sidebar {
	float: right;
	background: #ebebeb;
	width: 270px;
	margin-left: 18px;
	margin-bottom: 18px;
	border-top: 6px solid #d52b1e;
}

#sidebar div.module {
	padding: 1.2em;
	border-bottom: 1px solid white;

}

#sidebar .tix {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
#sidebar .tix a {
	text-decoration: none;
}

#sidebar h1 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: .2em;
	color: #444;
}

#sidebar h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .5em;
	color: #444;
}

#sidebar p {
	margin-bottom: .833em;
}

#sidebar p.caption {
 	font-style: italic;
	margin-top: .833em;
}

#sidebar .credits p {
	padding-left: 1em;
	text-indent: -1em;
}

#sidebar p.credit {
	font-size: 1.1em;
	line-height: 1.36em;
	color: #666;	
}

/* ===================================

Link styles

====================================== */

h1 a:link, h2 a:link, h3 a:link, h4 a:link, p a:link, #main li a:link {
	color: #00CCFF;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, p a:visited, #main li a:visited {
	color: #CC99FF;
	text-decoration: none;
	border-bottom: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, #main li a:hover {
	color: #FFFF00;
	text-decoration: none;
	border-bottom: 1px solid #111;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, p a:active, #main li a:active {
	border-color: #d52b1e;
}

/* ===================================

Footer

====================================== */
#footer {
	clear: both;
	background: #dadada url(../images/logo_footer.gif) top right no-repeat;
	padding: 1.8em;	
}
#footer ul {
	list-style-type: none;
	float: left;
	margin-right: 18px;
	width: 126px;	
}
#footer li {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #444;
}
#footer a {
	font-weight: normal;
	text-decoration: none;
	color: #444;
	border-bottom: 1px solid #999;
}
#footer a:hover {
	color: #d52b1e;
	border: none;
}

/* ===================================

NAV STYLES

====================================== */

div#nav {
	margin-top:		40px;
	background: 	#111;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size: 		12px;
	line-height: 	15px;
	width: 			738px;
	height:			40px;
	position: relative;
	z-index: 		999;
	background-color: #111;
	left: 0px;
}
div#nav ul {
		background: 	#d52b1e;
}
div#nav li {
		float: 			left;
		position: 		relative;
		list-style: 	none;
}
/* The tix nav button is floated right to stick it to the right end of the nav */
div#nav li#tix {
	float: right;
}

div#nav li:hover {
		background: 	#fff;
}
	
div#nav li a {
		display: block;
		padding: 10px 18px;
		text-decoration: none;
		width: 176px;
		color: #fff;
	}
div#nav li a:hover {
		color: #444;
}

div#nav>ul a {width: 140px;} /* hack for WinIE so that it takes the 176px specified width above, but other browsers don't */

div#nav li ul {
		position: 		absolute;
		width: 			176px;
		left:			-999em;
		z-index: 		999;
}

#nav li:hover ul, #nav li.sfhover ul {
		left: 			auto;
		z-index: 		999;
}

#nav li.sfhover a.main {
	background-position: 0 -40px;
}
#nav li.sfhover {
	background: #fff;
}
	
#on_stage { width:107px; height:40px;	}
#on_stage a.main { width:107px; height:40px; text-indent:-9999px; background:url(../images/mainnav_onstage.gif) top left no-repeat;	margin:0; padding:0; }

#about { width:156px; height:40px; }
#about a.main {	width: 156px; height: 40px;	text-indent: -9999px; background: url(../images/mainnav_about.gif) top left no-repeat; margin: 0; padding: 0;	}
	
#for_artists{ width:128px; height:40px; }
#for_artists a.main { width: 128px; height: 40px; text-indent: -9999px; background: url(../images/mainnav_forartists.gif) top left no-repeat;		margin: 0; padding: 0; }

#support { width:176px; height:40px; }
#support a.main { width: 176px; height: 40px; text-indent: -9999px; background: url(../images/mainnav_support.gif) top left no-repeat; margin: 0; padding: 0; }

#blog { width:74px; height:40px; 	}
#blog a.main { width: 74px; height: 40px;  text-indent: -9999px; background: url(../images/mainnav_blog.gif) top left no-repeat; margin: 0; 	padding: 0; }

#tix { width:66px; height:40px;}
#tix a.main {  width: 66px; height: 40px; text-indent: -9999px; background: url(../images/mainnav_tix.gif) top left no-repeat; margin: 0;		padding: 0; }		

#on_stage:hover a.main, #about:hover a.main, #for_artists:hover a.main, #support:hover a.main, #blog:hover a.main, #tix:hover a.main {
	background-position: 	0 -40px; 
}
/* <= IE6 ONLY RECOGNIZES HOVER ON A ELEMENTS */
#on_stage a.main:hover, #about a.main:hover, #for_artists a.main:hover, #support a.main:hover, #blog a.main:hover, #tix a.main:hover {
	background-position: 	0 -40px; 
}

div#nav a.current { background-position: 0 -40px; }


/* ===================================
Subnav
====================================== */
#subnav { 
	width:				144px; 
	float: 				left;
	margin-right: 		18px; 
	margin-top: 		2.4em; 
}
#subnav h1 { 
	font-size: 			1.1em; 
	line-height: 		1.181em; 
	color: 				#999;
	font-weight:		normal; 
	text-transform: 	uppercase; 
	letter-spacing: 	.1em;
	margin: 			.8em 18px;
}
#subnav ul { 
	list-style-type: 	none;  
	border-bottom: 		1px solid white;
}
#subnav li { 
	font-size: 			1.2em; 
	line-height: 		1.5em; 
	font-weight: 		bold; 
	background: 		#dadada; 
	border-top: 		0px solid white; 
	border-left: 		0; 
	border-right: 		0; 
	border-bottom: 		1px solid white; 
}
#subnav a { 
	padding: 			.75em 1.5em;  
	display: 			block; 
	background: 		transparent; 
	text-decoration: 	none; 
	color: 				#444; 
}
#subnav a:hover { 
	background: 		#d52b1e; 
	color: 				#fff; 
}
#subnav li.current {  
	background: 		white;
} 
#subnav li.current a:hover {  
	background: 		transparent; 
	color: 				#d52b1e; 
}
#subnav a.current {  
	color: 				#d52b1e; 
}



/* ===================================

INTERNAL NO SIDEBAR STYLES

====================================== */

.pageHeaderImage {
	margin-bottom:		10px;
}

.summaryListing {
	position:			relative;
	width:				557px;	
}

.summaryInfo {
	float:				right;
	width:				273px;
	margin-bottom: .83em;
}

.summaryInfo p {
	margin-bottom: .666em;
}

.showImage {
	float:				left;
	margin: 1em 0 1.8em 0;
}

.summaryTix {
	float: right;
	margin: 1em 0 1em 1em;
}

.clearfix {
	clear:				both;
}

.thumbnailList {
	width:				557px;
	float:				left;
	display:			block;
	clear:				all;
	margin-bottom:		20px;
}

.headshot {
	float:				left;
	width:				126px;
	margin:				0 10px 10px 0;
}

/* HOMEPAGE-SPECIFIC STYLES */

#nowPlaying {
	width:				738px;
	height:				269px;
	margin-bottom:		2.1em;
	background-color:	#000000;
	position: relative;
	overflow: visible;
}
#nowPlaying img.titleImg {
	display: block;

}
#splash { 
	width:				738px; 
	height:				245px; 
	background:			url(img/fresasindexanim.gif) top left no-repeat;
}

#splash ul { 
	float:				left; 
	width:				144px; 
	height:				244px; 
	margin:				1px 0 0 0; 
	padding:			0; 
	list-style-type:	none;
}
#splash ul li { 
	width:				144px; 
	margin:				0 0 1px 0;
	padding:			0;
	font-size: 1.2em;
	line-height: 1.5em;
	display: block;
}
#splash ul li.filler { 
	width:				144px; 
	background-color:	#111; 
}
#splash ul li a { 
	display:			block; 
	margin:				0; 
	text-decoration:	none; 
	color: #999; 
	background-color:	#111;
	padding:			10px 20px; 
}
#splash ul li a:visited {
	color: #999;
}
#splash ul li a:hover {
	color: #fff;
}
/* This is the additional <li> that gets added to the "Now Playing" nav to black out the rest of the area under the
   nav buttons. The overflow gets hidden with an "overflow: hidden" on the #nowPlaying div above */
#splash ul li.screen {
	height: 999px;
	background: transparent url (img/fresasindexanim.gif) top left repeat;
}

/* the hack for IE6 since it can't display the .png transparency above */
* html #splash ul li.screen { background: #262626; } /* for IE5+6 */

#featureDetails {
	position:absolute;
	bottom:10px;
	right:2px;
	padding:12px 18px 12px 12px;
	background-color:#000000;
	text-align:right;
	width: 240px;
	height: 6px;
}
#featureDetails h3 {
	font-size: 1.8em;
	line-height: 1em;
	margin-bottom: .25em;
	color: #d52b1e;
}
#featureDetails h3 a {
	text-align: right;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}
#featureDetails h3 a:hover {
	color: #111;
	border-color: #111;
}	
#featureDetails p {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
}
#featureDetails p.tixMargin {
	margin-right: 38px;
}
#featureDetails .featureTix {
	position: absolute;
	bottom: 11px;
	right: 18px;
	top: 42px;
	left: 12px;
}

/* These will need fixing when the jumping link bug can be worked out */
#featureDetails a:link h3 {
	color: #d52b1e;
	text-decoration: underline;
}
#featureDetails a:hover h3 {
	color: #111;
	text-decoration: underline;
}

#featureDetails em {
	font-family: "Helvetica Italic", Arial, Verdana, sans-serif;
	font-style: italic;
}
#featureWrapper { background-color:#fff; background-color:#000000; }
#featureWrapper form { margin:10px 0; padding:0; }
#featureWrapper form input { margin:0 0 5px 0; padding:0; border:1px solid #d52b1e; }

#features { float:left; width:738px; height:100%; background-color:#fff; }
#features h2 { 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	margin:1em 18px .33em 18px; }
#features p {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.33em;
	margin: 0 18px .666em 18px;
	color: #444;
	}
#features h2 a {
	color: #111;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}
#features h2 a:hover {
	color: #d52b1e;
	text-decoration: none;
	border-bottom: 1px solid #d52b1e;
}
#features img.postImage {
	margin-top: 1.2em;
	display: block;
}
#features em {
	font-family: "Helvetica Italic", Arial, Verdana, sans-serif;
	font-style: italic;
}
#promos { float:left; width:144px; background-color:#000000; }
#promos .promo { padding:1.6em 18px 1.6em 18px; margin:0; border-bottom:1px solid white; color:#fff; text-align:left  }
#promos .noborder { border: none;}
#promos p {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 1.2em;
	line-height: 1.33em;
	margin-bottom:.666em;}
	
.submitButton {
	position: relative;
	top: 5px;
	margin-left: 5px;
}



/* ===================================

BLOG STYLES

====================================== */

#blogMain {
	width: 558px;
	float: left;
	margin: 2.4em 0 2.4em 18px;
	display: inline; /* fix the IE double float margin bug */	 
}

#blogMain h1 {
	font-size: 2.2em;
	line-height: 1.27em;
	margin-bottom: .818em;
	color: #111;
}

#blogMain h1.blogDetail {
	margin-bottom: 0;
}

#blogMain h2 {
	font-size: 1.8em;
	line-height: 1.33em;
	margin: 0 0 .5em 0;
	color: #111;
}

#blogMain h3 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #444;
}

#blogMain h3.commentHead {
	border-top: 6px solid #d52b1e;
	color: #d52b1e;
	padding-top: .5em;
	margin: 2.4em 0 1.2em 0;
	clear: both;
}

#blogMain h4 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #111;
}

#blogMain h4.blogDetail {
	margin-bottom: 1.5em;
}

#blogMain p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .75em;
}

.blogDetail p {
	margin-bottom: 1.5em;
}

#blogMain p.abstractFooter {
	margin-bottom: 2em;
}

#blogMain ul {
	padding-left: 1.6em;
	margin-bottom: 1.8em;
}

#blogMain ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .25em;
}

#blogMain form, #blogMain fieldset { margin: 0; padding: 0; border: 0; }
#blogMain .inputForm fieldset ol { margin: 0; padding: 0; }
#blogMain .inputForm fieldset li { list-style: none; padding: 0; margin: 0; }
#blogMain .inputForm label { padding-bottom: 0; line-height: 100%; }
#blogMain .textField { width:50%; margin:.25em 0 1em 0; padding:.25em; border:1px solid #666; }
#blogMain .textareaField { width:100%; margin:.25em 0 1em 0; padding:.25em; border:1px solid #666; }

.appForm form { margin:0; padding:0; border:0; }
.appForm fieldset { margin:0; padding:10px; background-color:#eee; border:0; }
.appForm fieldset ol { margin:0; padding:0; }
.appForm fieldset li { list-style:none; padding:0; margin:0; }
.appForm fieldset label { float:left; display:block; text-align:right; font-size:1.2em; width:25%; margin-right:10px; padding:0; }
.appForm .textField { float:left; width:50%; margin: .25em 0 1em 0; padding: .25em; border: 1px solid #666; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 100%; }
.appForm fieldset.radioFields label { float:left; text-align:left; font-size:1.2em; width:50%; margin:0; padding:0; clear:right; border:1px; }
.appForm .radioField { float:left; display:block; width:50%; margin:0; padding:0; }

.appForm br { clear:left; }

/* Blog Comments */

div.comment {
	width: 558px;
	float: left;
	padding-top: 10px;
	border-top: 1px solid #bbb;
}

div.content {
	float:right;
	width: 414px;
}

div.author {
	float: left;
	width: 126px;
	font-weight: bold;
}


/* Blog Sidebar */

#blogSidebar {
	float: right;
	width: 144px;
	margin-left: 18px;
}
#blogSidebar h1 { 
	font-size: 			1.1em; 
	line-height: 		1.181em; 
	color: 				#999;
	font-weight:		normal; 
	text-transform: 	uppercase; 
	letter-spacing: 	.1em;
	margin: 			24px 18px -12px 18px;
}
#blogSidebar p {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
	margin: 0 18px;
}
#blogSidebar h3{
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #444;
	margin: 18px 18px 0 18px;
}



/* ===================================
Copyright
====================================== */
#copyright {
	text-align: right;
	width: 738px;
}

#copyright p { 
	display:			block; 
	background:			transparent; 
	color: 				#444; 
	font-size: 			1.2em; 
	line-height: 		3em;  
}

#copyright a {
	font-weight: normal;
	text-decoration: none;
	color: #444;
	border-bottom: 1px solid #999;
}
#copyright a:hover {
	color: #d52b1e;
	border-bottom: none;
}


/* ===================================
Tables
====================================== */

table.inventory {
	clear: both;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.33em;
	color: #444;
	margin: 9px 0 24px 0;
	width: 100%;
	background: #ebebeb;
}

table.inventory th {
	font-size: .916em;
	background: #d52b1e;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px 3px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;

}

table.inventory td {
	padding: 5px 10px 5px 5px;
	vertical-align: top;
	text-align: left;
}

table.inventory tr.cat td {
	border-top: 2px solid #fff;
}


/* ===================================
Forms
====================================== */
dl.form {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #444;
	/*width: 100%;*/
	padding: 10px 12px;
	background: #ebebeb;
	margin-bottom: 24px;
}

dl.form dt {
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
	width: 100px;
	padding-top: .25em;
	min-height: 32px;
	margin-right: 10px;
	display: block;
}
dl.form dd {
	width: 420px;
}
dl.form dd.charCount {
	margin-left: 110px;
}
/* declaring special widths for choose your membership form */
dl.form dt.radio {
	float: left;
	width: 15px;
	padding: 5px 0 0 0;
	margin: 0;
	clear: both;
	margin-right: 10px;
}

dl.form dd.radioDesc {
	float: left;
	width: 480px;
}
/* declaring special widths for forms with long labels */
dl.form dt.longLabel {
	width: 160px;
}
dl.form dd.longLabel {
	width: 360px;
}

#main dl.form ul {
	padding-left: 1.6em;

}

#main dl.form li {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: .25em;
}

#main dl.form h3 {
	padding-top: .15em;
}

span.labelNote {
	color: #888;
	font-weight: normal;
}

/* ===================================
SELF-CLEARING STYLES
====================================== */	
	
/* Styles to self-clear the content to make sure it contains any floated stuff inside it */		
#footer:after, div.summaryListing:after, div.comment:after, dl.form:after, dl.form dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
* html #footer, * html div.summaryListing, * html #copyright, *html div.comment, *html dl.form { height: 1%; } /* for IE5+6 */

*:first-child+html #footer, *:first-child+html div.summaryListing, *:first-child+html div.comment, *:first-child+html dl.form { min-height: 1px; } /* for IE7 */