/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
  padding:0;
  margin:0;
	font-size: 84%;  
  font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
  background:#fff url(/static/images/background-masthead.png) left top repeat-x;
}

a img {
  border: none;
}

a {
  text-decoration:none;
  color:#661219;
  color:#d2413d;
}

a:hover {
  color:#001926;
  color:#9a302d;
}

.sitemap a:hover, .subnav a:hover, a.more:hover {
  color:#ca3e3b;
  color:#9a302d;  
}

div.skipNav {
  display:none;
}

p a {
  text-decoration:underline;
}

a.more {
  background:url(/static/images/subnav_arrow.png) right center no-repeat;
  padding-right:16px;
  text-decoration:none;
  padding-left:8px;
  display:block;
  text-align:right;
}

p a.more {
  display:inline;
}



/*-----------------------------------------------------
        >> Font sizing, spacing and margins <<
-----------------------------------------------------*/

h1 {
  font-size:2.2em;
  line-height:1;
  margin:2.0em 0 1.0em 0;
  border-bottom:1px solid #ccc;
/*  border-bottom-color: #ccc;
  border-bottom-style: double;
  border-bottom-width: 4px;*/
}
.showHeader h1 {
  font-size:1.9em;
  letter-spacing:0;
}
h2 { /* home page intros, show titles */
  font-size:1.3em;
/*  font-weight:bold;*/
  margin-bottom:1.0em;
  letter-spacing:0.05em;
  padding-bottom:0.2em;
  border-bottom:1px dotted #ccc;    
}
.post h2, .show h2  {
  font-size:1.2em;
  letter-spacing:0.05em;
  margin-top:0.5em;
}
h3 {
  font-size:1.0em;
  line-height:1;
  margin-top:1.8em;
  margin-bottom:0.5em;
}
.recentNews h3 {
  font-size:1em;
  line-height:1.4em;
  margin-top:0;
  margin-bottom:0.7em;
}
h4, .announcement p {
  font-size:1.2em;
  line-height:1.25;
  margin-bottom:1.25em;
  height:1.25em;
}
.subnav li {
  margin-bottom:0.75em;
  font-size:0.9em;
}
.globalNav li, .sitemap li {
  font-size:0.9em;
}
h5 {
  font-size:1em;
  font-weight:bold;
  margin-bottom:1.5em;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:1.6em;
  margin-bottom:1.1em;
}
.intro p, .primary p {
  font-size:1.2em;
}
label, small, .news p, .signup p, .current p {
  font-size:0.9em;
  line-height:1.5;
}
#SS_caption {
  font-size: 0.85em;
}
.sidebar h3 {
  font-size:0.9em;
  line-height:1.4;
}
.signup p {
  line-height:1.4;
  margin-bottom:0;
}
div.sidebar {
  float:right;
  width:250px;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
  width:860px;
  padding:0 21px;
  margin:0 auto;
  overflow:hidden;
}
.main { /*area below the nav and above the footer*/
  margin-top:30px;
  background:#fff;
  width:100%;
  float:left;
}
.content { /* good text width */
  float:left;
  position:relative;
  width:574px;
  margin:0;
  min-height:300px;
  padding:0;
}
.people {
  padding:0;
  width:576px;
}
.intro {
  margin-bottom:40px;
}
div.announcement {
  height:24px;
  background: #424242 url(/static/images/announcement_underline.png) bottom left no-repeat;
  padding: 16px 0 12px 0;
  margin-bottom:14px;
}
.footer {
  width:100%;
  overflow:hidden;
  height:270px;
  margin-top:60px;
  background:url(/static/images/background-footer.jpg) repeat-x;
}
/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/
div.navigation {
  width:100%;
  overflow:hidden;
  height:38px;
}

div.masthead {
  background: #ef413d url(/static/images/title.png) left top no-repeat;
  width:656px;
  height:79px;
  margin:0 auto;
  margin-top:19px;
}
.masthead a {
  display:block;
  width:100%;
  height:79px;
}
ul.globalNav {
  margin:0;
  padding:0;
  float:left;
  width:100%;
}

