* {
margin:0;
padding:0;
outline:0;
}

img {border:0;}

.clearfix:after,
#our-tem:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #our-team {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #our-team {height: 1%;}
.clearfix, #our-team {display: block;}
/* End hide from IE-mac */
fieldset {border:0;}
body {
font-family:arial;
font-size:12px;
line-height:150%;
letter-spacing:0.009em;
background:#aeaeae;
color:#666;
}
p {
margin:10px 0;
}
a {
color:#511a2a;
}
a:link,a:visited {
text-decoration:underline;
}
a:hover,a:active {
text-decoration:none;
}

h2 {
font-size:20px;
font-variant:small-caps;
font-family:georgia;
font-weight:normal;
color:#3e5309;
letter-spacing:0.05em;
margin:8px 0;
}
h3 {
font-size:16px;
margin:8px 0;
color:#511a2a;
font-family:georgia;
font-weight:normal;
font-style:italic;
letter-spacing:0.05em;
}
h4 {
font-size:14px;
margin:6px 0;
}



/**
 * STRUCTURE
 *****************/

#container {
width:816px;
margin:25px auto;
}
#outer-wrapper {
background:url('/mysite/images/repeat_wrapper.gif') repeat-y;
}
#wrapper {
background:transparent url('/mysite/images/wrapper_bottom.gif') no-repeat bottom left;
position:relative;
padding:0 8px 16px 8px;
width:800px;
}
#left {
width:210px;
float:left;
position:relative;
padding:140px 0 0 0;
}
#left h1 {
height:180px;
position:absolute;
z-index:100;
background:url('/mysite/images/logo.png') no-repeat;
top:-43px;
left:-20px;
display:block;
width:235px;
}
#left h1 a {
display:block;
height:100%;
text-indent:-9999em;
}
#main {
float:left;
width:583px;
padding:4px 0 0 0;
}
#banner-wrapper {border:3px solid #666;height:316px;}

#banner {
position:relative;
height:260px;
}
#banner-header {
font-size:18px;
font-family:georgia;
background:#511a2a;
color:#fff;
font-variant:small-caps;
padding:4px 10px;
}
#banner-header h2 {
width:49%;
float:left;
}
#banner-header h3 {
width:49%;
float:right;
}
#banner-header h2,#banner-header h3 {
color:#fff;
}

.portrait #banner {width:290px;float:left;border:0;}
.portrait #banner img {width:290px;}
#banner-wrapper.portrait {height:352px;}
.portrait #banner-header {padding:140px 0 0 0;width:287px;float:right;}
.portrait #banner-header h2 {text-align:center;width:100%;background:#511a2a;padding:8px 0;}
.portrait #banner-header h3 {float:none;width:100%;text-align:center;color:#333;}
.portrait #banner-header {height:212px;background:#ddd;}
#banner-wrapper.portrait #banner-header .learn-more {text-align:center;font-family:arial;font-size:14px;text-transform:none;font-variant:normal;}
#banner a {

}
#banner-buttons {
position:absolute;
right:-4px;
bottom:0;
width:198px;
}
#banner-buttons a {
display:block;
text-indent:-9999em;
height:100px;
height:48px;
}
#banner-buttons a#tickets {
background:url('/mysite/images/get_tickets.png') no-repeat;
}
#banner-buttons a#audition {
background:url('/mysite/images/audition_info.png') no-repeat;
}
#banner-buttons a#backstage {
background:url('/mysite/images/backstage.png') no-repeat;
height:50px;
}

#content {
padding:10px;
min-height:500px;
}
#body-home #content {
min-height:0;
}
#body-home #content {
padding:10px 10px 10px 0;
}
#content #whats-happening {
float:left;
width:100%;
}
#whats-happening h2 {
border-bottom:2px dotted #999;
padding:0 0 10px 0;
width:95%;
}
#content #recent-events {
float:left;
width:37%;
position:relative;
}
#content dl {
line-height:120%;
}

