/*
Theme Name: Storybook 2.0
Author: Rick Gregory
*/


/* Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,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;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	background: transparent;
	border: none;
	text-decoration: none
}
b,i,hr,u,center,menu,layer,s,strike,font,xmp {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	background: transparent;
	border: none;
	text-decoration: none
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Basics */
body {font-family: verdana, sans-serif;background-color: #000;margin:0;padding:0;}
a, a:visited {color:#851F73;font-weight:500;}
a:hover {text-decoration:underline;}
div.button a {background: url(images/button.png)no-repeat;display:block;height: 2.5em; margin: 0 auto; text-align:center; width: 160px;padding-top: 1em;color:white;font-family: "museo-slab";font-size: 16px; text-transform: uppercase;}
div.button a:hover {background: url(images/button-rollover.png)no-repeat;}
h1 {font-weight: bold; color: #FDB813;font: 28px "museo-slab";font-weight: normal;margin:0; padding:0;}
h2 {color: #A30033;font: 18px "museo-slab";margin-top: 1em;text-transform: capitalize;font-weight:bold;}
h2 a, h2 a:visited {color: #A30033;}
h2 a {text-decoration: underline;}
h3 {color: #3A8195;font: 15px "museo-slab";margin-top: .33em;font-weight:bold;}
li {list-style:inside disc;}
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
	img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

/* Structure */
#container {margin: 0 auto;padding: 0; width: 1240px; border: 0; overflow: hidden; background: #fff; height: auto;}
#mainstage {  float: left; background: #fff;width: 1048px;margin:0; padding:0; float: left;}
#stageleft {float:left;  width:91px;margin:0; padding:0;  background: transparent;}
#header {width: 1020px; margin: 0 0 0 10px;padding:0;float: left;}
#branding {margin:20px 0 0 0;padding:0; width: 100%;height:100px;}
#stageright {float: right; clear: right;  width:98px;  margin:0; padding:0; background: transparent;}
#rotator {background: #f00 url('images/rotator/mission-act.png') no-repeat; height: 284px;width:994px; padding:0; margin: 0 0 20px 0;}
#footer {text-align:center; background: white; margin-top: 0px; padding: 10px 0; float: left; height: 1em; font-size: .75em; clear:both; width: 100%; color: #000;}
#footer a {color: #FFCA3C;}
div.logo {float: left;}
div.se-logo {float:right; margin:0 30px 0 0;height: 30px;}
/* Content */
#columns {width: 960px;margin: 0 auto;}
#content {width: 1020px; margin: 0 auto;float: left; padding:0;background: #fff url('images/content-bg.jpg') repeat-y;}
#entry {float: left; width: 500px;padding: 20px 30px 0 20px;font-size: 13px;}
div#entry h3 {margin:0;padding: 0;}
div#entry p {margin: 0 0 1em 0;padding: 0;}
div#entry ul {margin: 1em 0;}

.section.playing { float: left; margin:20px 10px 0 0; width: 222px}
.section.happening { float: left; margin:20px 10px 0 10px; width: 222px}
.section.support { float: left; margin: 20px 10px 0 10px; width: 222px}
.section.storybook { float: left;  margin-top: 20px; margin-left: 10px; width: 224px}
.section h1 {color: #A30033;font: 20px "museo-slab";margin-bottom: 0.5em;font-weight: bold;}
.section h3 {font: 14px verdana, Arial, sans-serif;font-weight: bold;}
.section h3 a {text-decoration: underline;color: #5F7E38;}
.section p {font-size: 13px ;line-height: 1.2;margin-bottom: 7px;}
.announcement {color:#A30033;font: 1.25em "museo-slab"}
blockquote {font-style: italic; margin: 10px 30px; font-family: Georgia, "Times New Roman", serif;font-size: 14px;}
div#entry li {margin-left: 20px;}
div.mainstage-bug {border-bottom: 1px solid #3A8195;width: 360px; height: 130px;}
div.entry-content {width: 770px;margin: 30px 0 0 30px;}
div.entry-content .gallery {width: 770px;margin: 30px;}
.ngg-gallery-thumbnail { margin: 0 20px 30px 0; clear:both;}
.ngg-gallery-thumbnail-box {border: none;}
.ngg-gallery-thumbnail img {margin: 5px;border: none; }
.ngg-album {width: 45%;float: left;margin: 10px;}

/* Navigation */
#navigation { width: 994px; font-family: "museo-slab";height: 34px; background: transparent url('images/nav-bg_rev.png') no-repeat; text-transform: uppercase;  }
#navigation p.description {color:white; font-weight: bold;padding-top: 8px}
#navigation a {color: #fff;font-weight: bold;}
#navigation a:hover {color: #FEC53F;}
#navigation ul { text-align:left; margin:0; font-size: 13px;padding: 0.7em 0 0 1em; }
#navigation ul li {display: inline; list-style: none;color: #fff;margin-right:45px;}
#uppernav { padding-right: 20px; height:1em;margin-top: 3em;clear: right;   float: right; font-family: verdana, sans-serif;}
#uppernav ul li {float: left;list-style:none;margin-right: 10px;font-size: .75em; color: #5F7E38;}
#uppernav a {color: #3A8195;font-weight: 700;}
#uppernav a:hover {color: #930077;}
ul#menu-upper-nav li {margin-top: 5px;}
ul#menu-main {text-align:center;}
div.menu-header ul li {padding:0;  font-size: 12px; }


div.menu_aside a:hover {color: #FDB813;}
form#searchform {height: 1.3em; float: right; padding: 0; bottom: 5px;}
form#searchform input#s { margin: 0;padding: 0; height: 1.2em;width: 100px;}
input#searchsubmit {background: transparent;border: none;}

/* Asides */
div.menu_aside {text-transform: capitalize;}
div.aside.navigation {min-height: 1000px; width: 176px; float: left;padding: 20px 0 0 0;margin:0 0 0 10px;font-family: museo-slab;}
div.aside ul li {margin-bottom: 5px;padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #467f92; list-style:none;font-size: 12px;}
div.aside ul.menu>li {border:none; margin:10px 0 0 -20px;padding: 0 0 10px 15px;font-size: 13px;background: url('images/aside-lights-bottom.png') no-repeat bottom;} 
div.aside ul li ul.sub-menu {padding: 5px;}
div.aside ul {list-style:none;padding: 0px 0 10px 20px;margin-bottom: 0px; font-size: 14px; }
div.aside ul ul {background: transparent;margin-top: 10px;}
div.aside h2 {font-size: 14px;border-bottom: 1px solid #3E621D;margin:0;  padding: 3px 0 3px 20px; }
div.aside h2 a {color: white;text-decoration:none; }
div.aside ul a {color: white;}
div.aside ul.menu li.current-menu-item>a {color: #FAB913;}
div#navigation .current-page-ancestor a {color: #FAB913;}
div#navigation .current-menu-item a {color: #FAB913;}
div.aside.navigation div.quote {color: white;margin:0 auto;padding: 20px;font-style: italic;}

div.photos {float: left; width: 300px;height: auto;background: #fff;}
div.photos.mainpage {float: right; width: 300px;height: 957px;background: #fff;}

div.photos  ul li {list-style:none;border: none;}
div.slideshowlink {display: none;}
div.sidebar-photo {width: 300px; height: 200px; background: #555;margin-top: 20px;}
.caption {font: 13px verdana, sans-serif;font-style: italic;}

/* 3 column */
.entry-content  {float: left; margin:0; padding: 0; font-size: 13px;}
.entry-content  p {margin-bottom: 1em;}
.entry-content .education {width: 470px;padding: 20px 20px 0 20px;font-size: 13px;}
.entry-content .boxoffice {width: 245px;float: left;float: left; margin: 20px 15px; padding: 0; }
.entry-content h1 {font-weight: bold; }
.entry-content  h2 {color: #A30033;font-weight: bold; }
.entry-content  h2 a {color: #A30033;text-decoration: underline;}
.entry-content .now-playing.studio, .entry-content .now-playing.storybook {
margin: 20px 15px 0 0;
-webkit-border-image: url(images/border-cell.png) 4 4 4 4 repeat;
-moz-border-image: url(images/border-cell.png) 4 4 4 4 repeat;
border-image: url(images/border-cell.png) 4 4 4 4 repeat;

text-align: left;
padding: 0;
width: 245px;
}

/* Contest */
div.contest.row {width: 750px;}

.entry-content .studio img, .entry-content .storybook img {margin:0;}
.entry-content .studio p, .entry-content .storybook p {padding: 5px;}
.ngg-gallery-thumbnail-box {padding:0;margin:10px 0;outline-color: white;border: none; }
.ngg-gallery-thumbnail   {font-size: 12px;}

div.show.poster, div.show.copy {float: left;width: 360px;}
div.show.copy {margin-left: 20px; width: 410px;}
div#entry.season, div#entry.wide, div#entry.descriptions {width: 770px;}
div#entry.descriptions {padding-bottom: 50px;}
div#entry.season.main table, div#entry.season.main table td {border: none;}
div#entry.season.main.sbt table  {text-align: center;margin-left: 200px; margin-bottom: 48px;}
div#entry.season.main.sbt table img {border: none; }
div#entry.season.main table img {border-top: 1px solid #888;margin-top: 20px;}
div.leftseason {width: 360px;float: left; margin: 12px 50px 0 0;}
div.rightseason {width: 360px; float: left;  }
div.rightseason p, div.leftseason p {color: green;text-transform: uppercase; }

/* Camp and classes */
.camp {width: 30%;float:left;}
.camp.two {margin: 0 20px;}
div.row {width: 100%; margin:0;padding:0;overflow: hidden;}
div.description {width: 225px; height: 430px; float: left; padding: 0; margin:0 10px;}
div#entry div.description p {margin:0;padding:0;line-height: 1.2;}
a.classtype {color: #5F7E38;}
div#entry.wide table.widegrid {width: 780px;}
table a {font-weight: normal;}
table.class_grid {width: 770px;}
table.class_grid th {color:#5E7C37;font-weight: bold;}
table.tickets td {border: none;}
table.tickets  {border: none;margin: 0 auto;}
/* Summer Programs */
div#entry.summer {width: 600px; float: left;margin-right: 10px;}
div#entry.summer  h2 {margin-top: 15px;}
div.catalog {width: 100%; float:left;margin: 0 0 10px 0;}

/* main stage shows */
div.comingsoon {float: left;width: 45%;margin-right: 9%;}
div.futureshows {float: left; width: 45%;}
div.show table {float: none;border: none;text-align:center;}

/* Tables */
div.entry-content table {max-width: 750px;}
table {border-collapse:collapse;  border: 1px solid #888;font-size: 11px;}
table.summer {border-collapse:separate; border-spacing: 0;width: 100%;margin: 15px;border: 1px solid #888;}
table.summer th {color: #5F7E38;}
table.summer th.type  {width:80px; }
table.summer td {font-size: 11px; padding: 5px;border: 1px solid #888;}

tr {border: none;}
td, th {padding: 2px; border: 1px solid #888; vertical-align:top;}
td.ages, td.low_age, td.high_age {text-align:center;min-width: 50px;}
td.dates {min-width: 65px; }
td.time {min-width: 90px;}
td.tuition {text-align: right;}


@media screen and (max-width: 1280px) {
  #stageleft, #stageright {display: none;}
#container {width: 1020px}
}