ul.globalNav li {
  float:left;
  width:140px;
  list-style-type:none;
  margin:0 4px 0 0;
  background: #d2413d url(/static/images/navigation.png) top left no-repeat;  
}
ul.globalNav li.active {
  background:url(/static/images/navigation.png) top right no-repeat;
}
.globalNav li.last {
  margin-right:0;
}
ul.globalNav li a {
  display:block;
  text-align:center;
  padding:10px;
  color:#fff;
  height:38px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-family:Tahoma, Verdana, sans-serif;
}
ul.globalNav li.community-programs a {
  padding-top: 5px;
  height:45px;
}
ul.globalNav li.active a {
  color:yellow;
}
ul.globalNav li a:hover {
  color:yellow;
}
ul.globalNav ul {
  margin:0;
  padding:10px 0 0 0;
}
ul.globalNav ul li {
  display:list-item;
  float:none;
  text-align:right;
  margin-bottom:4px;
/*  font-size:14px;*/
}
ul.globalNav ul li a {
  display:inline;
  background:#fff;
  padding-right:6px;
}
ul.globalNav ul li a:hover {
  background:#fff;
  color:#333;
}
ul.globalNav ul li.active a {
  font-weight:bold;
}

ul.subnav {
  float:right;
  width:240px;
  padding:0;
  margin: 0 0 50px 0px;
  list-style-image:url(/static/images/subnav_arrow.png);
}
ul.subnav li {
  margin-left:8px;
}
ul.subnav a {
}
ul.subnav li.active a {
  font-weight:bold;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/


em, i {
  font-style:italic;
}
h1 {
  color:#58564d;
  padding-bottom:0.2em;
  letter-spacing:0.05em;
}
h2 {

}
.blog h2 {
  margin-top:0;
  line-height:1.5;
}
.blog h2 span {
  font-size:0.8em;
  font-weight:normal;
}
h3 {
  font-weight:bold;
}
h4 {
}
.announcement p {
  text-align:center;
  color:#fff;
}
.announcement p strong {
  color: yellow;
  text-transform:uppercase;
  letter-spacing:1px;
}
.announcement a {
  color: #fff;
  text-decoration: none;
}
.announcement strong a {
  color: yellow;
}
.intro p {
  line-height:160%;
}

ul {
  padding-left: 40px;  
  margin:18px 0 21px 0;
}

li {
  line-height:110%;
  margin-bottom:4px;
}

blockquote {
  padding:7px 20px 0 35px;
  margin:30px 12px;
  background:url(/static/images/quote.png) left top no-repeat;
}
blockquote p {
  color:#58564d;
  padding:0;
  margin:0;
  font-size:1em;
  font-style:italic;
  line-height:1.5em;
}
blockquote p em {
  font-style:normal;
}

blockquote cite {
  display:block;
  margin-top:5px;
  font-style:normal;
  text-align:right;
}

hr {
  border:none;
  display:block;
  margin-top:40px;
}

/*-----------------------------------------------------
                >> Footer & Sitemap <<
-----------------------------------------------------*/

.newsletter {
  float:left;
  color:#fff;
  width:284px;
  height:142px;
  background:#000;
  border-right:4px solid #fff;
}
ul.sitemap {
  width:860px;
  margin:20px auto;
  overflow:hidden;
}
ul.sitemap, ul.sitemap ul {
  padding:0;
  list-style-type:none;
}
ul.sitemap li {
  width:133px;
  float:left;
  padding-left:0px;
  font-weight:bold;
}
ul.sitemap li span {
  display:block;
  height:2.0em;
}
ul.sitemap ul {
  margin:8px 0 0 18px;
  list-style-image:url(/static/images/subnav_arrow_sitemap.png);
}
ul.sitemap ul li {
  float:none;
  padding:0;
  width:100%;
  font-weight:normal;  
}
.sitemap a {
  color:#000;
}
.pretty {
  clear:both;
  padding-top:4px;
}


/*-----------------------------------------------------
        >> Standard Image & Caption Handling <<
-----------------------------------------------------*/

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
}

.captioned blockquote p {
  font-size:0.9em;
  color:#777;
  font-style:normal;
  line-height: 140%;
}

img.small, .smallCaptioned {
  float:left;
  width:214px;
  margin:0 18px 10px 0;
}
img.small_right, .small_rightCaptioned {
  float:right;
  width:214px;
  margin:0 0 10px 18px;
}
img.med, .medCaptioned {
  float:left;
  width:286px;
  margin:0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float:right;
  width:286px;
  margin:0 0 10px 18px;
}

img.large, .largeCaptioned {
  width:574px;
  margin:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:2px 0;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}
img.headshot {
  float:left;
  width:214px;
  position:relative;
  margin:0 12px 10px 0;
}

