/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.0

--------------------------------------------------------------------------------------*/

/* =------------------------------------------------------------------------

Global Settings

----------*/

*{
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul, li {
	list-style:none;
}

body {
	font: 62.5%/1.6 Georgia, Times, serif;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

.clear {clear: both;}

a {
	color: #666;
	border-bottom: 1px dashed #666;
	text-decoration: none
}

a:hover {
color: #00B9F1;
border-bottom: 1px dashed #00B9F1;
}

/* */

/* =------------------------------------------------------------------------

Main Layout Structure

----------*/

html, body{  
	margin: 0;
	text-align:center; 
	background: #F4FBFF url(../images/pagebk.png) repeat-x
}
 
#pagewidth{
	width: 965px;
	text-align: left;
	margin:0 auto;
	display: block;/* needed for safari and opera */
}
	
#header {
	float: left;
 	position: relative;
	height:354px;
	width: 100%;
	background: url(../images/header.jpg) top left no-repeat
} 
 
#twocols { /* contains 'maincol' and 'rightcol' */
	width:965px; 
	float:right;
	background: url(../images/widthbk.png) repeat-y;
}

#maincol {
	float: left;
	width: 670px;
	padding: 0 20px 2em 38px;
}

#maincol .shell {
	margin: 0 0.6em 3.1em 0.1em;
}
 
#rightcol {
	width:231px; 
	float:right;
	color:#000;
	font-size: 1.2em
}
 
#footer{
	background-color:#7AC0FC; 
	/*clear:both;*/
	float: left;
	width: 100%;
}

/* Skip Navigation */

#skipnav {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* */

#header h1 span {display: none}
#header h1 a{margin: 0; padding: 0; background: url(../images/logo.png) top left no-repeat; width: 210px; height: 150px; position: absolute;left: 745px; top: 152px; border: 0 !important }

/* =------------------------------------------------------------------------

Navigation

----------*/

/* Primary Nav */

#navigation {
	position: absolute;
	width:706px;
	top: 75px;
	left: 20px;
}

#navigation ul {
	float:left;
}

#navigation ul li {
	float:left;
	font-size:2.4em;
}

#navigation li a {
	text-decoration:none;
	color: #333;
	font-weight: bold;
}

#navigation li a:hover, #navigation li.current a {
	color: #333;
}

/* TABS */

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a {
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:3px 12px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span {
color: black;
}

.slidetabsmenu .current a {
background-position:0 -125px;
}

.slidetabsmenu .current a span {
background-position:100% -125px;
color: black;
}

.slidetabsmenu a:hover {
background-position:0% -125px;
}

.slidetabsmenu a:hover span {
background-position:100% -125px;
}

/* Buy Tickets */

#buytickets {
	position: absolute;
	top: 75px;
	left: 760px;
}

#buytickets ul {
	float:left;
}

#buytickets ul li {
	float:left;
	font-size:2.4em;
}

#buytickets li a, #buytickets .slidetabsmenu a span {
	text-decoration:none;
	color: #fff !important;
	font-weight: bold;
	border: 0 !important
}

#buytickets li a:hover span {
	color: #DD3431 !important;
	text-decoration: none;
}

/* =------------------------------------------------------------------------

Typography

----------*/

#maincol a, #maincol li a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dashed #333;
}

#maincol a:hover, #maincol li a:hover  {
	border-bottom: 1px dashed #00B9F1;
	color: #00B9F1
}

#maincol h2, #homemaincol h2 {
	color:#000;
	font-size:2.5em;
	font-weight:bold;
	margin: 0 0 0.3em 0;
	line-height:1.3em;
}

#maincol p {
	font-size: 1.2em;
	margin: 1em 0;
	color: #333;
}

#maincol ul, #maincol ol {font-size: 1.2em; margin: 0 0 0 15px}
#maincol li {list-style: circle; color: #333}
#calendar, .block {background: url(../images/rightdiv.png) bottom left no-repeat; padding: 0 0 15px 0}
#calendar {display: block; height: 19em}

/* Content */

.webblerimage {display: block; background: #FCE8F1; padding: 4px}
.imagecaption {font-size: 1.2em; padding: 3px 1px; color: #666}
.right {float: right; margin: 0 0 5px 5px}
.left {float: left; margin: 0 5px 5px 0}
/* Footer */

#footer #shell {
text-align: left;
	margin:0 auto;
	width: 965px;
	height: 112px;
	background: url(../images/footer.jpg) top left no-repeat;
	font-size:1.2em;
	color: #666
}

#shell .address {display: block; float: left; width: 228px; padding: 28px 0 0 50px}
#shell .details {display: block; float: left; width: 228px; padding: 28px 0 0 15px}
#shell .links {display: block; float: left; width: 180px; padding: 28px 0 0 15px; }
#shell .subscribe {display: block; float: left; width: 231px; height: 80px; margin: 20px 0 0 18px; background: url(../images/subscribe.png) top left no-repeat}
#shell .webbler {float: right; padding: 3px 5px; }
#shell .webbler a {font-size: 11px}
#footer a {
	text-decoration:none;
	border-bottom: 1px dashed #666;
}

