/*	 
	Byron Entertainment Center
	CSS by Evolved Websites, 07.04.2006 (CS:JD) 
*/

/* === Basic Layout (as per template) === */
* { margin: 0; padding: 0; }
a { color: #0186be; text-decoration: none; }
a:hover { text-decoration: underline; }
a.selected, .selected a, a:visited { color: #401e51; }
a img, fieldset { border: none; }

.clear { clear: both; }
hr.nostyle { clear: both; visibility: hidden; height: 0; }
.print { display: none; }

html { }
body {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background: #b5aea4;
}

#banner {
	width: 748px;
	height: 98px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	background: url('images/stars_top.gif') no-repeat 10% 45px;
}

#wrap {
	background: white;
	min-width: 100%;
	float: left;
	position: relative;
	z-index: 5;
}

* html #wrap { width: 100%; float: none;}

#page {
	position: relative;
	width: 748px;
	margin: 0 auto;
	color: #888;
	z-index: 5;
	background: url(images/bec-bg.jpg) no-repeat 100% 95px;
}

#logo {
	position: absolute;
	top: -45px;
	right: 0;
	z-index: 99;
}

#content {
	width: 483px;
	min-height: 280px;
	float: left;
	padding: 17px;
}
* html #content { padding-top: 4px; padding-bottom: 0; }

#notes {
	width: 200px;
	float: right;
	padding: 17px 4px 90px 17px;
}

#logo-secondary {
	position: absolute;
	width: 200px;
	right: 0;
	bottom: 100%;
	margin-bottom: 30px;
	padding-bottom: 32px;
	color: #666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	background: url(/images/circus_arts_writing.gif) bottom right no-repeat;
}

#footer {
	clear: both;
	width: 748px;
	margin: 0 auto;
	padding: 15px 0 60px 0;
	color: #f4f4f4;
	font-size: 90%;
	position: relative;
	z-index: 10;
	background: #b5aea4 url('images/stars_bottom.gif') no-repeat 60% 3px;
}

#footer a {
	color: #f4f4f4;
}
#footer .smallprint { float: left; padding-left: 17px; }
#footer .attribution { float: right; padding-right: 4px; }

#sitemenu { 
	position: absolute;
	bottom: 0px;
	left: 17px;
	list-style: none;
	color: #f4f4f4;
	width: 700px;
	margin-bottom: 50px;
	text-transform:uppercase;
}
#sitemenu li {
	display: inline;
}
#sitemenu li a {
	color: #f4f4f4;
	text-decoration: none;
}

#sitemenu li a:hover { color: #401e51; text-transform: uppercase; }
#sitemenu li.selected a { color: #401e51; }

/* content styles */
h1 { 
	color: #01a8ec;
	background-repeat: no-repeat;
	height: 80px;
	text-indent: -2000px;
}

h2 {
	font-size: 110%;
	padding: 1em 0 0 0;
	clear: left;
}

h2, h3, h4, h5, h6 { margin: 0.2em 0; }
p { margin-bottom: 0.8em; line-height: 1.7em; clear: left; }

.text-image {
	float: right;
	margin: 0em 0 1.5em 0.5em;
	padding: 2px;
	border: 1px solid #ddd;
}

.submenu { list-style: none; line-height: 18px; margin: 0.8em 0; text-transform:uppercase; }
.submenu li { display: inline; }
.submenu li.last { padding-right: 19px; background: url(/images/star-grey.gif) right no-repeat; }
.submenu li a { padding-left: 19px; background: url(/images/star-grey.gif) no-repeat; color: #0186be; }
.submenu li a:hover { color: #401e51; text-decoration: none; }
.submenu li.selected, .submenu li.selected a { color: #401e51; }

.event {
	position: relative;
	width: 466px;
	margin: 5px 0 20px -18px;
	padding: 0 17px;
	border: 1px solid #ddd;
	font-size: 90%; 
}
.event:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.event h2 {
	font-size: 110%;
	float: right;
	width: 336px;
	margin-top: 0;
	padding-top: 0.5em;
}

.event .details {
	float: right;
	width: 336px;
	margin-bottom: 0.5em;
}

.event p { line-height: 1.4em; }
.event img { float: left; margin-top: 9px; }

.event .booking {
	position: absolute;
	left: 147px;
	width: 355px;
	min-height: 16px;
	bottom: -1px;
	margin: 0;
	padding-bottom: 8px;
	font-size: 95%;
	background: url(/images/event-corner.gif) bottom right no-repeat;
}

* html .event .booking { bottom: -2px; padding-bottom: 9px; height: 16px; } 

.event .booking a {
	color: white;
	font-weight: bold;
	background: #01a8ec;
	line-height: 1.6;
	padding: 3px 5px;
}

.event .booking a:hover {
	background: #401e51;
	text-decoration: none;
}

.event .booking span.price {
	font-weight: bold;
	padding-left: 0.5em;
}

.links { font-size: 95%; }
.links a { font-weight: bold; }

form.event { padding-top: 1em; padding-bottom: 5em; width: 440px; }
form.event fieldset { clear: both; }
form.event fieldset.fields { border-top: 1px solid #ccc; padding-top: 24px; }
form.event dt { float: left; width: 114px; clear: both; padding: 5px 0 4px 0; }
form.event dd { border-top: 1px solid #ccc; padding: 4px 0; }
form.event dd strong { color: #333; }
form.event p { padding: 12px 0 4px 122px; margin: 0; clear: both; }
form.event .field { border-top: 1px solid #ccc; padding: 4px 0; clear: both; overflow: hidden; }
form.event .field label { float: left; width: 114px; margin-right: 8px; font-weight: bold; font-size: 92%; padding: 3px 0; }
form.event .field input { font-size: 100%; }
form.event .field input.number { width: 50px; }
form.event .field input.text { width: 285px; }
form.event .field select.text { width: 289px; font-size: 90%;}
form.event .field.chkbox label { float: none; padding-left: 122px; }
form.event .booking { left: 139px; width: 336px; }
form.event .booking input { width: 289px; font-size: 90%; }

form.event em { color: red; font-style: normal;}

#marquee.event { margin-top: 2em; margin-bottom: 2em; width: 471px; height: 111px; padding-right: 0;}
#marquee.event img { float: none; vertical-align:top;}
#marquee.event .marquee_contents { position:absolute; white-space: nowrap; clip: rect(0px, 480px, 113px, 0); }
* html #marquee.event .marquee_contents { clip: rect(0, 470px, 113px, 0); } 
#marquee.event .booking { left: 134px; }

/* accessibility */
#skip {
	position:absolute;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 10;
}
#skip li {
	display: block;
	width: 100%;
}
#skip li a {
	padding: 2px;
	text-align: right;
	position: absolute;
	left: -2000px;
}

#skip li a:focus, #skip li a:active {
	font-size: 140%;
	color: white;
	font-weight: bold;
	background: #01a8ec;
	position: static;
	display: block;
}

/* sitemap */
.sitemap {
	clear: left;
	margin-left: 35px;
}

ol li {
	margin-top: 10px;
}

submenu a {
	display: block;
	font-size: 11px;
	padding-left: 10px;
}

/* forms */
input, textarea {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	background: #eee6db;
	padding: 2px;
	margin-bottom: 2px;
}


/* gallery */

.gallery {
	width: 100%;
	font-size: 90%;
	line-height: 2em;
	color: #888;
}

.photo {
	float: left;
	border: none;
	margin: 0 1em 1.5em 0;
}