/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Everyman Playhouse
	Template Version:		1.0
	Produced by:			Tom Leadbetter
	Start date:				06/01/2010
	------------
	NOTES:
	Do all stucture and module sizes in ems.
	
	TOC:
	0.	styles reset
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
*/


/* 0 RESET ------------
--------------------------------------------------
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, html, body, div, span, applet, object, iframe, 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-size: 100%; font-weight: normal; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { background: white; color: black; line-height: 1; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}


/* GENERAL STYLES ------------
--------------------------------------------------
-------------------------------------------------- */
html { image-rendering: -moz-crisp-edges; }
body { background: #fff; color: #000; font: normal 62.5%/1.5 Arial, Helvetica, sans-serif; }

a {	color: #9F1316; overflow: hidden; text-decoration: none; }
a:focus { outline: 1px dotted #000;}

ul.accessmenu {position: absolute; left: -99999px; }
.wrap {background: #efe1d4 url('/_common/img/gradient.jpg') top center no-repeat fixed; float: left; width: 100%;}
.container, .branding { clear: both; margin: 0 auto; position: relative; width: 950px;}

h1, h2, h3, h4, h5, h6 {font-family: "Arial Black", arial, sans-serif; text-transform: uppercase;}
p strong, li strong {font-weight: bold;}
p em {font-style: italic;}

fieldset legend span {left: -9999px; position: absolute;}

/* BRANDING/LOGO STYLES ------------
--------------------------------------------------
-------------------------------------------------- */
.branding {margin-bottom: 18px; padding-top: 23px; text-transform: uppercase; overflow: hidden;}
a.brandingLogo img { display: block; float: left; margin: 0 18px 0 0;}
.branding dl, .branding dt, .branding dd, a.bookOnline, .branding fieldset {float: left;}
.branding fieldset label {left: -9999px; position: absolute;}
.branding dl, a.bookOnline, .branding fieldset input.searchSubmit {font-family: "Arial Black", arial, sans-serif; font-size: 1.3em; }
.branding dl {color: #B9A46F; line-height: .9em;}
.branding dt {margin: 0 3px 0 0; }
.branding dd { margin: 0 15px 0 0;}
a.bookOnline {line-height: .9em;}
a.bookOnline:hover {color: #000;}

/* SEARCH FORM ------------
--------------------------------------------------
-------------------------------------------------- */
.branding fieldset {margin: -5px 0 0 11px;}
.branding fieldset li {display: inline; float: left;}
.branding fieldset input {border: 1px solid #d6c4ac; width: 146px; padding: 2px;}
.branding fieldset input.searchSubmit {background: #9F1316; border: none; color: #fff; cursor: pointer; margin: 1px 0 0 5px; padding: 0 2px; text-transform: uppercase; width: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.branding fieldset input.searchSubmit {font-size: .9em;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.branding fieldset input {margin-top: 0;}}
.branding fieldset input.searchSubmit:hover {background: #000}

/* MAIN NAVIGATION ------------
--------------------------------------------------
-------------------------------------------------- */
.navMain {float: left; height: 3em; margin: 7px 0 0; width: 788px;}
.navMainEnhanced {float: left; height: 4em; margin: -4px 0 0; width: 788px;}
.navMain li {display: inline; float: left;}
.navMain li a {color: #9F1316; float: left; font: bold 2.3em Arial; letter-spacing: -1px; margin: 0 .5em .2em 0; text-decoration: none; }
.navMain li a:hover {color: #000;}
.navMain li.selected a {color: #000;}
.navMain li.last a {margin-right:0;}

.navMainEnhanced {height: 4.4em; margin-top:-6px;}
.navMainEnhanced ul {width: auto; overflow:hidden;}
.navMainEnhanced li a {font-size: 4.4em; font-weight:normal; letter-spacing: 0px; margin-bottom: 0;}

/* LEFT SIDEBAR - navSection ------------
--------------------------------------------------
-------------------------------------------------- */
.navSection {float: left; margin: 14px 23px 0 0; letter-spacing: -1px; width: 220px; }
.navSection h2 {border-bottom: 1px solid #B4ABA2; font-size: 2.25em; line-height: 1em; margin: 0 0 .6em; padding: 0 0 3px;}
.navSection ul li a {display: block; font: bold 2.3em "Arial Black", arial, sans-serif; margin: 0 0 .25em; text-transform: uppercase;}
.navSection ul li a:hover, .navSection ul li.selected a:hover {color: #000;}
.navSection ul li.selected a {color: #D4C5A4;}
.navSection li.selected ul {padding: 2px 0 4px;}
.navSection ul li.selected li a {background: transparent url('/_common/img/arrowRedSmall.png') 4px 50% no-repeat; color: #9F1316; font-size: 1.4em; letter-spacing: 0; margin: 0 0 .4em; padding: 0 0 0 14px;}

.navSection .whatsOnFilter fieldset legend span {border-bottom:1px solid #B4ABA2; font: bold 2.3em "Arial Black", arial, sans-serif; left: 0; line-height:1em; margin: 0; padding:0 0 3px; width: 100%; text-transform: uppercase;}
.navSection .whatsOnFilter fieldset {clear: both; float: left; margin: 0 0 2em; width: 100%; position: relative;}
.navSection .whatsOnFilter fieldset label {position: absolute; left: -9999px;}
.navSection .whatsOnFilter fieldset li {display: inline; float: left;}
.navSection .whatsOnFilter fieldset select {border-top: 2px solid #a7a7a7; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #A7A7A7; padding: 2px; width: 13.4em; }
.navSection .whatsOnFilter fieldset input {background: #9F1316; border: none; color: #fff; cursor: pointer; display: block; font-family: "Arial Black", arial, sans-serif; font-size: .9em; letter-spacing: -1px; margin: 1px 0 0 .5em; padding: 1px 4px; text-transform: uppercase; width: auto;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.navSection .whatsOnFilter fieldset input {margin-top: 2px;}}
.navSection .whatsOnFilter fieldset input:hover {background: #000;}
.navSection a.back {background: #9F1316 url('/_common/img/bullet.png') 9px 50% no-repeat; clear: both; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; line-height: 1.3em; margin: 0 0 .44em 0; padding: 8px 11px 8px 24px; text-transform: uppercase;}
.navSection a.back:hover {background-color: #000;}

.navSection .whatsOnFilter fieldset ol {margin-top: 3em;}

/* MAIN STYLES------------
-------------------------------------------------- */
h1 {border-bottom: 1px solid #B4ABA2; display: block; float: left; font-size: 7.2em; letter-spacing: -6px; line-height: 1em; margin: 0 0 23px; padding: 0 0 16px 0; text-transform: uppercase; width: 100%;}
h1.longTitle {font-size: 5em; letter-spacing: -5px; margin-top: 22px;}
h1 span {font-size: 50%; letter-spacing: -4px; line-height: 0;}

.contentWrapper, .contentThin, .contentSingle, .contentWide, .contentSide {float: left;}
.contentWrapper {width: 707px;}
.contentThin {width: 450px;}
.contentSingle {width: 100%;}
.contentWide {width: 707px;}

.contentWrapper a.rss {background: url('/_common/img/rssBig.png') 100% 0% no-repeat; font-size: 1.1em; font-weight: bold; padding: 5px 35px 5px 0; position: absolute; right: 0; top: 4.1em;}
.contentWrapper a.rss:hover {color: #000;}

.content {padding: 0 0 40px;}
.content p {font-size: 1.4em; line-height: 1.4em; margin: 0 0 1em;}
.content p:first-child {font-weight: bold;}
.content p.results {float: left; font-size: 1.1em; text-transform: uppercase;}
.content small {display: block; font-size: 1.1em; font-weight: bold; margin: 0 0 1.4em 0;}
.content h2 {font-size: 2.297em; line-height: 1.2em; margin: 0 0 .8em 0;}
.content h3 {font-size: 2em; margin: 0 0 .8em 0;}
.content h4 {font-size: 1.5em; margin: 0 0 .8em 0;}
.content h5 {font-size: 1.3em; margin: 0 0 .8em 0;}
.content a {border-bottom: 1px dashed #D0888B; color: #9F1316;}
.content a:hover {border-bottom: 1px dashed #000; color: #000;}
.content a.back {display: inline-block; font-size: 1.35em; margin: 0 0 1em; }
.content ol {list-style-type: decimal; margin: 0 0 1em 20px;}
.content ol ol, .content ol ul {font-size: 100%;}
.content ol li {margin: 0 0 .3em; clear: both;}
.content ul {float: left;  margin: 0 0 1em 0; width: 100%; font-size: 1.4em;}
.content ul li {background: transparent url('/_common/img/arrowRedSmall.png') 2px .6em no-repeat; clear: both; margin: 0 0 .3em; padding: 0 0 0 19px;}
.content ul ul {margin: .3em 0 .3em 1em; font-size: 100%;}
.content ul ol {margin: .3em 0 .3em 2em; font-size: 100%;}
.content ul ol li {background: none; padding: 0;}
.content blockquote p {font: bold 2.8em "Arial Black", arial, sans-serif; margin: 0 0 .8em; text-transform: uppercase;}

.content img.left {float: left; margin: 0 10px 3px 0;}
.content img.right {float: right; margin: 0 0 3px 10px;}

ul.paging {float: right; font-size: 1.1em; margin: 1px 0 0; width: auto;}
ul.paging li {background: none; clear: none; display: inline; margin: 0; padding: 0;}
ul.paging li a {border: none; display: block; float: left; font-weight: bold; padding: 0 .5em;}
ul.paging li a:hover {border: none; color: #000;}
ul.paging li.first a, .content ul.paging li.previous a, .content ul.paging li.next a, .content ul.paging li.last a {background-image: url('/_common/img/paging.png'); background-repeat: no-repeat; height:10px; overflow:hidden; text-indent:-9999px; width:13px; padding: .3em .5em;}
ul.paging li.first a {background-position: 2px -1px;}
ul.paging li.previous a {background-position: 2px -31px;}
ul.paging li.next a {background-position: -79px -31px;}
ul.paging li.last a {background-position: -79px -1px;}
ul.paging li.selected a {background: #9F1316; color: #fff;}

ul.articleList {clear: both;}
ul.articleList li {background: #ddcfb7; clear: both; float: left; margin: 0 0 20px; min-height: 141px;  padding: 10px 10px 12px 235px; position: relative; width: 465px;}
ul.articleList img {left: 0; position: absolute; top: 0;}
ul.articleList h2 {line-height: .5em; margin: 0 0 5px;}
ul.articleList h2 a {border: none; color: #9F1316; font-size: .74em;}
ul.articleList h2 a:hover {border: none; color: #000;}
ul.articleList h3 {font: bold .9em arial, sans-serif; margin: 0 0 5px;}
ul.articleList small {font-size: .81em; margin: 0 0 2px;}
ul.articleList p {font-size: .81em; line-height: 1.35em; margin: 0;}
ul.articleList a.more, ul.articleList a.book {background: #9F1316; border: none; color: #fff; display: block; float: right; font-family: "Arial Black", arial, sans-serif; font-size: .959em; letter-spacing: -1px; margin: 0 0 0 .5em; padding: 0 10px; text-transform: uppercase; width: auto}
ul.articleList a.more:hover, ul.articleList a.book:hover {background: #000;}

ul.blogList {clear: both; font-size: 1.1em; margin: 2px 0 0;}
ul.blogList li {background: none; float: left; display: block; margin: 0 0 2.8em; padding: 0; width: 100%;}
ul.blogList h2 {margin: 0 0 .4em 0; font-family: "Arial Black", arial, sans-serif; font-size: 1.1em; line-height: 1.5em;}
ul.blogList h2 a {border: none; color: #9F1316;}
ul.blogList h2 a:hover {border: none;}
ul.blogList li a {color: #9F1316; font-size: 1.5em; font-weight: bold;}
ul.blogList li small {font-size: 1em}
ul.blogList li p {font-size: 1em; margin: 0;}

fieldset.comments {background: #e9e2d3; border: 10px solid #d3c5a8; float: left; margin: 0 0 0; position: relative; width: 430px;}
fieldset.comments ol {list-style-type: none; margin: 0;}
fieldset.comments li {border-top: 1px solid #d3c5a8; clear: both; display: block; margin: 0 0 10px; padding: 10px 0 0 0;}
fieldset.comments li:first-child {border-top: none;}
fieldset.comments li label {font-size: 1.04em; font-weight: bold; float: left; margin: 0 10px 0 0; padding: 0 0 0 10px;}
fieldset.comments li input {border:0;}
fieldset.comments li input#txtName, .content fieldset.comments li textarea {background: #fff; border: 1px dashed #e2d8c4;}
.content fieldset.comments li textarea {width:400px; padding:4px;}
fieldset.comments li input#txtName {width:243px;padding:4px; margin:0;}
fieldset.comments li input {font-size: 1em; margin: 2px 0 0;}
fieldset.comments li textarea {clear: both; font: normal 1em/1.4em arial, sans-serif; float: left; height: 5em; margin: 0 0 10px 10px; width: 290px;}
fieldset.comments li.commentSubmit label {position: absolute; left: -9999px;}
fieldset.comments li.commentSubmit input {background: #d3c5a8; color: #fff; cursor: pointer; font-weight: bold; margin: 0  0 0 10px; padding: 5px; width: auto;}
span.commentFormArrow {background: transparent url('/_common/img/commentFormArrow.png') top left no-repeat; bottom: -45px; position: absolute; height:45px; left: 20px; width: 49px;}

ol.commentsList {clear: both; float: left; list-style-type: none; margin: 70px 0 0 0; width: 100%;}
ol.commentsList li {margin: 0 0 3em; position: relative;}
ol.commentsList div {background: #fff; float: left; margin: 0 0 15px; padding: 20px; position: relative; width: 29.3em;  border: 1px dashed #D3C5A8;}
ol.commentsList span {background: transparent url('/_common/img/commentArrowDash.png') top left no-repeat; bottom: -45px; position: absolute; height:45px; right: 20px; width: 49px;}
ol.commentsList p {font-size: .81em; margin: 1.5em 0 0 0;}
ol.commentsList p:first-child {font-weight: normal; margin-top: 0;}
ol.commentsList small {font-size: .81em; margin: 0;}
ol.commentsList small a {border: none; font-weight: bold;}

ol.searchResults {font-size: 1.1em; list-style-type: none; margin-left: 0;}
ol.searchResults li {margin: 0 0 1em;}
ol.searchResults h2 {margin: 0;}
ol.searchResults h2 a {border: none; font-size: .7em;}
ol.searchResults h2 a:hover {border: none;}

ul.sitemap {font-size: 1.4em;}

ul.imageList {float: left;}
ul.imageList li {background: none; clear: none; display: inline; padding: 0;}
ul.imageList li a img {display: block; float: left; padding: 6px 0 0 6px;}
ul.imageList li a {background: transparent url('/_common/img/imageListBackground.gif') top left no-repeat; border: none; display: block; float: left; height: 110px; margin: 0 2px 3px 0; width: 110px;}
ul.imageList li a:hover {border: none;}


/* SIDE COLUMN STYLES------------
--------------------------------------------------
-------------------------------------------------- */
.contentSide {margin: 0 0 0 37px; overflow: hidden; width: 220px;}
.contentSide div {background: #E9E2D2; clear: both; margin: 0 0 2em; padding: 10px; position: relative;}
.contentSide h2 {border-bottom: 1px solid #B4ABA2; font: bold 2em "Arial Black", arial, sans-serif; line-height: 1.2em; margin: 0 0 12px; padding: 0 0 3px; text-transform: uppercase; width: 200px;}
.contentSide div h3 {font-size: 1.7em}
.contentSide div h4 {font-size: 1.3em}
.contentSide div h5 {font-size: 1em}
.contentSide div p {font-size: 1.1em; margin: 0 0 1em;}
.contentSide div ul {margin: 0 0 1em;}
.contentSide div ul li {background: transparent url('/_common/img/arrowRedSmall.png') 2px .6em no-repeat; display: block; font-size: 1.1em; margin: 1em 0 0 3px; padding: 0 0 0 14px;}
.contentSide div ul li a {font-weight: bold;}
.contentSide div ol {list-style-type: decimal; margin: 0 0 1em 20px;}
.contentSide div ol li {clear: both; font-size: .8em; margin: 0 0 .3em; }
.contentSide a {border-bottom: 1px dashed #D0888B; color: #9F1316;}
.contentSide a:hover {border-bottom: 1px dashed #000; color: #000;}
.contentSide a.back {background: #9F1316 url('/_common/img/bullet.png') 9px 50% no-repeat; border: none; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; line-height: 1.3em; margin: 0 0 .44em 0; padding: 8px 11px 8px 24px; text-transform: uppercase;}
.contentSide a.back:hover {background-color: #000; border: none;}

.contentSide ul.social {background: url('/_common/img/social.jpg') top left no-repeat ;float: left; margin: 0 0 2em; height: 222px; width: 220px;}
.contentSide ul.social a {border: none; display: block; text-indent: -9999px; width: 220px;}
.contentSide ul.social a:hover {border: none;}
.contentSide ul.social li.newsletter a, .contentSide ul.social li.facebook a, .contentSide ul.social li.twitter a {height: 52px;}
.contentSide ul.social li.newsletter a {margin-top: 17px;}
.contentSide ul.social li.facebook a, .contentSide ul.social li.twitter a {margin-top: 17px;}

/* SHOW INFORMATION------------
--------------------------------------------------
-------------------------------------------------- */
.banner {background: #e1d4bf; clear: both; margin: 0 auto 5.7em; overflow: hidden; width: 950px;}
.banner h1 {left: -99999px; position: absolute;}
.banner img.primary {float: left; margin: 0 20px 0 0;}
.banner img.theatre { margin: 22px 0 14px 0;}
.banner h2 {font-size: 1.537em; letter-spacing: -1px; line-height: .9em; padding: 0 7px 0 0; text-transform: uppercase;}
.banner h2 span {font-size: .75em;}
.banner ul {float: left; margin: 65px 0 0 0; height: auto; width: 204px;}
.banner ul li a {background: #9F1316 url('/_common/img/bulletBig.gif') 7px 9px no-repeat; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; letter-spacing: -1px; line-height: 1.3em; margin: 0 0 .6em 0; text-transform: uppercase;}
.banner ul li a:hover {background-color: #000; background-position: 7px -78px;}
.banner ul li.send a {font-size: 1.5em; padding: 6px 11px 6px 27px;}
.banner ul li.remind a {background-position: 7px 10px; font-size: 1.3em; padding: 8px 11px 8px 27px;}
.banner ul li.remind a:hover {background-position: 7px -77px;}
.banner ul li.book a {background-position: 7px 18px; font-size: 2.6em; padding: 7px 11px 9px 27px;}
.banner ul li.book a:hover {background-position: 7px -69px;}

.showWrap {background: #fbf7f4 url('/_common/img/showWrapShadow.png') top left repeat-x;  float: left; padding: 4em 0 0; position: relative; width: 100%;}
ul.tabs {left: -1px; position: absolute; top: -7.6em; width: 100%; }
ul.tabs li {display: inline;}
ul.tabs li a {color: #9F1316; display: block; float: left; font-family: "Arial Black", arial, sans-serif; font-size: 1.8em; letter-spacing: -1px; margin: 0 0 0 .55em; padding: 7px 19px .3em; text-transform: uppercase;} 
ul.tabs li:first-child a {margin-left: 0;} 
ul.tabs li a:hover {color: #000;}
ul.tabs li.selected a {color: #000; background: #FBF7F4; position: relative;}
ul.tabs li.selected span {position: absolute;}
ul.tabs li.selected span.t {background: transparent url('/_common/img/tabShadowTop.png') top left repeat-x; left: 0; height: 3px; top: -1px; width: 100%;}
ul.tabs li.selected span.l {background: transparent url('/_common/img/tabShadowLeft.png') -1px 100% no-repeat; left: 0; height: 100%; top: 0; width: 3px;}
ul.tabs li.selected span.r {background: transparent url('/_common/img/tabShadowRight.png') 1px 100% no-repeat; right: 0; height: 100%; top: 0; width: 3px;}

.showWrap .content {float: left; width: 560px; overflow: hidden;}
.showWrap ul.imageList {width: 39em; padding: 0 9em 0 0;}
.showWrap h2 {border-bottom: 1px solid #B7B3B0;}
.showWrap ul.blogList h2 {border-bottom: none;}

ul.castList {float: left; font-size: 1.1em; width: 100%;}
ul.castList li {background: none; clear: none; display: inline; float: left; height: 16.2em; margin: 0 2em 1em 0; overflow: hidden; padding: 0 0 0 5px; width: 10em;}
ul.castList li img {background: transparent url('/_common/img/imageListBackground.gif') top left no-repeat; display: block; float: left; margin: 0 0 .3em -5px; padding: 6px;}
ul.castList h3 {clear: both; font: bold 1em arial, sans-serif; margin: 0 0; text-transform: none;}
ul.castList li a {background: transparent url('/_common/img/arrowRedSmall.png') 2px .6em no-repeat; border: none; display: block; padding: 0 0 0 10px; width: 8em}
ul.castList h3 a {background: none; padding: 0; font-weight: bold;}
ul.castList a:hover {border: none;}

dl.companyList {font-size: 1.4em; width: 100%;}
dl.companyList dt {clear: both; float: left; font-weight: bold; width: 30%;}
dl.companyList dd {float: left; width: 70%;}

.showWrap .contentSide {float: left; margin-left: 23px; width: 367px;}
.showWrap .contentSide a:hover {color: #000;}
.showWrap .contentSide h2 {border-bottom: 1px solid #B7B3B0; font-size: 2.3em; letter-spacing: -1px; line-height: 1em; margin: 0 0 .5em; padding: 0 0 4px; width: auto;}
.showWrap .contentSide h2.showTitle {background: #e2d8c4; border-bottom: 1px solid #fff; font-size: 1.4em; letter-spacing: 0; line-height: 1.3em; margin: 0; padding: 1em;}
.showWrap .contentSide ul, ol {font-size: 1.4em; margin: 0 0 2em;}
.showWrap .contentSide ul li {display: block; margin: 0 0 .5em;}
.showWrap .contentSide ul li a {border-bottom: 1px dashed #D0888B; color: #9F1316; font-weight: bold;}
.showWrap .contentSide ul li a:hover {border-bottom: 1px dashed #000; }
.showWrap .contentSide ul.imageList {float: left; font-size: inherit; overflow: hidden; width: 390px;}
.showWrap .contentSide ul.imageList li {display: inline;}
.showWrap .contentSide ul.imageList li a {border: none; margin: 0 19px 5px 0;}
.showWrap .contentSide ul.imageList li a:hover {border: none;}
.showWrap .contentSide div {background: #e2d8c4; float: left; margin: 0 0 2em; padding: 1.5em; width: 337px;}
.showWrap .contentSide div h2 {border: none; font-size: 2em;}
.showWrap .contentSide div h3, .showWrap .contentSide div h4 {font: bold 1.4em arial, sans-serif; text-transform: none;}
.showWrap .contentSide div h3 {margin: 0 0 1em;}
.showWrap .contentSide div h4 {}
.showWrap .contentSide p {font-size: 1.4em;  margin: 0 0 1em; }
.showWrap .contentSide div ul {float: left; font-size: 1.4em; width: 95%;}
.showWrap .contentSide div ol {list-style-type: decimal; margin: 0 0 1em 30px;}
.showWrap .contentSide div ol li {clear: both; font-size: 1em; margin: 0 0 .3em; }
.showWrap .contentSide div ul {margin: 0 0 1em .5em;}
.showWrap .contentSide div ul li {background: transparent url('/_common/img/arrowRedSmall.png') 2px .6em no-repeat; margin: 0 0 .3em; padding: 0 0 0 15px;}


/* POPUP MULTIBOX STYLES - ALSO STYLES FOR WHEN JS IS DISABLED------------
--------------------------------------------------
-------------------------------------------------- */
.contentSide ul.errors, .showWrap .contentSide ul.errors, .home ul.errors {background: #9F1316; margin-left: 0;}
.contentSide ul.errors li, .showWrap .contentSide ul.errors li, .home ul.errors li {background: none; color: #fff; font-size: .8em; font-weight: bold; padding: 2px 0 0 5px;}
.contentSide ul.errors li {font-size: 1.1em;}
.home ul.errors li {font-size: 1.2em; }

div.multibox, div.bio {padding: 1em;}
.multibox fieldset {clear: both; width: 100%;}
.multibox fieldset ol {padding: 0; margin: 0;}
.multibox fieldset li {display: block; margin: 0 0 .8em;}
.multibox fieldset label {display: block; float: left; font-weight: bold; font-size: .8em; margin: 3px 9px 0 0; width: 25em;}
.multibox fieldset input {border-top: 2px solid #a7a7a7; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #A7A7A7; clear: both; width: 20em;}
.multibox fieldset li.submit label {left: -9999px; position: absolute;}
.multibox fieldset li.submit input {background: #9F1316; border: none; color: #fff; cursor: pointer; font: bold 1em "Arial Black", arial, sans-serif; margin: .5em 0 0; text-transform: uppercase; width: auto;}
.multibox fieldset p {clear: both; float: left; font-size: 1.2em; margin-top: .5em;}

.contentSide .multibox fieldset label {font-size: 1em; width: 21.5em;}
.contentSide .multibox fieldset input {width: 14.5em;}
.contentSide .multibox fieldset li.submit input {font-size: 1.25em; width: auto;}

.home .multibox {clear: both; width: 46.6em; float: left;}


/* HOME PAGE SPECIFIC------------
--------------------------------------------------
-------------------------------------------------- */
.home h2 {border-bottom: 1px solid #B4ABA2; color: #000; font-size: 2.4em; letter-spacing: -1px; line-height: 1.2em; margin: 0 0 12px 0;}
.home p {font-size: 1.1em; margin: 0 0 1em;}
.home #flashReplace {background: #E1D5BF; float: left; height:383px; position: relative; width: 710px;}
.home #flashReplace a img {display: block; margin: 0;}
.home #flashReplace ul {background: none; float: right; margin: 1em 1em .3em 0; height: auto; width: auto;}
.home #flashReplace li {display: inline; float: left; margin: 0 0 0 1.25em;}
.home #flashReplace li a {background: #9F1316 url('/_common/img/bullet.png') 9px 55% no-repeat; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; padding: 4px 11px 3px 26px; text-indent: 0; text-transform: uppercase; width: auto;}
.home #flashReplace li a:hover {background-color: #000;}
.home #flashReplace p {position: absolute; bottom: -4px; left: 10px; width: 300px;}

.home .banner {background: transparent; margin-bottom: 20px;}
.home .banner ul {background: url('/_common/img/social.jpg') bottom left no-repeat; float: left; margin: 0 0 0 18px; height: 382px; width: 222px;}
.home .banner li a {background: none; display: block; text-indent: -9999px; width: 222px;}
.home .banner li a:hover {background: none;}
.home .banner li.whatsOn a, .home .banner li.guide a {background-color: #9F1316; background-image: url('/_common/img/whatsOn.jpg'); height: 70px;}
.home .banner li.guide a {background-position: 0 -82px; height: 65px; margin-top: 12px;}
.home .banner li.newsletter a, .home .banner li.facebook a, .home .banner li.twitter a {height: 52px;}
.home .banner li.newsletter a {margin-top: 30px;}
.home .banner li.facebook a, .home .banner li.twitter a {margin-top: 17px;}

.featureMain, .featureTwo, .featureThree {float: left; margin: 0 0 2.2em 0;}
.featureMain, .news {margin-right: 21px; width: 466px;}
.featureMain img {float: left;}
.featureMain ul {float: left; margin: 0 0 0 8px; width: 223px;}
.featureMain li {display: inline; float: left;}
.featureMain li a {background: #9F1316 url('/_common/img/bullet.png') 9px 50% no-repeat; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; margin: 0 0 .44em 0; padding: 6px 11px 6px 24px; text-transform: uppercase; width: 188px;}
.featureMain li a:hover {background-color: #000;}

.featureTwo, .featureThree {min-height: 19.9em; position: relative; width: 223px;}
.featureTwo {margin: 0 17px 0 0;}
.featureTwo p, .featureThree p {margin: 1em 0 0 0;}
.featureTwo a.more, .featureThree a.more {background: #9F1316 url('/_common/img/bullet.png') 8px 50% no-repeat; bottom:0; color: #fff; display: block; font-family: "Arial Black", arial, sans-serif; font-size: 1.5em; letter-spacing: -1px; padding: 6px 0 6px 1.55em; position: absolute; text-transform: uppercase; width: 200px;}
.featureTwo a.more:hover, .featureThree a.more:hover {background-color: #000;}

.home a.rss {background: transparent url('/_common/img/rss.gif') 0 50% no-repeat; font-size: 1.1em; padding: 0 0 0 18px; position: absolute; top: .8em;}
.home a.all {background: transparent url('/_common/img/arrowRedSmall.png') 0 50% no-repeat; font-size: 1.1em; font-weight: bold; padding: 0 0 0 6px; position: absolute; right: 0; top: .8em;}
.home a.all:hover, .home a.rss:hover {color: #000;}
.news {clear: both; float: left; position: relative;}
.news a.rss {left: 18em;}
.news div {clear: both; margin: 2.8em 0 0 0;}
.news div h3 {margin: 0 0 .5em;}
.news div h3 a {border-bottom: 1px dashed #D0888B; color: #9F1316; font-family: arial, sans-serif; font-size: 1.5em; font-weight: bold;}
.news div h3 a:hover {border-bottom: 1px dashed #000; color: #000;}
.news div img {float: right; margin: 0 0 1em 1em;}
.news div p {line-height: 1.6em;}
.news div.primary h3 {margin: 0 0 2em 0;}
.news div.primary h3 a {border: none; color: #9F1316; font-family: "Arial Black", arial, sans-serif; font-size: 2.3em; letter-spacing: -1px; line-height: 1em;}
.news div.primary h3 a:hover {color: #000; border: none;}
.news div.primary h3+p {font-weight: bold;}
.news div.primary img {margin-top: -5px; margin-bottom: 0;}

.blog {float: left; position: relative; width: 462px;}
.blog a.rss {left: 8em;}
.blog h3 {margin: 1.6em 0 .5em 0; font-family: "Arial Black", arial, sans-serif; font-size: 1.8em; line-height: 1em;}
.blog h3 a {color: #9F1316;}
.blog h3 a:hover {color: #000;}
.blog small {display: block; font-size: 1.1em; font-weight: bold; margin: 0 0 1.4em 0;}
.blog li {display: block; margin: 0 0 .5em;}
.blog li a {border-bottom: 1px dashed #D0888B; color: #9F1316; font-size: 1.5em; font-weight: bold;}
.blog li a:hover {border-bottom: 1px dashed #000; color: #000;}

/* FOOTER STYLES ------------
--------------------------------------------------
-------------------------------------------------- */
.shadow {background: url('/_common/img/footer.png') 0 08px repeat-x; float: left; height: 17px; width: 100%;}
.showPageShadow {background: url('/_common/img/shadowShow.png') left top repeat-x; float: left; height: 17px; width: 100%;}
.siteInfo {overflow: hidden; padding: 1.7em 0 3em;}
.siteInfo ul:first-child {float: left;}
.siteInfo ul:first-child a img {display: block; margin: 0; overflow: hidden;}
.siteInfo ul:first-child li {margin: 0 3em 0 0;}
.siteInfo ul, .siteInfo dl {color: #000; float: right; font-size: 1.1em; margin: .8em 0 0 0;}
.siteInfo li {float: left; margin: 0 0 0 1em; text-transform: capitalize;}
.siteInfo li:first-child {margin-left: 0em;}
.siteInfo dl {clear: right;}
.siteInfo dt {float: left;}
.siteInfo dd {float: left; margin: 0 0 0 .3em}
.siteInfo a:hover {color: #000;}


/* JS ENHANCEMENTS ------------
--------------------------------------------------
-------------------------------------------------- */

.whereEnhanced {clear: both; float: left; height: 14em; margin: 0 0 1em; position: relative; width: 100%;}
.navSection .whereEnhanced li a {color: #D4C5A4; display: inline; font-size: 2.1em; margin: 0; position: absolute; line-height: 1em;}
li#EverymanandPlayhouse a {background: url("/_common/img/filter-both.png") no-repeat 9px 4px; right: 0!important; text-align: right; top: 2.7em; width: 83px;}
li#Everyman a {left: 0; top: 2em; width: 138px;}
li#Playhouse a {font-size: 2em; left: 0; top: 3.5em; width: 150px;}
li#OnTour a {display: block; left: 0; top: 4.7em; width: 180px;}

.navSection .whereEnhanced li.selected a, .monthEnhanced ul li.selected a  {color: #9F1316;}

.monthEnhanced ul {clear: both; float: left; height: 35em; width: 226px; overflow: hidden;}
.navSection .monthEnhanced li {display: inline; float: left; margin: 0; position: relative;}
.navSection .monthEnhanced li a {color: #D4C5A4; display: block; float: left; margin: 3px 0 0; width: 220px; position: relative;}
.monthEnhanced li#all a {clear: both; font-size:2em; letter-spacing: -2px; line-height: 1.3em;}
.monthEnhanced li#jan a {clear: both;font-size: 4em; margin-top: 0;  letter-spacing: -1px; line-height: .85em;}
.monthEnhanced li#feb a {clear: both;font-size: 3.5em; line-height: .85em;}
.monthEnhanced li#mar a {font-size: 2.87em; margin-right: 9px; line-height: .8em; width: 119px;}
.monthEnhanced li#apr a {font-size: 2.7em; line-height: .8em; width: 92px;}
.monthEnhanced li#may {clear: both;}
.monthEnhanced li#may a {font-size: 3.7em; line-height: 0.8em; margin-right: 11px; width: 94px;}
.monthEnhanced li#jun a {font-size: 3.7em; line-height: 0.8em; width: 114px;}
.monthEnhanced li#jul {clear: both;}
.monthEnhanced li#jul a {font-size: 2.6em; line-height: 0.85em; margin-right: 16px; width: 79px;}
.monthEnhanced li#aug a {font-size: 2.6em; line-height: 0.85em; width: 125px;}
.monthEnhanced li#sep a {clear: both; font-size: 3.2em; line-height: 0.9em;}
.monthEnhanced li#oct a {clear: both; font-size: 4em; line-height: 0.85em;}
.monthEnhanced li#nov a {clear: both; font-size: 3.4em; letter-spacing: -1px; line-height: 0.8em;}
.monthEnhanced li#dec a {clear: both; font-size: 3.5em; letter-spacing: -1px; line-height: .9em; margin: 2px 0 3px;}

.multibox fieldset span.popupFormError {color: #9F1316; float: none; font-size: 0.9em; font-weight :bold;}