div.credit p, div.credit h4 {
  font-size:80%;
  color:#666;
}
.credit h4 {
  font-weight: bold;
  margin:0 0 4px 0;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float:none;
  margin:0;
}





/*-----------------------------------------------------
                     >> News <<
-----------------------------------------------------*/
/* homepage */


.ding {
  text-align:center;
}

.post h2 {
  font-weight:bold;
}
.post h2 span {
  display:block;
  font-weight:normal;
}
div.post {
  padding-bottom:35px;
  margin-bottom:5px;
}
div.recentPost {
  margin-bottom:1.5em;
}
.news h2 a {
  font-size:60%;
}
.post p, .post ul {
}


.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
}
.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
}
.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

/*-----------------------------------------------------
                     >> Gallery <<
-----------------------------------------------------*/

.slideshow {
  position:relative;
  width:912px;
  height:490px;
  margin-bottom:26px;
  margin-left:-20px;
  background:url(/static/images/slideshow_background.png) top left no-repeat;
}

.slideshow img {
  margin:37px 0 0 34px;
  width:837px;
  height:424px;
}

ol.galleryNav {
  list-style:none;
  padding:0;
  position:absolute;
  top:48px;
  right:48px;
}
ol.galleryNav li {
  display:block;
  padding:3px 12px;
  float:left;
  color:#444;
  font-weight:bold;
  cursor:pointer;
/*  font-size:14px;*/
}
.galleryNav li a {
  padding:3px 12px;
  color:#444;
}
.galleryNav li#activeThumb {
  color:#ed1556;
}


div.gallery .slideshowMain {
  background: url(/static/images/slideshow_loader.gif) center center no-repeat;
}

div.gallery .slideshowMain img, div.gallery .image img {
  width:96%;
}

div.gallery .slideshowThumbs img {
  width:18%;
  margin-right:1%;
}

div.gallery #SS_caption {
  position:relative;
  bottom: 22px;
  left: 34px;
  padding: 2px 5px;
  width: 827px;
  margin: 0;
  background: #000;
  color: #fff;
  text-align: right;  
}

div.gallery .slideshowMain p.caption {
  height:50px;
}

/*-----------------------------------------------------
                  >> Shows <<
-----------------------------------------------------*/

/* Shows page */

.shows {
  margin-top:50px;
}
li.shows {
  margin-top:0;
}

.primary {

}
.primary img {
  width:100%;
  margin-bottom:1.8em;
  margin-bottom: 0;
}
.currentSeason {
  background: #424242;
  color: yellow;
  padding:2px 10px;
  margin-bottom:1.5em;
}
.currentSeason p {
  text-align:center;
  font-size:1.0em;
  margin:0;
}
.seasons {
  margin-top:50px;  
}

.seasons ul, .touring ul {
  list-style-type:none;
/*  font-size:120%;*/
  padding:0;
  margin: 0 0 20px 0px;
}
.seasons li, .touring li {
  padding-left:20px;
  background: url(/static/images/subnav_arrow.png) left 4px no-repeat;    
  padding-bottom:0.7em;
  margin-bottom:0.7em;
  line-height:140%;
  border-bottom:1px dotted #ccc;  
}
.seasons li a, .touring li a {
  font-weight: bold;
}
.seasons li.last {
  border-bottom:0;
}
.touring li {
  border-bottom: none;
  padding-bottom: 0;
  margin: 0 0 4px 0;
}

.seasons li span.presenter, .seasons li span.dates {
  font-weight:normal;
  padding-top:0;
  font-size:0.9em;  
}
.collaborators ul {
  margin: 1.8em 0;
  list-style-type:none;
  padding:0;
}
.show h2 {
  border-bottom:0px;
  margin:0.5em 0 0.5em 0;
  padding:0;
}

.shows div.show {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom:1px solid #ccc;
}

.current {
  margin:0px 0 1.8em 0;
  z-index:100;
  position:relative;
  padding:3px 5px 4px 5px;
  text-align:center;
  background:yellow;  
}
.current p {
  margin:0;
  color:#000;
}


/* Individual show pages */

