/* RESET BROWSER DEFAULT STYLING */

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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; font-family:inherit; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
caption, th, td {font-weight:normal; text-align:left;}
:focus {outline:0;}
form {display:inline;}

body {background: #009EE0; margin:0; padding:0; color:#222;}

div#container {width:825px; margin:0 auto; padding:0;}

div#top {width:825px; height:18px; margin:0; padding:20px 0 0;}
	
/* HEADER STYLING */
	
div#head {background:url(/img/body-bg.gif) repeat-y 0 0; width:825px; height:152px; margin:0; padding:0;}
div#head div.logo {height:97px; position:relative; top:0; left:15px; float:left;}
div#head div.top-links {width:230px; margin:0; padding:0; position:relative; top:-2px; right:37px; float:right; color:#222; font:9px arial,helvetica,sans-serif; text-decoration:none; text-align:right; letter-spacing:1px;}
div#head div.top-links .submit {font:bold 10px arial,helvetica,sans-serif;}
div#head div.icons {width:230px; margin:0; padding:0; position:relative; top:10px; right:37px; float:right; text-align:right;}

/* SEARCH STYLING */

input#search-field {width:10em; height:12px;}
label.overlabel {position:absolute; top:32px; left:88px; z-index:1; color:#999;}
.show-label {display:block;}
.hide-label {display: none;}

/* NAVIGATION STYLING */

ul#nav {background:#FFF url(/img/nav-bg.gif) no-repeat; width:780px; height:35px; margin:0; padding:0; list-style:none; position:relative; top:15px; left:14px; z-index:300; font:bold 12px arial,helvetica,sans-serif;}
#nav li {margin:0 35px 0 10px; float:left; position:relative;}
#nav li:hover {margin:0 35px 0 10px; color:#FFF;}
#nav li ul {margin:0; display:none; list-style:none; position:absolute; top:0; left:0; color:#FFF; font:bold 11px arial,helvetica,sans-serif; z-index:200;}	
#nav li > ul {top:auto; left:auto;}
#nav .top {margin-top:3px; padding:5px 5px 7px; display:block; color:#FFF; text-decoration:none;}
#nav .top:hover {color:#FFF;}
#nav li:hover .top {position:relative; z-index:300; color:#FFF;}
#nav .topOff {margin-top:3px; padding:5px 5px 7px; display:block; color:#FFF; text-decoration:none;}
#nav li:hover .topOff {position:relative; z-index:300; color:#FFF;}
#nav li:hover ul, #nav li.over ul, #nav li.sfhover ul {margin:0; padding:0; display:block; top:30px; left:0; color:#FFF; border-right:5px solid #009EE0; border-bottom:5px solid #009EE0;}
#nav .top-last {margin:0; padding:0;}
#nav .top-last:hover {margin:0; padding:0;}
	
#nav li.nav1 {background:#E53517; width:157px; margin:0; float:none;}
#nav a.nav1:hover {background:#FFF; width:145px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav1 {color:#FFF; margin:0; padding:0;}
	
#nav li.nav2 {background:#E53517; width:167px; margin:0; float:none;}
#nav a.nav2:hover {background:#FFF; width:155px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav2 {color:#FFF; margin:0; padding:0;}
	
#nav li.nav3 {background:#E53517; width:252px; margin:0; float:none;}
#nav a.nav3:hover {background:#FFF; width:240px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav3 {color:#FFF; margin:0; padding:0;}
	
#nav li.nav4 {background:#E53517; width:157px; margin:0; float:none;}
#nav a.nav4:hover {background:#FFF; width:145px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav4 {color:#FFF; margin:0; padding:0;}

#nav li.nav5 {background:#E53517; width:217px; margin:0; float:none;}
#nav a.nav5:hover {background:#FFF; width:205px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav5 {color:#FFF; margin:0; padding:0; position:relative;}

#nav li.nav6 {background:#E53517; width:142px; margin:0; float:none;}
#nav a.nav6:hover {background:#FFF; width:130px; margin:0; padding-bottom:4px; color:#222; border:1px solid #E53517; border-top-width:0;}
#nav .nav6 {color:#FFF; margin:0; padding:0;}
	
#nav li.nav1 a, #nav li.nav2 a, #nav li.nav3 a, #nav li.nav4 a, #nav li.nav5 a, #nav li.nav6 a {display:block; width:auto; padding:5px;}

/* BODY STYLING */

div#body {background:url(/img/body-bg.gif) repeat-y 0 0; width:775px; margin:0; padding:10px 35px 200px 15px; font:12px arial,verdana,sans-serif; line-height:18px;}

div#body div.inner-container {width:765px; margin:0; padding:0 5px; font:12px arial,verdana,sans-serif; line-height:18px; background: none}

div#body p {margin:12px 0 0;}
div#body ul {list-style-position:inside;text-indent:0;}
div#body li {list-style-type:disc;margin:12px 0 0 1.5em;}
div#body ol li {list-style-type:decimal;margin:6px 0 0 1.5em;}

a:link, a:visited, a:active {color:#222; text-decoration:underline;}

a:hover {color:#E53517; text-decoration:none;}

div#body div.page-header {background:#009EE0; padding:3px 5px; color:#FFF; font:bold 22px arial,verdana,sans-serif;}
div#body div.page-header-blog {background:#009EE0; width:770px; padding:3px 5px; color:#FFF; font:bold 22px arial,verdana,sans-serif;}
div#body div.page-header-blog a:link,div#body div.page-header-blog a:active,div#body div.page-header-blog a:visited {color:#FFF;}
div#body div.page-header-blog a:hover {color:#FFF;}
div#body div.subheader {color:#222; font:18px arial,verdana,sans-serif; line-height:22px;}
div#body div.subheader-red {color:#E53517; font:18px arial,verdana,sans-serif; line-height:22px;}
div#body .smalltext {font:11px arial,verdana,sans-serif; line-height:18px;}
div#body div.title {font:bold 22px arial,verdana,sans-serif;}
div#body .red {color:#E53517; font-size:14px;}

div#body .tableGrid {font:11px arial,verdana,sans-serif; line-height:18px; padding-right:25px;}
div#body .tableGrid p {margin-top:7px;}

/* HOME PAGE STYLING */

div#home {background:url(/img/body-bg.gif) repeat-y 0 0; width:775px; margin:0; padding:10px 35px 200px 15px; font:12px arial,verdana,sans-serif; line-height:18px;}

div#home div.left {width:175px; margin: 0 15px -1200px 0; padding:0 0 1200px; float:left;}
.arrow {width:auto; margin:8px 5px; overflow:hidden;}
div#home div.left div.blueheader {background:#009EE0; margin:0 0 10px; padding:5px; color:#FFF; font:bold 16px arial,verdana,sans-serif; line-height:18px;}
div#home div.left div.redheader {background:#C80002; margin:12px 0; padding:5px; color:#FFF; font:bold 16px arial,verdana,sans-serif; line-height:18px;}
div#home div.left .lside {color:#222; font:bold 11px arial,verdana,sans-serif; text-decoration:none; line-height:16px;}
div#home div.left .lside:hover {color:#E53517;}
div#home div.left div.list {margin:0;padding:0 5px; color:#E53517; font:bold 16px arial,verdana,sans-serif; line-height:18px;}
div#home div.left div.list .smalltext {color:#E53517; font:9px arial,verdana,sans-serif; line-height:18px; text-transform:uppercase;}

div#home div.left .countdown {height:36px; margin-top:3px; background-color:#E53517; padding-top:3px; border:0; color:#FFF;}

div#home div.right {width:585px; float:left;}
div#home div.right div.rotation {width:585px; height:250px;}

div#home div.right div.blog-header {background: url(/img/header-bg.gif) no-repeat; width:585px; height:35px; margin:15px 0; color:#FFF; font:bold 18px arial,verdana,sans-serif;}
div#home div.right div.blog-header .header-text a:link {position:relative; top:3px; left:7px; color:#FFF; font:bold 18px arial,verdana,sans-serif; text-decoration:none;}
div#home div.right div.blog-header .header-text a:hover {color:#000;}
div#home div.right div.blog-header .header-text-sm a:link {position:relative; top:2px; right:-425px; color:#FFF; font:bold 11px arial,verdana,sans-serif; text-align:right; text-decoration:none;}
div#home div.right div.blog-header .header-text-sm a:hover {color:#000;}
div#home div.right div.blog {width:585px; margin:0; padding:0;}

div.homeblog {float:left; width:175px; margin: 0 15px 15px 5px; }
div.homeblog .title {color:#222; font:bold 14px arial,verdana,sans-serif; line-height:18px;}
div.homeblog .title a:link, div.homeblog .title a:visited, div.homeblog .title a:active { text-decoration: none; }

div.homeblog .copy {color:#222; font:11px arial,verdana,sans-serif; line-height:18px;}
div.homeblog img { width:33%; height: auto; float: left; padding: 5px 5px 5px 0; }

div#home div.right div.spotlight-header {background: url(/img/header-bg.gif) no-repeat; width:585px; height:35px; margin:15px 0; color:#FFF; font:bold 18px arial,verdana,sans-serif;}
div#home div.right div.spotlight-header .header-text {position:relative; top:3px; left:7px; color:#FFF; font:bold 18px arial,verdana,sans-serif;}
div#home div.right div.spotlight { width:285px; height:345px; margin:0 15px 15px 0; float:left;}
div#home div.right div.spotlight a:link {color:#1B3F94; text-decoration:none;}
div#home div.right div.spotlight div.image {background:#000; width:285px; height:165px; margin:0;}
div#home div.right div.spotlight div.title {margin:0; padding:10px 5px 0; color:#222; font:bold 16px arial,verdana,sans-serif; line-height:20px;}
div#home div.right div.spotlight div.artist {padding:0 5px; color:#222; font:bold 11px arial,verdana,sans-serif; line-height:18px;}
div#home div.right div.spotlight div.copy {margin:0; padding:2px 5px; color:#222; font:11px arial,verdana,sans-serif; line-height:18px;}
div#home div.right div.spotlight div.copy a {color:#222;}
div#home div.right div.spotlight div.copy a:hover {color:#E53517;}

/* MEMBERSHIP PAGES STYLING */

div#membership {background:url(/img/body-bg.gif) repeat-y 0 0; width:775px; margin:0; padding:10px 35px 200px 15px; font:12px arial,verdana,sans-serif; line-height:18px;}
div#membership div.top {width:770px; height:51px; margin:0 0 10px; padding:0;}
div#membership div.lside {width:170px; margin: 0 15px -1200px 5px; padding:0 0 1200px; float:left;}
div#membership p {margin-top:12px;}
div#membership div.lside .lside {color:#003471; font:bold 11px arial,verdana,sans-serif; text-decoration:none; text-transform:uppercase; line-height:16px;}
div#membership div.lside .lside:hover {color:#F78E1E;}
div#membership div.lside .lside2 {color:#F78E1E; font:bold 10px arial,verdana,sans-serif; text-decoration:none; line-height:16px;}
div#membership div.lside .lside2:hover {color:#1B3F94;}
div#membership div.right {width:585px; height:100%; float:left; padding:2px 0 0;}
div#membership div.right div.top {background:#222; width:585px; height:245px; margin:0; padding:0; display:table;}
div#membership div.right div.bottom {margin:0; padding:0;}
div#membership div.page-header { color:#003471; font:bold 26px arial,verdana,sans-serif;}
div#membership div.right div.block {background:#E6E6E6; width:270px; height:80px; margin:15px 15px 0 0; padding:7px; float:left; font-size:14px;}
div#membership div.right div.block div.more {padding:5px 0 0;}
div#membership div.right div.block .more a {font-size:12px; color:#003471;}
div#membership div.right div.block .more a:hover {color:#F78E1E;}
div#membership ul {text-indent:0; margin:12px 0;}
div#membership li {list-style-type:disc; margin:7px 0 0 2.2em;}
div#membership div.page-header {color:#003471; font:bold 22px arial,verdana,sans-serif;}
div#membership div.subheader {color:#003471; font:18px arial,verdana,sans-serif; line-height:22px;}
div#membership div.subheader-blk {color:#222; font:18px arial,verdana,sans-serif; line-height:22px;}
div#membership .smalltext {font:11px arial,verdana,sans-serif; line-height:18px;}
div#membership .levels {color:#003471; font:14px arial,verdana,sans-serif; line-height:22px;}
div#membership .levels:hover {color:#F78E1E;}
div#membership div.divider {background:url(/img/single-lines.gif) repeat-x; height:10px; margin:24px 0 18px;}
div#membership div.form {width:800px; margin:0; padding:0; font-size:11px;}
div#membership div.form div.left {width:100px; margin:7px 0 0; padding:0; float:left;}
div#membership div.form div.right {margin:7px 0 0; padding:0;}
div#membership div.form .form-field {font:11px arial,helvetica,sans-serif; width:200px;}

/* FEASTIVAL PAGES STYLING */

div#feastival {background:url(/img/body-bg.gif) repeat-y 0 0; width:775px; margin:0; padding:10px 35px 200px 15px; font:12px arial,verdana,sans-serif; line-height:18px;}
div#feastival div.top {width:770px; height:51px; margin:0 0 10px; padding:0;}
div#feastival div.lside {width:190px; margin: 0 15px -0 5px; padding:0 0 0; float:left;}
div#feastival p {margin-top:12px;}
div#feastival div.lside .lside {color:#000; font:bold 11px arial,verdana,sans-serif; text-decoration:none; text-transform:uppercase; line-height:16px; display:block; padding:8px 8px;}
div#feastival div.lside .lside:hover {color:#636467;border:3px solid #B3D136; display:block; padding:5px 5px;}
div#feastival div.lside div.info {padding:10px 8px 0; font-size:11px;}
div#feastival div.lside div.info div.header {color:#1D9DD8; font:bold 14px arial,verdana,sans-serif; line-height:18px;}
div#feastival div.right {width:545px; height:100%; float:left; padding:2px 0 0 16px; border-left:2px solid #636467;}
div#feastival div.right div.top {width:545px; height:230px; margin:0; padding:0;}
div#feastival div.right div.top div.rotation {width:545px; height:230px;}
div#feastival div.right div.bottom {margin:0; padding:20px 0 0;}
div#feastival div.page-header {color:#1D9DD8; font:bold 26px arial,verdana,sans-serif;}
div#feastival div.auction-header {background:#B2CC33; padding:5px 6px 4px; display:block; color:#FFF; font:bold 18px arial,verdana,sans-serif;}
div#feastival div.right div.block {background:#E6E6E6; width:270px; height:80px; margin:15px 15px 0 0; padding:7px; float:left; font-size:14px;}
div#feastival div.right div.block div.more {padding:5px 0 0;}
div#feastival div.right div.block .more a {font-size:12px; color:#003471;}
div#feastival div.right div.block .more a:hover {color:#F78E1E;}
div#feastival ul {text-indent:0; margin:12px 0;}
div#feastival li {list-style-type:disc; margin:7px 0 0 2.2em;}
div#feastival div.page-header {color:#1D9DD8; font:bold 22px arial,verdana,sans-serif;}
div#feastival div.subheader {color:#1D9DD8; font:18px arial,verdana,sans-serif; line-height:22px;}
div#feastival div.subheader-blk {color:#222; font:18px arial,verdana,sans-serif; line-height:22px;}
div#feastival .smalltext {font:11px arial,verdana,sans-serif; line-height:18px;}
div#feastival .levels {color:#003471; font:14px arial,verdana,sans-serif; line-height:22px;}
div#feastival .levels:hover {color:#F78E1E;}
div#feastival div.divider {background:url(/img/single-lines.gif) repeat-x; height:10px; margin:24px 0 18px;}
div#feastival div.form {width:800px; margin:0; padding:0; font-size:11px;}
div#feastival div.form div.left {width:100px; margin:7px 0 0; padding:0; float:left;}
div#feastival div.form div.right {margin:7px 0 0; padding:0;}
div#feastival div.form .form-field {font:11px arial,helvetica,sans-serif; width: 200px;}

/* FILTER STUFF - DCL */

#filters {font:10px sans-serif;padding:0 0 0 10px;}
.filterBoxH {float:left; width:752px; margin:5px 0 7px; padding:3px 3px 2px; background:#FFF; font-size:1.2em; height:25px; overflow-y:auto; border:1px solid #888;}
.filterBox {float:left; width:242px; margin:0 7px 0 0; padding:2px; background:#FFF; font-size:0.9em; height:90px; overflow-y:auto; border:1px solid #888;}
.filterBoxDates {float:left; width:742px; margin:5px 0 7px; padding:4px 3px 2px 10px; background:#FFF; font-size:1.15em; height:60px; overflow-y:auto; border:1px solid #888;}
.filterBoxDates input[type=checkbox] {display:none}
.filterBoxDates label {padding:2px 0; border:1px solid black; display:inline-block; text-align:center; width:36px;}
.filterBoxDates label.checked {padding:3px 1px; border:none; background:#009EE0; color:white;}
tr.keywordVisible.dateVisible {display: block !IMPORTANT;}
#showAll {float:right; margin-top:0; font-size:1.1em; padding:3px 5px; border:none; background:#009EE0; color:white; cursor:default;}


/* PRODUCTIONS STYLING */

div#body .prodGridThumb {background:#FFF; width:110px; height:75px; margin:0 15px 25px 10px; padding:0; display: block;}
div#body .prodGrid {padding:2px 0 0; font:bold 14px arial,verdana,sans-serif;}
div#body .prodGrid .artist {padding:2px 0; font:bold 11px arial,verdana,sans-serif;}
div#body .prodGrid .blurb {padding:0; font:10px arial,verdana,sans-serif;}

div#body .prodGrid a.link {color:#E53517;}
div#body .prodGrid a.link:hover {color:#222;}

div#body .prodGrid-fringe {padding:2px 0 0; font:bold 14px arial,verdana,sans-serif;}
div#body .prodGrid-fringe .artist {padding:2px 0; font:bold 11px arial,verdana,sans-serif;}
div#body .prodGrid-fringe .blurb {padding:0; font:10px arial,verdana,sans-serif;}

/* DETAILS PAGE STYLING */

div#body .showtimesTop {background:#E53517; padding:5px; color:#FFF; font:bold 14px arial,helvetica,sans-serif; text-transform:uppercase;}
div#body .showtimesTopFringe {background:#E53517; padding:5px; color:#FFF; font:bold 14px arial,helvetica,sans-serif; text-transform:uppercase;}
div#body .showtimesGrid {padding:6px 5px; border-right:1px solid #FFF; font:bold 11px arial,helvetica,sans-serif;}
div#body div.blueheader {background:#009EE0; margin:0 0 10px; padding:5px; color:#FFF; font:bold 16px arial,verdana,sans-serif; line-height:18px;}

/* DETAILS PAGE TABS */
	
ul#tab-container-1-nav {background:url(/img/pixel.gif) bottom left repeat-x; width:100%; margin-bottom:0px; padding-left:0px; list-style-type:none; float:left;}
ul#tab-container-1-nav li {margin:0 0 0 0; list-style-type:none; float:left;}
ul#tab-container-1-nav a {background:#E53517; padding:4px 8px; list-style-type:none; float:left; display:block; border:2px solid #E53517; border-bottom:0; color:#FFF; font-weight:bold; text-decoration:none;}
ul#tab-container-1-nav a:hover {background:#E53517;}
ul#tab-container-1-nav a.active {background:#FFF; padding-bottom:5px; cursor:default; color:#222;}
.tab {clear:left; padding:20px 8px 0 8px; border:2px solid #E53517; border-top:0;}
	
div#body div.details  {background:#000; width:250px; height:200px;}
	
/* LINK STYLING */

div.webcontent a:link, div.webcontent a:visited, div.webcontent a:active {color:#222;}
div.webcontent a:hover {color:#222;}

/* PRESS BLOCKS */

.pressProduction {width:182px; height:160px; padding:10px 0; float:left;text-align:center;}
#pe_multiple_choice_poll_66755 .peWidget .peHeader .peTitle {font-size:1.2em; font-weight:bold; padding:1em 1em 0; text-align:left;}

/* FOOTER STYLING */

div#foot {background:url(/img/body-bg.gif) repeat-y 0 0; width:825px; margin:0; padding:25px 0 20px; color:#666; font:bold 10px arial,helvetica,sans-serif; line-height:18px; text-align:center;}
div#bottom {width:825px; height:20px; margin:0; padding:0 0 100px;}