/* base_styles.css */

/**************************
Warren email colors:
Navbar links: #BCC53E
Home-main pane: #ACAC37
Home-playbill top: #BCC53E
Home-playbill bottom: #
Dark gray: #444444
Ensemble scrip text: #6B6614
Content-main pane: #BCC53E
Content-side pane: #ACAC37
***************************/

html { font-size: 100%; }

*
{
	margin: 0;
	padding: 0;
}

/********************************/
/*******************************/
a
{
	color: white;
	text-decoration: none;
}

a:hover { text-decoration: underline; }
img { border: none; }

h1
{
	padding: 0em 0em 0.3em 0em;
	font-size: 170%;
}
h2 { padding: 0.5em 0em 0em 0em; color: #6B6614; }
h2.first { padding-top: 1em; }
h2 a { font-size: 80%; }

h2.tagline
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 130%;
	color: #6B6614;
}
h2.form
{
	padding-top: 2em;
	padding-bottom: 0em;
	font-size: 120%;
	color: #6B6614;
}
h2.form#first
{
	padding-top: 0em;
	padding-bottom: 0.5em;
}

h2.tagline#first
{
	padding-top: 0.5em;
	padding-bottom: 0em;
	font-size: 130%;
		color: #6B6614;
}

h2.tagline#second
{
	padding-top: 0em;
	padding-bottom: 0.5em;
	font-size: 130%;
		color: #6B6614;
}

h2.teasertitle
{
	padding-top: 0.5em;
	font-size: 130%;
	color: #6B6614;
}
h3 
{ 
	font-size: 110%;
	padding: 1em 0em 0.5em 0em; 
}
p { padding: 0.5em 0em; }

ul.basic
{
	list-style: square;
	list-style-position: inside;
}

ol.levelone li, ol.leveltwo li, ol.levelthree li, ol.levelfour li
{
	list-style: none;
	padding-left: 1.5em;
	font-size: 100%;
	border-left: 2px solid #ACAC37;
}

ol.levelone li
{
	font-size: 120%;
	color: #6B6614;
	text-transform: uppercase;
	border-left: none;
}

ol.levelone li a { color: #6B6614; }
ol.leveltwo { padding-bottom: 0.5em; }

ol.leveltwo li
{
	font-size: 90%;
	text-transform: none;
}
ol.leveltwo li a
{ color: white; }


dd a:hover { text-decoration: underline; }

dl dt
{
	font-weight: bold;
	padding: 1em 0em 0.3em 0em;
	color: #6B6614;
}

dl dd { padding: 0.1em 0em 0.1em 0em; }

dl dd a
{
	color: white;
	text-decoration: none;
}
dl dd a:visited
{
	color: white;
}
dd#copy { padding: 0.5em 0em; }
dd.text { padding: 0.5em 0em; }

dd.strike
{
	color: #6B6614;
	text-decoration: line-through;
}

dl.teaser { padding: 0em 0em 0.5em 0em; }
dl.teaser dt, dl.teaser dd.special { font-size: 120%; }

dl.teaser dd
{
	font-size: 100%;
	font-weight: bold;
	padding-left: 0em;
}

#sidebar dt { color: #6B6614; }
#sidebar dd, #sidebar dd a { color: white; }
#sidebar dd { font-size: 100%; }

#sidebar dl.navlist { padding-bottom: 3em; }
#sidebar .sublist
{
	padding-left: 3em;
}

#sidebar img#header
{
	margin-top: 2em;
	width: 16.875em;
	height: 3.59375em;
	display: block;
	float: none;
}
#sidebar dl#reserve { padding-top: 4em; }

p.note { padding-top: 2em; }
#sidebar p.note { color: white; }

form input { display: block; }
/********************************/
/*******************************/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}

#wrapper
{
	font-size: 100%;
	width: 50em;
}

.nav
{
	list-style: none;
	float: left;
}

.nav li
{
	display: inline;
	float: left;
}

.nav li a
{
	float: left;
	text-decoration: none;
}

.nav li a:hover { text-decoration: underline; }

/********************************/
/*******************************/
#header
{
	width: 100%;
	float: left;
	background: white;
	position: relative;
}

#header img#logo
{
	float: left;
	padding-left: 3%;
	padding-right: 2%;
	height: 5.3125em;
	width: 3.5em;


}
#header img#tagimg
{
	float: left;
	width: 8.5625em;
	height: 1.375em;
	position: absolute;
	bottom: 0.5em;
	left: 6.5em;
}

#header .nav
{
	float: right;
	position: absolute;
	bottom: 0.5em;
	right: 0em;
}

#header .nav li
{
	color: #888;
	padding: 0.5em 1em;
	font-size: 60%;
	font-weight: bold;
}

#header .nav li a { color: #888; }

#header .nav li a:hover
{
	color: #666;
	text-decoration: underline;
}

/********************************/
/*******************************/
#banner
{
	position: relative;
	z-index: 300;
	width: 50em;
	float: left;
}

#banner object
{
	float: left;
	width: 50em;
	height: 14em;
}