.upcoming-event {
overflow:hidden;
width:95%;
margin-bottom:12px;
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
.upcoming-event.last {border:0;}
.upcoming-event h3 {
font-style:normal;
font-family:arial;
font-weight:bold;
}
.upcoming-event h3 a {
text-decoration:none;
}
.upcoming-event .event-date {
width:30%;float:left;text-transform:uppercase;font-size:12px;font-weight:bold;padding
}
.upcoming-event .event-desc {
width:68%;float:right;border-left:1px solid #ccc;padding-left:5px;
}
h4.plct-prod {font-weight:normal;font-size:12px;color:#3d5208;background:#fcf9ce;color:#511a2a;padding:2px 6px;}
h2.recent-events {margin-top:40px;}
#newsletter {
margin:20px 0;
}
#newsletter p {
text-align:center;
margin:0 auto;
width:75%;
}
#newsletter input#newsletter-email {
width:70%;
color:#999;
margin-left:10px;
}
#plct a {
background:url('/mysite/images/btn_plct.gif') no-repeat top left;
text-indent:-9999em;
height:110px;
width:100%;
display:block;
margin-left:10px;
}
#footer {
text-align:center;
}
.content-image {
margin:10px 0;
}
/**
 * NAV
 ******************/

ul#nav {
width:200px;
height:116px;
background:url('/mysite/images/navbar.gif') no-repeat;
}
ul#nav li {
text-indent:-9999em;
list-style:none;
height:20px;
}
ul#nav li a {
display:block;
height:100%;
background:transparent;
}
ul#nav li#nb1 { }
ul#nav li#nb2 {height:24px;}
ul#nav li#nb3 {height:22px;}
ul#nav li#nb4 {height:24px;}
ul#nav li#nb5 {height:23px;}

ul#nav li#nb1 a:hover,ul#nav li#nb1 a.current,ul#nav li#nb1 a.section {background:url('/mysite/images/navbar.gif') no-repeat 0 -116px;}
ul#nav li#nb2 a:hover,ul#nav li#nb2 a.current,ul#nav li#nb2 a.section {background:url('/mysite/images/navbar.gif') no-repeat 0 -136px;}
ul#nav li#nb3 a:hover,ul#nav li#nb3 a.current,ul#nav li#nb3 a.section {background:url('/mysite/images/navbar.gif') no-repeat 0 -160px;}
ul#nav li#nb4 a:hover,ul#nav li#nb4 a.current,ul#nav li#nb4 a.section {background:url('/mysite/images/navbar.gif') no-repeat 0 -182px;}
ul#nav li#nb5 a:hover,ul#nav li#nb5 a.current,ul#nav li#nb5 a.section {background:url('/mysite/images/navbar.gif') no-repeat 0 -206px;}


div.production-image {
float:left;
margin:0 10px 0 0;
width:200px;
}
div.production-callout {
width:200px;
float:right;
background:#eee;
border:2px solid #999;
padding-bottom:10px;
margin:10px 0 10px 10px;
}
div.production-callout h4 {
text-align:center;
}
#content div.production-callout ul li {
list-style:none;
margin-left:0;
}
div.production-callout ul li a {
display:block;
height:46px;
width:173px;
text-indent:-9999em;
margin:0 auto;
}
div.production-callout li#audition a {
background:url('/mysite/images/btn_auditions.gif') no-repeat top left;
}
div.production-callout li#backstage a {
background:url('/mysite/images/btn_backstage.gif') no-repeat top left;
}
div.production-callout li#photos a {
background:url('/mysite/images/btn_photos.gif') no-repeat top left;
}
p#photos a {
text-indent:-9999em;
height:46px;
width:173px;
display:block;
background:url('/mysite/images/btn_photos.gif') no-repeat top left;
}


div.production div.production-image {
width:100px;
}
div.event-image {
float:left;
margin:0 10px 10px 0;
width:100px;
}
div.production-info {
width:340px;
float:right;
}
div.production-info h3 {
margin:0;
}
div.production div.production-info {
width:440px;
}
div.event-info {
width:450px;
float:right;
}
div.event-info h3 {
margin:0;
}

#content form label {
display:block;
}
#content fieldset {border:0;}

div#characters, div#show-times {
width:49%;
float:left;
margin:0 0 20px 0;
}
#content ul li {
margin-left:30px;
}

div.gallery-item {
width:150px;
float:left;
text-align:center;
height:160px;
}
div.gallery-item a:link, div.gallery-item a:visited {
text-decoration:none;
}
#content-right {width:30%;float:right;}
#content-left {width:65%; float:left;}
ul.subnav li {list-style:none;}

body .album-nav li {width:40%;margin:0;padding:1%;list-style:none;}

.plct-prod {display:block; font-style:italic;font-weight:bold;margin:5px 0;}
#our-team {margin-top:20px;}
#our-team ul li {list-style:none;text-align:center;width:150px;float:left;height:210px;}
* html #our-team ul li {display:inline;}