/* general styles */
body {color: #455560; font: 62.5%/16px Arial,Helvetica,sans-serif;}
a:hover.anchor-plain {text-decoration: none; cursor: text;}
.clear {clear: both;}

/* wrapper */
div#wrapper {margin: 0 auto; padding-bottom: 10px; position: relative; text-align: left; width: 930px;}

/* layout */
div#contentarea {padding-top: 24px;}
div#contentarea div#main-content {float: left; margin-bottom: 8px; padding-bottom: 30px; width: 650px; background: url(../images/css/sep-masthead.jpg) no-repeat center bottom;}


/* masthead */
div#masthead {background: url('../images/css/sep-masthead.jpg') no-repeat center bottom; margin: 0 auto; padding-bottom: 2px; position: relative; text-align: left; width: 930px;}
div#masthead a#logo {background: white url('../images/css/logo-medium.jpg') no-repeat 30px 18px; display: block; float: left; height: 0; overflow: hidden; padding-top: 160px; width: 225px;}
div#masthead div#masthead-image {height: 120px;	margin-left: 225px;	overflow: hidden; width: 705px;}
div#masthead div#masthead-image img {left: -710px; position: relative;}
div#masthead div#masthead-image img.loaded {left: 0;}
div#masthead ul#menu {margin: 7px 0 0 225px; position: relative; z-index: 10;}
div#masthead ul#menu li {background: transparent url('../images/css/sep-submenu.gif') no-repeat right center; float: left; font: 1em "Lucida Grande", Arial, sans-serif; padding: 5px 42px 5px 0; position: relative;}
div#masthead ul#menu li.lastitem {background: none;}
div#masthead ul#menu li a {color: #e31936;	display: block;	font-size: 1.8em; text-transform: uppercase;}
div#masthead ul#menu li:hover a, div#masthead ul#menu li.hovered a {text-decoration: none;}
div#masthead ul#menu li ul.tierone {background: url('../images/css/sep-submenutopper.jpg') repeat-x left 12px; left: -9999px; padding-top: 8px; position: absolute; z-index: 999;}
div#masthead ul#menu li.hovered ul.tierone {left: 0;}
div#masthead ul#menu li ul.tierone li {background-color: rgb(220,220,220); background-image: none; float: none;	padding: 0;	position: relative;	width: 150px;}
div#masthead ul#menu li ul.tierone li a {border-bottom: 1px solid rgb(255,255,255) !important; font-size: 1.2em; padding: 5px;	text-align: left; text-transform: none;}
div#masthead ul#menu li ul.tierone li.hovered a, div#masthead ul#menu li ul.tierone li a:hover {background-color: rgb(240,240,240);}
div#masthead ul#menu li ul.tierone li ul.tiertwo {left: -9999px; position: absolute;}
div#masthead ul#menu li ul.tierone li.hovered ul.tiertwo {left: 100%; top: 0;}
div#masthead ul#menu li:last-child ul.tierone li.hovered ul.tiertwo {left: -100%; top: 0;}
div#masthead ul#menu li ul.tierone li ul.tiertwo li {background-image: none;}
div#masthead ul#menu li ul.tierone li ul.tiertwo li a {background-color: rgb(220,220,220); border-left: 1px solid rgb(255,255,255); border-right: 1px solid rgb(255,255,255); margin: 0;}
div#masthead ul#menu li ul.tierone li ul.tiertwo li a:hover {background-color: rgb(240,240,240);}
div#masthead ul#menu li a:hover {color: rgb(40,40,40) !important;}


/* sidebar right */
div#contentarea div#sidebar-right {margin-left: 695px;}
div#contentarea div#sidebar-right div#sidebar-calendar {background-color: rgb(240,240,240);	color: rgb(80,80,80); margin-bottom: 25px; padding: 45px 10px 10px 10px; position: relative;}
div#contentarea div#sidebar-right div#sidebar-calendar div.date {margin-left: 58px;}
div#contentarea div#sidebar-right div#sidebar-calendar div.date span {display: block; position: relative;}
div#contentarea div#sidebar-right div#sidebar-calendar div.date span.dayofweek {font-size: 2.4em; z-index: 2;}
div#contentarea div#sidebar-right div#sidebar-calendar div.date span.dayofmonth {color: rgb(255,255,255); font-size: 10em; font-weight: bold; line-height: 1;	position: absolute;	right: 5px;	top: 0;	z-index: 1;}
div#contentarea div#sidebar-right div#sidebar-calendar div.date span.monthandyear {font-size: 1.4em; font-weight: bold;	line-height: 1.8em;	z-index: 2;}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar {width: 100%;}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar thead tr th, 
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar tbody tr td {font-size: 1.2em; padding: 2px; text-align: center; vertical-align: middle;}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar tbody tr td {border: 2px solid rgb(240,240,240);}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar thead tr th {font-weight: bold;}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar tbody tr td.event {background: rgb(190,40,35) url('../images/css/calendareventcorner.gif') no-repeat right bottom; color: rgb(255,255,255); padding: 0;}
div#contentarea div#sidebar-right div#sidebar-calendar table.calendar tbody tr td a {color: rgb(255,255,255); display: block; padding: 2px;}
div#contentarea div#sidebar-right h3 {font-size: 2.1em;	font-weight: bold; padding-bottom: 5px;}
div#contentarea div#sidebar-right ol.eventlist {}
div#contentarea div#sidebar-right ol.eventlist li {line-height: 20px; padding: 10px 0;}
div#contentarea div#sidebar-right ol.eventlist li h4 {color: #e31936; font-size: 1.3em; font-weight: bold;	text-transform:uppercase;}
div#contentarea div#sidebar-right ol.eventlist li span.date {display: block; color: #e31936; font-size: 1.3em; font-weight: bold;}
div#contentarea div#sidebar-right ol.eventlist li p {color: rgb(150,150,150);}
div#contentarea div#sidebar-right h2 {color:#455560; font-size: 2.1em; font-weight: bold; padding-bottom: 5px;}
div#hr {width:930px; background: url('../images/css/sep-masthead.png') no-repeat center bottom;	padding: 20px 0px 20px 0px;}
div#hrshort {width:650px; background: url('../images/css/sep-masthead.png') no-repeat center middle; padding: 20px 0px 20px 0px;}


/* timeline */
div#timeline {background: url('../images/css/sep-masthead.jpg') no-repeat center bottom; padding: 0px 0 20px 0;}
div#timeline h1 {color: #e31936; font-size: 2.1em; font-weight: bold; padding-bottom: 5px; padding-top:30px;}
div#timeline ul.timeline {padding: 15px 0 20px 13px;}
div#timeline ul.timeline li {float: left; line-height: 1em; width: 290px; padding-right: 15px;}
div#timeline ul.timeline li h2 {color: #455560; font-size: 1.4em; font-weight: bold; padding: 0px; padding-bottom:5px;}
div#timeline ul.timeline li h2 a {color: #455560;}
div#timeline ul.timeline li h2 a:hover {color: #455560; text-decoration: underline;}
div#timeline ul.timeline li ul li {padding-right: 0; color: rgb(90,90,90); float: none; font: 1em/2.1 "Lucida Grande", Arial, sans-serif;	padding: 0px; width: auto;}


/* infobar */
ul#infobar {margin-bottom: 50px; padding-top: 10px;}
ul#infobar li {background: url('../images/css/sep-infobar.jpg') no-repeat left 4px; float: left; height: 82px; line-height: 20px; margin-left: 10px; padding: 0 10px;	width: 205px;}
ul#infobar li.title {background-position: -272px 4px; line-height: 20px;}
ul#infobar li.title h1{padding-top: 4px;}
ul#infobar li.newsletter {background-position: -548px 4px; line-height: 20px;}
ul#infobar li.newsletter h1 {padding-top:4px; padding-bottom: 5px; margin-bottom: 0px;}
ul#infobar li.menu {background-position: -823px 4px;}
ul#infobar li:first-child {margin-left: 0;}
ul#infobar li h1 {font-size: 1.3em;	font-weight: bold; text-transform: uppercase;}
ul#infobar li h2 {color: rgb(80,80,80);	font-size: 1.2em; text-transform: uppercase;}
ul#infobar li p {color: rgb(130,130,130); font-size: 1.3em;	font-weight: bold;}
ul#infobar li img.logo {margin: 5px 12px;}
ul#infobar li.menu a {border: none !important; color: #455560; display: block; font-size: 1.3em; font-weight: bold; text-transform: uppercase;	text-decoration: none;}
ul#infobar li.menu a:hover {border: none !important; color: #e31936; text-decoration: underline;}
li.newsletter a {color: #455560;}
li.newsletter a:hover {color: #e31936; text-decoration: underline;}
li.newsletter label, li.newsletter button {text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; font-size: 90%;}
li.newsletter input[type="text"] {color: #455560; font: 1.2em Helvetica,Arial,sans-serif; position: relative; top: 1px; width: 150px;}
li.newsletter button {margin: 0 0 0 -5px; padding: 0; color: #455560; font-weight: bold; border: none; background: none; font-family: Arial; font-size: 90%;}
li.newsletter button:hover {cursor: pointer; color: #e31936;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
li.newsletter button {margin-left: 0px; text-transform: uppercase;}
}


/* footer*/
div#footer {clear: both; position: relative; bottom: 0; margin: 0 auto; padding: 15px 0 5px 0; width: 930px; text-align: center; font-size: .9em; letter-spacing: 1px;}
div#footer a {color: #455560;}
div#footer a:hover {color: #455560; border-bottom: 1px solid #455560;}
div#footer ul {margin-top: 5px;}
div#footer li {border-left: 1px solid #455560; display: inline; line-height: 10px; padding: 0 10px;}
div#footer li:first-child {border-left: none;}
ul#animatedtabs img {display:none;}



/* social search */
div#social {background-color: white; color: rgb(80,80,80);	margin-bottom: 50px; padding: 0px; position: relative;}
#getsocialicon {float:left;	height:32px; width:32px; padding:0px 5px 0px 0px; margin:0px 0px 0px 0px;}


/* current season page styles */
div#contentarea #main-content #season h1 {margin-bottom: 35px; color: #E31936; font-size: 2.1em; font-weight: bold; line-height: 1.2em; padding-bottom: 3px;}
div#contentarea #main-content #season h2 {margin-bottom: 10px; text-transform: uppercase; color: #455560; font-size: 1.5em; font-weight: bold;}
#season .group {margin-bottom: 15px; padding-bottom: 15px; overflow: auto; border-bottom: 1px solid #abb5bc;}
.group h2 a {color: #455560;}
#season .group img {float: left; margin: 0 15px 15px 0;}
#season a {color: #455560;}
#season p, #season li {font-size: 1.25em;}
#season li {margin-bottom: 5px; line-height: 1.25em;}
#events-list li {margin-bottom: 20px; font-size: 1.25em; text-transform: none; line-height: 1.5em;}
#events-list span {text-transform: uppercase; font-size: 90%; color: #e31936;}
#events-list .excerpt {font-size: 86%; text-transform: none; color: #455560;}
#events-list a {font-weight: bold;}
#season .last {border: none;}


/* past season page styles */
div#contentarea #main-content #past h1 {margin-bottom: 35px; color: #E31936; font-size: 2.1em; font-weight: bold; line-height: 1.2em; padding-bottom: 3px;}
#past h2 {clear: none;}
#past .group img {float: left; margin: 0 15px 20px 0;}
#past li {clear: both; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #abb5bc;}
#past li:last-child {border-bottom: 0;}
div#contentarea #main-content #past p {margin-top: 0;}
div#contentarea #main-content #past p.date, .page-template-program-archive-php #contentarea #main-content p.date {padding-bottom: 0; text-transform: uppercase; font-size: 0.98em; color: #e31936;}


/* artist in residence styles */
div#contentarea #main-content #ainr h1 {margin-bottom: 35px; color: #E31936; font-size: 2.1em; font-weight: bold; line-height: 1.2em; padding-bottom: 3px;}
div#contentarea #main-content #ainr h2 {margin-bottom: 35px; text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #455560;}
div#contentarea #main-content #ainr li h3 {clear: none; margin: 6px 0 10px 0; padding: 0; text-transform: uppercase; color: #455560; font: 1.0em/1.25em Arial,sans-serif; font-weight: bold; }
#ainr .group {margin-bottom: 30px; padding-bottom: 15px; overflow: auto; border-bottom: 1px solid #abb5bc;}
#ainr li {display: block; position: relative; float: left; margin: 0 10px 40px 0; width: 150px; height: 125px;}
#ainr li img {position: absolute; top: 32px;}
#ainr .last {border: none;}

/* one column pages */
body.page-template-onecolumn-page-php #contentarea #main-content {width: 930px; background: url("../images/css/sep-masthead.jpg") repeat-x center bottom}
#one-column .group {float: left; margin-right: 35px; width: 250px;}
#one-column h2 {font-size: 1.8em; font-weight: bold; padding: 0;}


/* upcoming events page */
div#contentarea #main-content #upcoming-events h1 {margin-bottom: 35px; color: #E31936; font-size: 2.1em; font-weight: bold; line-height: 1.2em; padding-bottom: 3px;}
#upcoming-events #events-list li {padding-bottom: 15px; text-transform: none; border-bottom: 1px solid #abb5bc;}
#upcoming-events #events-list li:last-child {border: none;}
#upcoming-events #events-list li img {float: left; margin: 0 15px 15px 0;}
#upcoming-events #events-list span {font-size: 90%; text-transform: uppercase;}

/* temporary styles for pages that need to be reprogrammed */
/* press page*/body.page-id-1029 .group {margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px solid #abb5bc;}

/* page styles 
.group {margin-bottom: 30px; padding-bottom: 15px; overflow: auto; border-bottom: 1px solid #abb5bc;}*/