#banner img
{
	width: 50em;
	height: 9.323em;
	float: left;
	position: relative;
	z-index: 7;
}
#bannerimage 
{
	float: left;
	position: relative;
}
#bannerimage dl#copyright
{
	float: left;
	position: absolute;
	bottom: 0em;
	right: 0em;
	font-size: 60%;
	z-index: 9;
	opacity: 0.4;
	filter: alpha(opacity=20);	
}
#bannerimage dl#copyright:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);	
}
#bannerimage dl#copyright:hover a { text-decoration: underline; }

#banner .nav
{
	width: 100%;
	padding: 0.4em 0em;
	background: #333;
}

#banner .nav li
{
	color: #BCC53E;
	border-right: 0.1em solid #BCC53E;
}

#banner .nav li.right { border-right: none; }

#banner .nav li a
{
	color: #BCC53E;
	font-size: 60%;
	font-weight: bold;
	padding: 0.1em 1.5em;
	margin: 0em 0.3em;
}

#banner .nav li a:hover
{
	color: white;
	text-decoration: none;
}

body.ensemble #nav1 li#ensemble a,
body.education #nav1 li#education a,
body.boxoffice #nav1 li#boxoffice a,
body.backstage #nav1 li#backstage a,
body.supportus #nav1 li#supportus a { color: white; }
body#internships #nav2 li#internships a,
body#communityinvestment #nav2 li#communityinvestment a,
body#academicaccess #nav2 li#academicaccess a,
body#subscriptions #nav2 li#subscriptions a,
body#groupsanddiscounts #nav2 li#groupsanddiscounts a,
body#onstage #nav2 li#onstage a,
body#giftoftheatre #nav2 li#giftoftheatre a,
body#specialevents #nav2 li#specialevents a,
body#companyhistory #nav2 li#companyhistory a,
body#pastproductions #nav2 li#pastproductions a,
body#people #nav2 li#people a,
body#photography #nav2 li#photography a,
body#awards #nav2 li#awards a,
body#pressroom #nav2 li#pressroom a,
body#showsponsorship #nav2 li#showsponsorship a,
body#individualcontributions #nav2 li#individualcontributions a,
body#producercircle #nav2 li#producercircle a,
body#donorlist #nav2 li#donorlist a { color: white; }
body#barbraandrews #nav2 li#barbraandrews a,
body#emilypatondavies #nav2 li#emilypatondavies a,
body#suzannefavette #nav2 li#suzannefavette a,
body#wendyfranz #nav2 li#wendyfranz a,
body#jarradholbrook #nav2 li#jarradholbrook a,
body#warrensherrill #nav2 li#warrensherrill a,
body#melissastrasser #nav2 li#melissastrasser a,
body#michaelstricker #nav2 li#michaelstricker a,
body#christopherwink #nav2 li#christopherwink a,
body#carolynvalentine #nav2 li#carolynvalentine a,
body#marthaharmonpardee #nav2 li#marthaharmonpardee a { color: white; }

#nav2.global
{
	background: #333;
	clear: both;
	width: 100%;
	padding: 0.5em 0em 0em 0em;
}

#nav2 .nav
{
	width: 100%;
	padding: 0.2em 0em;
}

#nav2 .nav li { border: none; }

#nav2 .nav li a
{
	font-size: 60%;
	font-weight: normal;
	padding: 0.1em 1em;
}

/********************************/
/*******************************/
#body
{
	position: relative;
	width: 100%;
	float: left;
	font-size: 80%;
	background: #BCC53E url(../images/artwork/main_bg.gif) top left repeat-y;
}

#content
{
	width: 100%;
	float: left;
	padding-bottom: 3em;
}

#body.sm #content { background: url(../images/artwork/sidelt_bg.gif) 30% 0% repeat-y; }
#body.ms #content { background: url(../images/artwork/sidert_bg.gif) 70% 0% repeat-y; }

#body img#scriptimg
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 22em;
	height: 15em;
}
#body img#scriptimgiemain,
#body img#scriptimgie
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 18.5em;
	height: 12.6em;
	display: none;
}

#body.ms #main,
#body.sm #sidebar { float: left; }
#body.sm #main,
#body.ms #sidebar { float: right; }

#body.ms #sidebar,
#body.sm #sidebar
{
	display: block;
	width: 30%;
}

#body.ms #main,
#body.sm #main { width: 70%; }

#main
{
	float: left;
	width: 100%;
}

#sidebar
{
	position: relative;
	z-index: 500;
	display: none;
}

.copy
{
	padding: 1em 3em 2em 2em;
	font-size: 80%;
	float: left;
	position: relative;
}
#main div.copy h1
{
	padding: 0.5em 0em 1em 0em;
}	
#main div.copy img.title
{
	width: 33.496em;
	height: 4.004em;
	position: absolute;
	top: 0.7em;
	left: 1em;
}

/* DEBUG ONLY */
/*
#main div.copy img.title:hover
{ opacity: 0.3; }
*/

/********************************/
/*******************************/
#footer
{
	clear: both;
	width: 100%;
	padding: 1em 0em;
	text-align: center;
	font-size: 60%;
	color: #888;
	background: white;
}

#footer .nav
{
	float: none;
	padding: 0.7em;
}

#footer .nav li
{
	float: none;
	display: inline;
	padding: 0em 1.5em;
	border-right: 1px solid #888;
}

#footer .nav li.right { border-right: none; }

#footer .nav li a
{
	color: #888;
	float: none;
}

#footer .nav li a:hover
{
	color: #666;
	text-decoration: underline;
}