/* COLORS
Blue: #226a8e
Light Red: #b31432
Medium Red: #841933
Dark Red: #631227
Darkest Red: #340d16
Yellow: #fab52a
*/

body {font-family: Helvetica, Arial, sans-serif; font-size: 100.01%; margin: 0; background: #eee;}
#wrapper {overflow: hidden;}

/* TEXT */
p, ul, ol, blockquote, cite, table {margin: 0; padding: 0; font-size: 0.75em; line-height: 1.5em; color: #666;}
b, strong {color: #262626;}
h1, h2, h3, h4 {margin: 0; padding: 0 12px;}
h1 {font-size: 1.25em; line-height: 1.2em; color: #226a8e; text-transform: none;}
h2 {font-size: 1em; color: #b31432; text-transform: uppercase; line-height: 1.5em;}
h3 {font-size: 0.938em; color: #000; text-transform: none;}
h4 {font-size: 0.75em; color: #333; margin-bottom: 6px;}
p {margin: 0 0 1em 0; padding: 0 12px;}
p.mainnav_side, .header_button p, #home_right p, p.statusline {margin: 0; padding: 0;}
p label {font-size: 1em; font-weight: bold; color: #262626;}
table p {font-size: 1em;}
.middle ul {margin: 0 0 1em 0; padding: 0 12px 0 24px;}
ul h3 {padding-left: 0; margin: 12px 0 0 -12px;}
blockquote {padding: 0 40px; margin-bottom: 1em; font-style: italic;}
blockquote p {font-size: 1em; margin: 0;}
cite {font-style: normal; padding: 0 40px;}
.note {font-size: 0.675em; font-style: italic; clear: both; margin: 0.5em 0;}
.inline {display: inline;}
.block {display: block;}

.statusline {font-size: 1.25em;  line-height: 1.2em; font-weight: bold; color: #b31432; text-transform: uppercase;}
.showdates {color: #226a8e; font-size: 0.875em; font-style: italic; margin: 0 0 0.2em 0; padding: 0;}
.show_tagline {font-style: italic; margin: 0 0 0.5em 0;}

.button {margin: 1em 0;}
.button a {display: block; height:12px; width:150px; padding:7px; margin: 6px 0; text-align:center; text-transform:uppercase; font-weight:bold; letter-spacing: 1px; font-size:0.875em; }
.button a:link, .button a:visited {border:2px solid #056585; background: #1e7d9e; color: #fff;}
.button a:hover, .button a:active {border:2px solid #1e7d9e; background: #056585; color: #fff;}
#seasontix {margin: 0;}
#seasontix a {height: 10px; width: 146px; padding: 6px; margin: 0; font-size: 0.75em;}
#seasontix a:link, #seasontix a:visited {background: #aaa; color: #333; border-color: #666;}
#seasontix a:hover, #seasontix a:active {background: #666; color: #ccc; border-color: #aaa;}

/* LINKS */
a {outline: none; color: #226a8e;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a.external {background: url(http://www.courttheatre.org/images/interface/external.gif) no-repeat center right; padding-right: 12px;}
a.pdf {background: url(http://www.courttheatre.org/images/interface/page_white_acrobat.png) no-repeat center left; padding: 2px 0 2px 18px;}
a.doc {background: url(http://www.courttheatre.org/images/interface/page_white_word.png) no-repeat center left; padding:  2px 0 2px 18px;}
a.rss {background: url(http://www.courttheatre.org/images/interface/rss.gif) no-repeat center left; padding:  2px 0 2px 18px;}

/* IMAGES */
a img {border: none;}
.imageright {float: right; margin: 0 0 4px 8px;}
.imageleft {float: left; margin: 0 8px 4px 0;}
.imageborder {padding: 4px; background: #b2b2b2;}
.imagethinborder {padding: 2px; background: #b2b2b2;}
.pageimage {margin-right: 12px;}

/* MISC */
.hide {display: none; visibility: hidden;}
.show {display: block;}
.bottom_margin {margin-bottom: 12px;}
.center {text-align: center;}

/* HEADER */
#header_wrap {background: url(http://www.courttheatre.org/images/interface/header_bg.gif) repeat-x top;}
#header {height: 238px; width: 962px; position: relative; margin: 0 auto;}
#header_left {height: 210px; width: 190px; background: url(http://www.courttheatre.org/images/interface/header_left_bg.png) no-repeat top left; text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 99;}
#logo_link {display: block; height: 135px; width: 150px; position: absolute; top: 0; left: 12px;}
#header_buttons_wrap {text-indent: 0; height: 68px; overflow: hidden; position: absolute; bottom: 4px; left: 10px; z-index: 100;}
.header_button {height: 30px; margin: 2px; float: left;}
.header_button p {}
.header_button a {color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: block; height: 16px; padding: 7px 0 7px 30px; font-size: 1.167em;}
#hb1 {width: 162px;}
#hb1 a {background: url(http://www.courttheatre.org/images/interface/hb1_bg.png) no-repeat 0 0;}
#hb1 a:hover, #hb1 a:active {background-position: 0 -30px;}
#hb2 {width: 172px;}
#hb2 a {background: url(http://www.courttheatre.org/images/interface/hb2_bg.png) no-repeat 0 0;}
#hb2 a:hover, #hb2 a:active {background-position: 0 -30px;}
#header_image_wrap {height: 170px; width: 830px; border: 2px solid #841933; border-style: solid solid none none; float: left; position: absolute; top: 6px; left: 130px; z-index: 97;}
#header_image {}
#header_image img {position: absolute; height: 170px; width: 830px;}
a#header_link {display: block; height: 170px; width: 830px; position: absolute; top: 0; left: 0; z-index: 98;}

/* NAVIGATION */
#mainnav_wrap {height: 32px; width: 100%; background: #b31432; float: left; overflow: hidden; position: absolute; top: 178px;}
#mainnav_wrap ul {width: 772px; float: left; margin-left: 190px;}
#mainnav_wrap ul li {float: left; list-style-type: none; text-transform: uppercase; height: 32px;}
#mainnav_wrap ul li.mainnav_current {background: #841933;}
.mainnav_side {display: block; float: left; height: 32px; width: 10px;}
.mainnav_current_left {background: url(http://www.courttheatre.org/images/interface/mainnav_current_left.gif) no-repeat;}
.mainnav_current_right {background: url(http://www.courttheatre.org/images/interface/mainnav_current_right.gif) no-repeat;}
a.mainnav_item {color: #fff; display: block; *display: inline; float: left; height: 18px; margin: 0 7px; padding: 7px 0 0;}
#mainnav_wrap ul li a:hover, #main_nav ul li a:active, .mainnav_hover {text-decoration: none; border-bottom: 2px solid #fab52a;}
#subnav_wrap {height: 28px; width: 100%; background: #bcbec0 url(http://www.courttheatre.org/images/interface/subnav_bg.gif) repeat-y left; float: left; position: absolute; top: 210px;}
ul.subnav {list-style-type: none; padding: 7px 0 0 0; margin-left: 198px; font-size: 0.688em; position: absolute; display: none;}
ul.subnav li {display: inline; float: left; padding: 0 8px;}

#nav_education_sub {left: 132px;}
#nav_about_sub, #nav_blog_sub {right: 5px;}
ul.subnav li a {color: #000;}
li a.subnav_current {color: #b31432;}     /* left sidebar subnav current link color */

/* ALL SECTIONS */
.main {width: 962px; min-height: 650px; margin: 0 auto 58px; overflow: hidden; position: relative;}
#home_main {background: url(http://www.courttheatre.org/images/interface/home_main_bg.gif) repeat-y;}
#page_main {background: url(http://www.courttheatre.org/images/interface/page_main_bg.gif) repeat-y;}
.middle {width: 563px; padding: 12px 0 30px; float: left; overflow: hidden; background: #fff; border-left: 1px solid #dfdfdf;}
.season_box {width: 163px; padding: 10px; margin-bottom: 10px; border: 1px solid; overflow: hidden;}
.season_box h2 {font-size: 0.875em; margin: 0 0 0.5em; padding: 0;}
.season_box ul li {list-style-type: none; margin: 5px 0; font-size: 0.917em; line-height: 1.2em;}
.season_box ul li a {color: #262626;}
.text_clear {float: left; clear: both; margin-top: 6px; width: 100%;}

.module {width: 539px; margin: 3px 6px; padding: 10px 6px; border: 1px #eee; border-style: solid none; float: left; clear: both; overflow: hidden; background: #f1f1f1 url(http://www.courttheatre.org/images/interface/season_show_bg.gif) repeat-x center center;}
.module p {padding: 0; text-align: left;}
#module_highlight {margin: 3px 6px 3px 0; border-style: solid none solid solid; border-left: 6px solid #841933;}
.tallmodule {background-position: center top;}
.middle .module h3, .middle .module h4 {color: #333; margin-top: 6px; padding: 0;}

.middle embed, .middle object {outline: none;}

/* LEFT */
.sidebar_left {width: 193px; padding-bottom: 20px; float: left; overflow: hidden; background: #f1f1f1 url(http://www.courttheatre.org/images/interface/sidebar_left_bg.gif) repeat-x top;}
.sidebar_left h2 {padding: 12px 15px 0 15px; color: #333;}
.sidebar_left .season_box {background: transparent; border-color: transparent;}
.sidebar_left .season_box h2, .sidebar_left .season_box h2 a {color: #6e1128; padding: 0;}
.sidebar_subnav {padding: 15px; font-size: 0.833em; list-style-type: none;}
#season_subnav {padding: 0 15px 15px;}
.sidebar_subnav li {line-height: 1.125em; margin: 6px 0;}
.subsubnav {position: absolute; left: 6px; width: 168px; padding: 10px; font-size: 0.688em; line-height: 1.8em; list-style-type: none; border: 1px solid #dfdfdf; border-style: solid none; background: #fff;}
.subsubnav li a {color: #999;}
.sidebar_left .box {width: 161px; padding: 9px; border: 1px solid #dfdfdf; background: #fff; position: absolute; top: 290px; left: 6px;}
.sidebar_left .box h4 {padding: 0;}
.sidebar_left .box p {font-size: 0.688em; line-height: 1.3em; padding: 0; margin: 0 0 0.5em;}

.box h4 {margin: 0;}
.box ul {list-style: none; font-size: 0.688em; line-height: 1.25em; margin-bottom: 0.5em;}
.box ul li {margin-bottom: 0.3em;}

/* RIGHT */
.sidebar_right {width: 185px; padding: 10px; float: left; overflow: hidden; background: #4c0e1d;}
.sidebar_right p {font-size: 0.688em;}

/* HOME */
#home_middle {width: 494px; padding: 12px; border-left: 1px solid #DFDFDF; background: #fff; float: left; overflow: hidden;}
#home_middle p {padding: 0;}
#home_right {width: 230px; background: #841933;}
#home_right h2, #home_right h3 {padding: 0;}
#home_right h2 {color: #fab52a;}
#home_right h3, #home_right p {color: #fff;}
#nextup {min-height: 250px; width: 214px; padding: 8px; background: #340d16;}
#nextup h3 a {color: #fff;}
#nextup .showdates {font-size: 0.875em;}
#featured_wrap { background: #841933; width: 230px; margin-top: 10px; overflow: hidden;}
.featured_heightfix {height: 350px; position: absolute;}
.featured { background: #841933; width: 214px; padding: 8px; border: 1px solid #ccc; border-style: solid none; overflow: hidden;}
.featured a:link, .featured a:visited, .featured a:hover, .featured a:active {color: #fab52a;}
.featured h3 a:link, .featured h3 a:visited, .featured h3 a:hover, .featured h3 a:active {color: #fff;}
.sidebar_right .season_box {background: #262626; border-color: #333;}
.sidebar_right .season_box h2, .sidebar_right .season_box h2 a {color: #fab52a;}
.sidebar_right .season_box ul li {color: #fff;}
.sidebar_right .season_box ul li a {color: #ccc;}

/* SHOWS */
#season h1, #blog h1 {padding: 0 12px; font-size: 1.5em; text-transform: uppercase; color: #b31432;}
#season .module h2, #home_middle h2 {font-size: 1.25em; line-height: 1.2em; text-transform: none; padding: 0;}
.show_credits {font-size: 0.625em; line-height: 1.3em;}
.show {width: 539px; padding: 12px; float: left; overflow: hidden;}
.show h1, .show p {padding: 0;}
#show_sponsors {margin-bottom: 12px;}
#show_sponsors td {padding: 0 20px;}
.sponsor_logo_container {float: left; padding: 0 20px; /*min-height: 65px;*/}
.sponsor_logo {padding-left: 12px;}
.show p.sharethis {display: block; clear: both; padding-top: 20px;}
#video {z-index: 1;}
img.gallery_thumb {padding: 2px; float: left;}
.cast_name {font-weight: bold; text-transform: uppercase; color: #000;}
#article_images {padding: 6px 0; overflow: hidden; border: 1px #ddd; border-style: solid none;}
#article_images img {padding: 2px; margin: 2px; background: #b2b2b2; float: left;}
.people_list, .role_list {float: left; overflow: hidden; margin: 0; padding: 0;}
.people_list {width: 174px;}
.role_list {width: 365px;}
.role_list p {font-style: italic;}

/* PLAY GUIDES */
#guides_table {width: 539px; margin: 3px 6px; padding: 6px; float: left; clear: both;}
#guides_table td {padding: 5px 5px 2px;}

/* DIRECTIONS */
#map_thumb {float: right; margin: 0 12px 8px 8px; padding: 4px; background: #b2b2b2;}
#map_thumb p {margin: 0; font-size: 0.675em; font-style: italic; text-align: center;}

/* PRODUCTION HISTORY */
#production_history {}
#production_history th, #search_results th {background: #841933; color: #fff; text-transform: uppercase; padding: 7px 5px;}
#production_history th a, #search_results th a {color: #fff; text-decoration: underline;}
#production_history th, #production_history td {width: 129px;}
#production_history td, #search_results td {padding: 3px 5px;}
#production_history p, #search_results p {margin: 0; padding: 0; font-size: 0.875em;}
.odd {background: #f1f1f1;}
.even {background: #fff;}

/* SEARCH */
#prod_search_results {margin-bottom: 15px;}
#searchbar {padding: 10px 12px; margin: 0; background: #f1f1f1;}
#searchinput {display: inline-block; margin-left: 10px; width: 309px;}
.submit {margin-left: 10px;}
#site_search_results {}
#prod_search_results td, #site_search_results td {padding: 10px 0 0;}

/* BLOG */
#blog h1 {font-size: 1.25em;}
#blog h4 {font-size: 1em;}
#blog p.blog_date {margin-bottom: 0.5em; font-style: italic;}
#blog p.blog_meta {background: #eee; padding: 0 5px;}
#blog img {display: block; margin: 0 auto; padding: 4px; background: #b2b2b2;}
.caption {display: block; text-align: center; font-size: 0.917em; font-style: italic; margin-top: 0.5em;}
#blog_sidebar {padding: 15px;}
#blog_sidebar h2 {padding: 0; font-size: 0.875em; line-height: 1.2em;}
#blog_sidebar ul {font-size: 0.675em; list-style-type: none; margin-bottom: 12px; padding-left: 1em;}
#blog_sidebar ul li {margin: 5px 0; line-height: 1.25em;}
#blog_sidebar ul li ul {font-size: 1em;}
.pagination {margin-top: 6px;}
.nav_categories {font-size: 1em;}
p.comments_link, p.sharethis {font-weight: bold; font-size: 0.833em; display: inline;}
.comment {margin: 10px 24px 0 24px; padding: 12px 0 0 0; border-top: 1px solid #c5c5c5;}
#comment_preview {background-color: #fdecca;}
#comment_form {margin-top: 15px;}
#comment_form ul {margin: 0; list-style: none;}
#comment_form li {font-size: 1em; line-height: 2em;}
#comment_form li label {font-size: 1em;}
#comment_form .button_input {margin-left: 12px; margin-top: 10px;}
#comment_form textarea {width: 300px; margin-left: 100px; margin-top: -20px; margin-bottom: 10px; display: block;}
#comment_form .text_input {width: 200px; margin-left: 100px; margin-top: -20px; margin-bottom: 10px; display: block;}

/* FORMS */
fieldset {border: 0 none; margin: 0; padding: 0;}
input[type="text"], textarea {font-family: Helvetica, Arial, sans-serif; font-size: 1em; background: #fff; border: 2px solid #aaa; color: #333; padding: 3px;}
label, legend {font-weight: bold;}
select {margin-left: -3px; *margin-left: 0;}
#freeform {width: 539px; padding: 0 12px 20px;}
#freeform ol li {list-style-type: none; padding: 5px 0; *clear: both;}
#freeform label {display: inline-block; *display: block; *float: left; width: 200px; margin-right: 10px; vertical-align: top; text-align: left;}
#freeform textarea {height: 6em;}
#freeform textarea, #freeform input[type="text"] {width: 260px;}
#freeform label.radio, #freeform label.checkbox {font-weight: normal; margin-left: 230px;}
#freeform input[type="radio"], input[type="checkbox"] {margin-right: 5px; margin-left: -20px;}
optgroup {margin-top: 1em;}
#freeform input#postal_code {width: 100px;}
#freeform input#phone_day, #freeform input#phone_eve {width: 150px;}
#freeform input#adults, #freeform input#students {width: 50px;}
#freeform input[type="submit"] {margin-left: 207px;}
#freeform label.error {background: #B31432; color: #fff; float:left; font-weight:normal; margin: 2px 0 12px 210px; padding-left: 5px;}

/* FOOTER */
#footer_wrap {background: #fff url(http://www.courttheatre.org/images/interface/footer_bg.gif) repeat-x top; width: 100%; border-top: 1px solid #c5c5c5; position: fixed; bottom: 0; z-index: 100;}
#footer {height: 70px; width: 946px; padding: 8px 0 0; margin: 0 auto; overflow: hidden;}
.footer_section {width: 186px; float: left;}
.footer_section p, .footer_section ul {font-size: 0.625em;}
.footer_section ul li {text-transform: uppercase; font-weight: bold; list-style-type: none;}
#footer_links {width: 150px;}
#footer_right {float: right; width: auto;}
#footer_search input#keywords {width: 100px; float: left;}
#footer_search input.submit {float: left;}
#footer_search p {margin: 0; padding: 0;}