/*
   Queen Mother Theatre (QMT) Global Style Sheet
   (c) 2006 The Bancroft Players / QMT
*/

@import "/print.css" print;

body {margin: 0; padding: 0; background-color: #fff; color: #000; font-family: Georgia, "Times New Roman", serif;}

/* 2 Column Layout */

#wrapper {width: 100%; float: left; margin-right: -240px; padding: 0;}
#content {margin: 0 240px 0 20px; padding: 0; line-height: 1.8em;}
#frontpage {margin: 0 20px; padding: 0; line-height: 1.8em;}
#navigation {float: right; width: 220px; margin: 0; padding: 0; background-color: #fff; color: #000;}
#content #welcome-wrapper {clear: both; width: 100%; float: right; margin-left: -220px; padding: 0;}
#content #welcome {margin-left: 220px; padding: 0;}

/* Header */
#header {margin: 0; padding: 0; background-color: #000080; color: #fff;}
#header p {height: 60px; margin: 0; padding: 0;}
#header p a, #header p img {border: none; text-decoration: none;}
#header ul {margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #8080ff; padding: 3px 5px; background: url(gradpale.png) #ddddff repeat-x left; color: #000;}
#header ul li {display: inline; margin: 0 10px 0 0; padding: 0;}
#header ul li:before {content: "\00BB \0020";}

/* Footer */
#footer {clear: both; margin: 20px 0; padding: 0;}
#footer p {margin: 10px 20px; padding: 0;}
#footer img {border: none;}

ul#feeds {float: right; width: 140px; margin: 10px 0; padding: 0; list-style: none;}
ul#feeds li {margin: 2px; border: none; padding: 2px 0 2px 5px;}
ul#feeds li img {vertical-align: middle;}
ul#feeds li:before {content: "";}

/* Navigation Menu */
#navigation h3 {margin: 10px 0 0 0; padding: 1px 5px; background: url(graddark.png) #000080 repeat-x left; color: #fff; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;}
#navigation ul {margin: 0 0 15px 0; border-bottom: 2px solid #000080; padding: 0; list-style: none;}
#navigation ul li {border-bottom: 1px solid #8080ff; padding: 2px 5px;}
#navigation ul li:before {content: "\00BB \0020";}
#navigation ul li a {background-color: #fff; color: #0000c0; text-decoration: none;}
#navigation ul li a:visited {background-color: #fff; color: #800080;}
#navigation ul li a:hover {background-color: #fff; color: #c00000;}
#navigation ul li a:active {background-color: #fff; color: #ff0000;}
#navigation ul li strong {background-color: #fff; color: #000000; font-family: tahoma, verdana, arial, sans-serif;}
#navigation ul.sidepanel {background-color: #ddddff; color: #0000c0;}
#navigation ul.sidepanel li:before {content: "";}
#navigation ul.sidepanel li, #navigation ul.sidepanel li strong {background-color: #ddddff; color: #000;}
#navigation ul.sidepanel li a {background-color: #ddddff; color: #0000c0;}

#navigation ul.followus {width: 220px; background-color: #fff; color: #000;}
#navigation ul.followus li:before {content: "";}
#navigation ul.followus li {border: none; padding: 5px 0; background-color: #fff; color: #000;}
#navigation ul.followus li a {background-color: #fff; color: #000;}

#navigation ul.followus li div#fb-link {padding: 1px 10px;}
#navigation ul.followus li div#fb-link a {color: #0000c0; font-size: 0.80em;}


/* Jump Links */
ul.jumplinks {margin: 0; border-top: 1px solid #8080ff; border-bottom: 1px solid #8080ff; padding: 3px 5px; background: url(gradpale.png) #ddddff repeat-x left; color: #000; text-align: center;}
ul.jumplinks li {display: inline; margin: 0 10px 0 0; padding: 0;}
ul.jumplinks li:before {content: "\00BB \0020";}

/* Generic Links */
a {background-color: inherit; color: #0000c0; font-family: tahoma, verdana, arial, sans-serif; text-decoration: none;}
a:visited {background-color: inherit; color: #800080;}
a:hover {background-color: inherit; color: #c00000;}
a:active {background-color: inherit; color: #ff0000;}
a img {border: none;}

/* Content */
.pagecontent h1 {margin-top: 10px; padding: 5px; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps; font-size: 1.8em; background: url(graddark.png) #000080 repeat-x left; color: #fff;}
.pagecontent h1 abbr {border: none;}
.pagecontent h2, .pagecontent h3 {clear: both; margin: 20px 0 10px 0; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;}
.pagecontent h2 {padding: 2px 5px; background: url(gradpale.png) #ddddff repeat-x left; color: #000080; font-size: 1.5em;}
.pagecontent h3 {background-color: #fff; color: #000080; font-size: 1.3em;}
.pagecontent address {margin: 10px 0; font-style: normal;}
.pagecontent dt {font-weight: bold;}
.pagecontent dl#workshops dt {font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;}
.pagecontent ul, .pagecontent ol {margin: 10px 0 10px 40px; padding: 0;}
.pagecontent li, .pagecontent dd {margin-bottom: 10px;}
.pagecontent table {margin: auto; border: none; border-collapse: collapse;}
.pagecontent table caption {margin: auto; padding-bottom: 5px; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps; font-weight: bold;}
.pagecontent table th, .pagecontent table td {border: 1px solid #8080ff; padding: 2px 5px;}
.pagecontent table thead th {background: url(graddark.png) #000080 repeat-x left; color: #fff; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;}
.pagecontent table tbody th {background: url(gradpale.png) #ddddff repeat-x left; color: #000080; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps; text-align: left;}
.pagecontent table tbody tr:hover td {background-color: #ffffc0; color: #000;}
.pagecontent table tfoot td {border-top: 2px solid #8080ff; border-bottom: 3px solid #000080; background-color: #ddddff; color: #000;}
.pagecontent form fieldset {border-width: 2px 0; padding-left: 20px; border-style: solid; border-color: #000080;}
.pagecontent form legend, .pagecontent form label {background-color: #fff; color: #000080; font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;}
.pagecontent form legend {margin-left: -20px; padding: 0 5px; background: url(graddark.png) #000080 repeat-x left; color: #fff; font-size: 1.2em; font-weight: bold}
.pagecontent form label {font-size: 1.1em;}
.pagecontent form label em {background-color: #fff; color: #c00000; font-size: 0.9em;}
.pagecontent form input, .pagecontent form textarea {padding: 2px 3px; font-family: "courier new", courier, monospace; font-size: 1.2em;}
.pagecontent form ol {list-style: none; margin-left: 0;}
.pagecontent form span {display: block; border: 1px solid #f00; padding: 2px; background-color: #fff; color: #f00;}
.pagecontent form#setaccesskeys li input {width: 1.2em; text-align: center;}
.pagecontent form#mailinglist input, .pagecontent form#mailinglist textarea {font-size: 1em;}
.pagecontent form .msg_error {border: 2px solid #f00; padding: 3px; font-weight: bold; background-color: #fff; color: #f00;}
.pagecontent form .msg_success {border: 2px solid #090; padding: 3px; font-weight: bold; background-color: #fff; color: #000;}
.pagecontent img.align_left {float: left; padding: 0 10px 10px 0;}
.pagecontent img.align_right {float: right; padding: 0 0 10px 10px;}
.pagecontent .img_align_center {padding: 10px; text-align: center;}
.pagecontent .img_align_left {float: left; max-width: 300px; padding: 0 10px 10px 0; text-align: center;}
.pagecontent .img_align_right {float: right; max-width: 300px; padding: 0 0 10px 10px; text-align: center;}
.pagecontent .article-author {font-weight: bold; font-style: italic; text-align: right;}

/* Photo gallery */
.pagecontent #thumbnails {clear: both; margin: auto; padding: 0;}
.pagecontent #thumbnails ul {margin: 0 !important; padding: 0 !important; list-style: none;}
.pagecontent #thumbnails li {float: left; position: relative; display: inline; width: 100px; height: 100px; margin: 0 !important; padding: 10px !important; line-height: 0.01em; text-align: center;}
.pagecontent #thumbnails li img {display: block; margin: 0 auto; border: none;}
.pagecontent #thumbnails ul:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.pagecontent .album_nav {width: 300px; margin: auto; text-align: center;}
.pagecontent .album_nav .nav_prev, .pagecontent .album_nav .nav_next {display: block; width: 100px;}
.pagecontent .album_nav:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.pagecontent .album_nav .nav_prev {float: left; text-align: left;}
.pagecontent .album_nav .nav_next {float: right; text-align: right;}
.pagecontent .album_photo {text-align: center;}

/* Holly Hack for IE 6 & below \*/*
html #content #thumbnails { width: 510px;  }
/* --- Oh for IE 7! --- */

/* Homepage Items */
.pagecontent #intro, #frontpage #intro {font-size: 1.4em;}
.pagecontent #intro img, #frontpage #intro img {float: right; padding: 0 0 10px 10px;}
.pagecontent #welcome h2 {margin: 0; background: url(graddark.png) #000080 repeat-x left; color: #fff;}
#sidepanel ul {margin: 0; padding: 0; list-style: none;}
#sidepanel ul li {border-top: 1px solid #fff; border-bottom: 1px solid #8080ff; margin: 0; padding: 5px;}
#sidepanel #comingsoon {padding: 0 5px; text-align: center;}
#sidepanel #comingsoon a {display: block;}
#sidepanel form {padding: 0 5px;}
#sidepanel form label, #sidepanel form label em {background-color: transparent;}
.pagecontent #sponsors {clear: both; margin: 10px 0; border-top: 1px solid #000080; padding: 10px;}
.pagecontent #sponsors:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.pagecontent #sponsors p {clear: both;}

h1.offset {display: none;}

#frontpage #highlight_shows {
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

#frontpage #highlight_shows table {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 10px 0;
	padding: 0;
}

#frontpage #highlight_shows table td {
	width: 170px;
	font-size: 0.85em;
	text-align: left;
}

#frontpage #highlight_shows table td p.poster {
	margin: 0;
	text-align: center;
}

#frontpage #highlight_shows table td form {
	margin: 0 0 10px 0;
	text-align: center;
}

#frontpage .dontmiss {
	margin: 10px 20px;
	font-size: 1.2em;
}
#frontpage .dontmiss strong {
	font-family: tahoma, verdana, arial, sans-serif; font-variant: small-caps;
}

#fp_navigation {
	margin-top: 10px;
	border-top: 1px solid #000080;
	padding: 5px;
	text-align: center;
}

#fp_navigation h2, #fp_navigation h3 {position: absolute; left: -999px;}
#fp_navigation ul {margin: 5px 0; padding: 0; list-style: none;}
#fp_navigation ul li {display: inline;}
#fp_navigation ul li:before {content: "\00BB \0020";}
#fp_navigation ul li a {background-color: #fff; color: #0000c0; text-decoration: none;}
#fp_navigation ul li a:visited {background-color: #fff; color: #800080;}
#fp_navigation ul li a:hover {background-color: #fff; color: #c00000;}
#fp_navigation ul li a:active {background-color: #fff; color: #ff0000;}


/* Miscellaneous IDs/classes */
#navigation h2, #footer h2, #sponsors h2 {position: absolute; left: -999px;}
#shoutbox {clear: both; margin: 10px 50px; border: 1px solid #000080; padding: 10px; text-align: center; font-weight: bold;}
.photo_caption {float: left; max-width: 200px; margin: 0 20px 20px 0; font-size: 0.9em; font-style: italic; text-align:center;}
.photo_caption img {display: block; margin-bottom: 3px; border: 1px solid #000080; padding: 0 !important; text-align:center;}
p.production {float: right; width: 150px; margin: 0 0 20px 20px; text-align: center;}
.production img {padding: 0 !important;}
.emph_title {text-transform: uppercase;}
#download_appform {width: 300px; float: right; margin: 0; border: 1px solid #000080; padding: 10px; text-align: center;}
#download_appform p {margin: 0; padding: 0;}
#download_appform p.plugin_req {font-size: 0.85em}
#error {margin: 10px 30px; border: 2px solid #ff0000; padding: 5px; background-color: #ffdddd; color: #000;}
tr.wo_close {background-color: #eee; color: #444; font-style: italic;}
tr.wo_today {background-color: #ffcccc; color: #000;}
td.wo_noshow {text-align: center;}
td.wo_noshow strong {color: #f00;}
.event_cancelled {margin: 10px 60px; padding: 20px; background-color: #ffdddd; color: #c00000; text-transform: uppercase; text-align: center; font-size: 1.2em; font-weight: bold;}
.soldout {color: #ff0000; text-transform: uppercase;}
.seating_plan {text-align: center;}
.floatbox_left {float: left;}
#alert {margin: 10px; border: 2px solid #f00; padding: 0;}
#alert p {padding: 10px;}
.notice {margin: 10px; border-width: 2px 0; border-style: solid; border-color: #ff0000; padding: 0; text-align: center;}
.agenotice {margin: 10px; border-width: 2px 0; border-style: solid; border-color: #ff0000; padding: 0; color: #ff0000; text-align: center;}


/* BPYT */
#bsnavpanel {padding: 200px 0 0 0; background: url(/bigspirit/bigspiritlogo.png) #fff no-repeat top; color: #000}
#bsnavpanel h3 {margin-top: 0;}

/* Newsletter */
#bpn-masthead {margin:0 0 10px 0; padding:0 10px; line-height:1.2em;}
#bpn-masthead .bpn-strapline {margin:0; font-size:1.4em; font-style:italic; text-align:center;}
#bpn-masthead .bpn-edition {float:right; margin:0; padding:0; text-align:right;}
a[rel="nofollow"] {padding-right:12px; background:url(externallink.png) transparent no-repeat right;}
#meta_info {clear:both; margin:10px 0; border-top:1px solid #0000c0; border-bottom:1px solid #0000c0; padding:0 10px;}
#meta_info p {margin:5px 0; font-size:0.85em;}
#meta_info dt {clear:both; width:100px; float:left; margin-right:10px; font-weight:bold;}
form#search {margin-bottom:15px; border-bottom:3px solid #000080; padding:10px 5px;}
form#search p {margin:0;}
#searchresults dt {margin-top:10px;}
#searchresults dt.date {background-color:#fff; color:#666; font-size:0.85em;}
#searchresults dd {margin-left:10px; background-color:#fff; color:#666;}
#searchresults dd.relevence {margin:5px 0 0 10px; font-size:0.75em;}

/* Booking Forms and Tables */

#bookonlinetable {
	line-height: 1.5em;
}

#bookonlinetable th {
	background-image: none !important;
	vertical-align: top;
	width: 120px !important;
}

#bookonlinetable th sup, #bookonlinetable td label sup {
	padding: 0 3px;
	font-size: 0.65em !important;
}

#bookonlinetable td label {
	vertical-align: middle;
	font-size: 1em !important;
	font-weight: bold;
}

#bookonlinetable td.maxed {
	width: 250px !important;
}

#bookonlinetable td.submitbtn {
	text-align: center !important;
}
	#bookonlinetable td.submitbtn input {
		margin: 10px !important;
		padding: 5px 20px !important;
	}

#bookonlinetable tfoot td {
	line-height: 1.3em;
	font-size: 0.75em;
}
	#bookonlinetable tfoot td sup {
		font-size: 1em !important;
	}

#ppform {
	text-align: center;
}

/* LINKS PAGE */

.bus_link {
	clear: both;
	margin: 10px 0;
	border-bottom: 1px solid #8080ff;
	padding: 0;
}

.bus_link .bus_link_img {
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
	text-align: center;
}

.bus_link .bus_link_img img {
	border: none;
}

#other_links {
	text-align: center;
	margin: 10px;
}

#other_links table {
	border: none !important;
	padding: 0;
}

#other_links table td {
	border: none !important;
	padding: 10px !important;
	text-align: center;
	vertical-align: middle;
}

#other_links table tr:hover td, #other_links table td a:hover {
	background-color: #ffffff !important;
}

/* ADDTHIS TOOLBOX */

.addthis_stuff {
	clear: both;
	float: right;
	width: 450px;
	margin: 10px 0;
	padding: 0 0 0 155px;
	background: url(/whatson/sharethis.png) #fff no-repeat left;
}

.addthis_frontpage {
	width: 500px;
	margin: 10px auto;
}
.addthis_frontpage .addthis_toolbox {
	float: left;
	width: 400px;
	margin: 0;
}

.addthis_stuff:after, .addthis_frontpage:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.addthis_frontpage div#fb-link a {color: #0000c0; font-size: 0.80em;}


/* Content for screen-readers and non-CSS browsers */
.offscreen {
	position: absolute;
	left: -300px;
	padding: 0;
	font-size: 75%;
}


/* Global Fixes */

/* Fixing Q tag in IE/Win - remove quote from all browsers */
q:before, q:after {content: "";}