#footer a:hover{
	color:#333;
	border-bottom: 1px dashed #333;
}

#footer .links ul li {
	padding: 0 0.8em;
}

#footer .links ul li.webbler {border-right-width:0px!important;}

#shell .subscribe h4 {color: #fff; font-size: 2em; padding: 0 0 8px 9px}

#shell .subscribe a {margin: 0px 10px}

/* toolkit */

#toolkit {
    float: right;
    position: relative;
    display: block;
    height: 29px;
}

#toolkit a span {
    position: absolute;
    text-indent: -5000px;
    overflow: hidden;
}

#toolkit a {text-decoration:none !important; border: 0 !important;width:30px;height:29px;display: block}
#toolkit li {list-style: none !important; float: left; margin: 0 0 0 5px}
#toolkit a.tool_print {
background:url(../images/tool_print.png) top no-repeat;
}

#toolkit a.tool_text {
background:url(../images/tool_text.png) top no-repeat;
}

#toolkit a.tool_email {
background:url(../images/tool_email.png) top no-repeat;
}

#toolkit a.tool_rss {
background:url(../images/tool_rss.png) top no-repeat;
}

#toolkit a:hover {
background-position:bottom;
}



/* Right Col */

#rightcol h4{	
	font-size: 2em;
	font-weight: bold;
	padding: 0 0 0 9px;
	line-height: 1.2em;
}

#rightcol .block {display: block; margin: 0 0 1em 0}
#rightcol ul li{
	display: block;
	padding:0.2em 0.8em;
}

#rightcol ul li a {
	color:#666;
	text-decoration: none;
	/*line-height:1em;*/
	border-bottom: 1px dashed #666;
}

#rightcol ul li a:hover, #rightcol ul li.current a  {
	color:#00B9F1;
	border-bottom: 1px dashed #00B9F1;
}

/* */

/* =------------------------------------------------------------------------

Forms

----------*/

#searchbar form#search {
	position: absolute;
	top: 8px;
	left: 744px;
}

#searchbar fieldset {border: 0; padding: 0; margin: 0}
#searchbar label, #searchbar legend {display: none}

#searchbar form#search input.searchBoxinput {
	background:#fff;
	color:#666666;
	border:0;
	font-size:12px;
	height: 17px;
	width:182px;
	padding: 3px 0 0 3px;
	float: left;
	color: #333;
	font-family: Georgia, Times, serif;
}

#searchbar form#search button {
	float: left;
	background: url(../images/submit_go.png) top left no-repeat;
	height: 20px;
	width: 23px;
	border:0px solid transparent;
	cursor:pointer;
	text-indent: -9999px;
	margin: 0 0 0 2px
}

#searchbar form#search button:hover {background-position: bottom}
.item .content h3 {margin: 0; padding: 0; }
.item .content h3 a {font-size: 1em; padding: 0; margin: 0}
.item .content {display: block; padding: 4px 6px}
.item .content p {margin: 0; padding: 0;}
.shade {display: block; background: #F4FBFF;  margin: 4px 0}

/* fieldset styling */

#maincol form fieldset {border-width: 0; font-size: 1.2em;}

#form legend {font-weight: bold; margin: 0 0 5px 0}
#form input.inputitem {
border: 1px solid #7AC0FC;
height: 15px;
font-size: 12px;
padding:0.15em 0.2em 0.14em;
width: 250px !important;
font-family: Georgia, Times, serif;
margin: 0 0 5px 0
}

#form .label2 {display: block; width: 660px; padding: 10px 0;}
#form input {width: 10px !important;}

#form textarea {
border: 1px solid #7AC0FC;
font-size: 12px;
padding:0.15em 0.2em 0.14em;
width: 250px;
font-family: Georgia, Times, serif
}

#form select {
border: 1px solid #7AC0FC;
font-size: 12px;
padding:0.15em 0.2em 0.14em;
width: 257px;
font-family: Georgia, Times, serif
}

#form a.formsubmit {border: 0 !important; padding: 5px; margin: 10px 0; float: left; font-size: 1.2em; background: #E5E5E5; font-weight: bold}
#form a.formsubmit:hover {background: #00B0CA; color: #fff !important}

#maincol form div {
	float:left;
	padding:0.8em 0pt;
	width:100%;
	border-bottom: 1px solid #f5f5f5;
}

#maincol form label {
	display:block;
	float:left;
	width:30%;
}

.required {
	color: red;
}

.error {color: red;}

/* CALENDAR */
#rightcol #calendar table { border-collapse: collapse; padding: 0px; margin: 20px 0 0 0; color: #999; background: #fff; width: 100%; border-top: 1px solid #fff; border-right: 1px solid #fff; font-size: 0.9em; font-family: Arial, Verdana, sans-serif}
#rightcol #calendar table th,
#rightcol #calendar table td { height: 19px;  text-align: center; border-left: 1px solid #fff; border-bottom: 1px solid #fff;	 }
#rightcol #calendar table th { font-weight: bold; height: 20px;}
#rightcol #calendar a { text-decoration: none; color: #808080;  }
#rightcol #calendar h5 {font-size: 1.2em; padding: 0; margin: 0}
#rightcol #calendar table td a { display: block;  margin: 0; border: 0; padding: 4px 0 4px 0; text-align: center;	} 