.showHeader {
/*  border-top:1px dotted #bbb;*/
  border-bottom:1px solid #ccc;
  padding:8px 0;
  margin:2.0em 0 1.5em 0;
}
.showHeader h1 {
  margin:0;
  border:0;
  overflow:hidden;
}
.showHeader h1 span {
  float:left;
}
.showHeader h1 span.all {
  float:right;
  font-size:60%;
}
.show img.key {
  margin-bottom: 1.5em;
}
.show h2 {
  margin:2.0em 0 1.0em 0; 
}
.showHeader .subtitle {
/*  text-align:center;*/
  margin-bottom:4px;
  font-style:italic;
}
.showHeader .presenter {
 font-weight:bold;
 margin-bottom:2px; 
}
.showHeader .subtitle {
  color:#58564d;  
  font-size:1.3em;
}
.show blockquote {
  margin: 20px 0 30px 0;
}
.show ul {
  margin: 2.5em 0;
}
.show ul li {
  margin-bottom: 0.6em;
}
.logos {
  text-align:center;
  margin:3.0em 0 1.0em 0;
}
img.logo {
  height:50px; 
/*  float: left;*/
  margin-right: 25px;
}
img.allLogos {
  width:100%;
}


/* Sidebar seasons */

p.season {
/*  line-height:1.4em;*/
  margin-top: 20px;
}
p.pastSeason {
  font-size: 0.8em;
  line-height: 130%;
  margin-bottom: 13px;
}
.season .presenter {
  display:block;
  font-style: italic;
}
.season .showTitle {
  display: block;
  font-size: 150%;
  margin: 0.3em 0;
}
.season .subtitle {
  display:block;
  margin-bottom: 10px;
}

div.performances, div.booking_details {
  color: #666;
  margin-top: 1.0em;
}

div.performances p, div.booking_details p {
  margin:0;
  font-size: 80%;  
}



/*-----------------------------------------------------
                  >> Forms <<
-----------------------------------------------------*/

form {
/*  margin-top:30px;*/
}

fieldset {
  padding:0;
}

label {
  display:block;
  font-weight: bold;
  overflow:hidden;
  margin-bottom:10px;
}
label input {
  font-size:16px;
}
fieldset textarea {
  line-height:130%;
  font-size: 16px;
}
select {
  font-size: 16px;
}
p.submit {
  margin-top:10px;
  width:100%;
  overflow:hidden;
}
.submit input {
}

/* Email newsletter */

.signup form {
  margin-top:10px;
}
.signup label {
  margin-bottom:0.5em;
}
.signup label input {
  display:inline;
  font-size:16px;
/*  width:170px;*/
}
.signup p.submit {
  text-align:right;
}



/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

p.numberComments {
  font-size:0.8em;
  font-weight:bold;
  text-align:right;
  margin-top:25px;  
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

/*-----------------------------------------------------
                     >> Comments <<
-----------------------------------------------------*/

.date, .hidePreview {
  font-size:70%;
  color:#000;
  padding-left:4px;
}
form.comments {
  margin-top:45px;
}

form.comments div.details {
  float:left;
  width:40%;
  padding:0;
}

.details input {
  margin:0;
  width:98%;
}

form.comments div.comment {
 float:right;
 width:54%;
}

.comment textarea {
  width:98%;
}

form.comments small {
  float:right;
  font-size:11px;
  display:block;
  margin-top:0;
}

form.comments p.submit {
  padding-top:4px;
  clear:both;
  text-align: right;
}

#commentPreview p {
  color:#444;
}

h2.commentsHeader {
  margin-top:40px;
  font-size:16px;
  font-weight:bold;
}

div.comment {
  margin-bottom:20px;
}

div.comment p {
  margin-bottom:25px;
  color:#444;  
  font-size:0.9em;
  line-height:1.3;  
  width:80%;
  margin-bottom:1.0em;
}

.commenter {
  font-size:13px;
  margin-bottom:5px;
}



/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

form.search {
  width:860px;
  margin: 10px auto;
  padding-bottom: 20px;
  text-align: left;
}
.search label {
  margin-bottom: 4px;
  line-height: 100%;
}
.search input {
  font-size: 16px;
}

/*-----------------------------------------------------
                     >> People <<
-----------------------------------------------------*/

.person {
  float:left;
  width:126px;
  height:200px;
  margin: 0 16px 0 0;
}
.person h2 {
  font-size:1.0em;
  font-weight: bold;
  margin:0 0 0.3em 0;
  border-bottom:0;
}
.person img {
  width:100% ! important;
  margin-bottom:9px;
}



/*-----------------------------------------------------
                     >> Mimetypes <<
-----------------------------------------------------*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}