#rightcol #calendar table td a:hover,
#rightcol #calendar table td.today a,
#rightcol #calendar table td.today a:hover { background: #00B9F1; color: #fff; font-weight: bold;}

#rightcol #calendar table td.empty { background: #e5e5e5; height: 25px }
#rightcol #calendar { margin: 0 0 11px 0; }

#rightcol #calendar ul { list-style: none; padding: 4px 0 6px 5px; margin: 0; width: 135px;  }
#rightcol #calendar li { display: inline; margin: 0px; padding: 0; }
#rightcol #calendar li a { text-decoration: none; color: #808080;  }
#rightcol #calendar li a.month { padding: 0 0 0 7px; margin: 0 0 0 0px; font-weight: normal; background: url(../images/capNavStrapLiDiv.png) left no-repeat; }
#rightcol #calendar .leadIn { background: #e6e6e6 url(../images/calendarLeadIn.png) bottom repeat-x; }
#rightcol #calendar div.boxoffice { display: block; height: 45px; width: 140px; background: url(../images/buttonBoxOffice.png) no-repeat; }
#rightcol #calendar div.boxoffice span {display: none; }

/* Calendar Listings */
#calendarlisting .item {display: block; float: left; width: 645px; margin: 0 0 10px 0; padding: 10px}
#calendarlisting .image{float: left; width: 150px; display: block; margin: 0 10px 0 0}
#calendarlisting .content {display: block; padding: 0 !important; margin: 0 !important; width: 480px; float: left}
#calendarlisting h3 {padding: 0 !important; margin: 0 !important}
#calendarlisting h3  a{color: #DE3736; font-size: 1.5em; padding: 0 !important; margin: 0 !important}
#calendarlisting p {padding: 0.3em 0 !important; margin: 0 !important; line-height: 1.5em}
p.dates {font-weight: bold}
#calendarlisting .comedy_and_variety {background: #FFF7E5}
#calendarlisting .family_entertainment {background: #FCE8F1}
#calendarlisting .drama {background: #E9F4E7}
#calendarlisting .music_and_dance {background: #E1F3FD}
#calendarlisting .other {background: #F4FBFF}
#calendarlisting .community_and_participants {background: #EFEAEA}

/* Performance listings */
#performancelist th, #performancelist td {color: #333 !important}
#performancelist a {font-size: 1em; padding: 0; margin: 0; border: 0 !important}
#performancelist button {background: #fff; border: 0; color: #E03637; font: 11px Georgia, Times, serif; font-weight: bold; padding: 0; margin: 0 0 0 -3px}
#performancelist button:hover {background: #E03637; color: #fff}
/* PAGING */
.webblerpaging {display: block;  margin: 0 0 10px 0; float: left; background: #fff; width: 100%}
.webblerpaging p {float: left}
.webblerpaging .pagingprevious, .webblerpaging .pagingnext {display: none}
.webblerpaging a {text-decoration: none !important; margin: 4px 4px 4px 0; float: left; border: 1px solid #fff; font-size: 1.3em}
.webblerpaging .current {font-weight: bold}

/* By type */
#rightcol ul li.blue {background: url(../images/type_blue.png) 1px 8px no-repeat; padding: 0.2em 0 0 17px; margin: 0 0 0 9px}
#rightcol ul li.yellow {background: url(../images/type_yellow.png) 1px 8px no-repeat; padding: 0.2em 0 0 17px; margin: 0 0 0 9px}
#rightcol ul li.green {background: url(../images/type_green.png) 1px 8px no-repeat; padding: 0.2em 0 0 17px; margin: 0 0 0 9px}
#rightcol ul li.pink {background: url(../images/type_pink.png) 1px 8px no-repeat; padding: 0.2em 0 0 17px; margin: 0 0 0 9px}
#rightcol ul li.maroon {background: url(../images/type_maroon.png) 1px 8px no-repeat; padding: 0.2em 0 0 17px; margin: 0 0 0 9px}

/* top links */
#toplinks {position: absolute; top: 5px; left: 35px}
#toplinks ul li {display: inline; padding: 5px}
#toplinks a {color: #333; font-size: 1.2em}

/* Reviews */
.reviews_tab {display: block; border: 0 !important; margin: 0; padding: 0 !important}
.reviews_tab p {display: block; background: #F4FBFF; padding: 10px; margin: 0.1em 0.5em 0.4em 0 !important;}
.reviews_tab p a {font-size: 1em !important; border: 0 !important; padding: 0 !important; font-weight: normal !important}
.reviews_tab h3 {color: #00B9F1}

/* 404 */
#errorinfo p{font-size: 1.3em; margin: 0 0 0.6em 0}