@charset "UTF-8";
/*  
Theme Name: Bedford Burlesque
Theme URI: http://www.bedfordburlesque.co.uk
Description: A theme for the burlesque night in Bedford, UK.
Version: 2
Author: Leonard Burton
Author URI: http://www.atomworks.co.uk

*/

body, html {
	width: 100% ;
	height: 100% ;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
	background-color: #652a1e ;
	background-image: url(images/background-tile.jpg) ;	
	background-repeat: repeat ;
	font-family: Georgia, "Times New Roman", Times, serif ;
	font-size: 13px ;
	color: #f0d3b0 ;
}
#header {
	height: 300px ;
	position: relative ;
	width: 100% ;
	overflow: hidden ;
}
#header h1,
#header h2,
#header .skipLink {
	display: none ;
}
#mainBackground {
	position: absolute ;
	top: 0 ;
	z-index: 1 ;
	background-image: url(images/background-header.jpg) ;
	background-repeat: no-repeat ;
	background-position: center ;
	height: 100% ;
	width: 100% ;
}
#headerBack {
	display: none ;
	background-image: url(images/background-header.jpg) ;
	background-repeat: no-repeat ;
	background-position: top center ;
	height: 1004px ;
	width: 1400px ;
	margin: 0 auto ;
	padding: 0 ;
	overflow: hidden ;
	position: relative;
}

#main {
	width: 960px ;
	padding: 0 0 0 0 ;
	margin: 0 auto 0 auto ;
}
#wrapper {
	background-image: url(images/background-header.jpg) ;
	background-repeat: no-repeat ;
	background-position: center top ;
	min-height: 100% ;
}
#content {
	float: left ;
	clear: both ;
}
#sidebar {
	float: left ;
	width: 275px ;
	margin: 0 0 0 20px ;
	
}
#comments {
	padding: 0 10px 0 10px ;
	
}
#footer {
	width: 665px;
	text-align: center;
	font-size: 12px;
	color: #C3AC8F;
}
a:link,
a:visited,
a:active {
	color: #F08B47;
	text-decoration: none;
}
a:hover {
	color: #DAC1A0;
	text-decoration: underline ;
}
hr {
	color: #652a1e;
	background-color: #652a1e;
	height: 1px;
	border: 0 ;
	border-bottom: #652a1e solid 1px;
	
}
a.linkzone {
	position: absolute ;
	top: 0;
	left: 0 ;
	display: block ;
	border: none ;
	width: 100% ;
	height: 100% ;
	z-index: 9999 ;
}
/** Nav CSS **/
#navBackground {
	height: 37px ; /** 25 **/
	width: 100% ;
	background-image: url(images/nav-background.png);
	position: absolute ;
	top: 250px ;

}
#nav {
	height: 37px ;
	width: 100% ;
	background-image: url(images/nav-background.png);
	position: absolute  ;
	top: 250px ;
	left: 0 ;
	padding: 0 ;
	z-index: 20 ;
}
#nav ul {
	display: block ;
	clear: none ;
	position: relative ;
	padding: 5px 0 0 ;
	margin: 0 auto ;
	width: auto ;
	float: left ;
	left: 50% ;
}
#nav ul li {
	height: 20px ;
	list-style-type: none;
	display: inline ;
	position: relative ;
	clear: none ;
	width: auto ;
	padding: 3px 15px 2px 40px ;
	margin: 0 auto ;
	background-image: url(images/nav-mid.gif) ;
	background-position: left ;
	background-repeat:no-repeat ;
	float: left ;
	right: 50% ;
}
#nav ul li#starter {
	background-image: url(images/nav-start.gif) ;
	background-repeat: no-repeat ;
	height: 25px ;
	width: 24px ;
	padding: 0 0 0 0 ;
}
#nav ul li#stopper {
	background-image: url(images/nav-stop.gif) ;
	background-repeat: no-repeat ;
	height: 25px ;
	width: 24px ;
	padding: 0 0 0 0 ;
}

#nav ul li.first {
	padding: 3px 15px 2px 15px ;
	background-image: none ;
	background-repeat:no-repeat ;
	
}
#nav ul a {
	display: block ;
	padding: 2px 0 0 0 ;
	width: auto ;
	white-space: nowrap ;
}
#nav ul a:link,
#nav ul a:visited,
#nav ul a:active {
	color: #f0d3b0 ;
	text-decoration: none ;
}
#nav ul a:hover {
	color: #DAC1A0;
	text-decoration: none ;
}
.eventAlign {
	width: 960px ;
	position: relative ;
	height: 211px ;
	margin: 0 auto ;	
	z-index: 10 ;	
}
#nextEvent {
	position: relative ;
	width: 960px ;
	margin: 0 auto ;
}
#nextEventDate {
	position: absolute ;
	width:150px ;
	left: 245px ;
	top: 103px ;
	font-size: 18px ;
	color: #841000 ;
	text-align: center ;
	line-height: 180% ;
	text-shadow: 1px 1px 3px #a1582f;
}
#nextEventDate span{
	font-size: 24px ;
}
#nextEventVenue {
	position: absolute ;
	width:150px ;
	right: 245px ;
	top: 103px ;
	font-size: 18px ;
	color: #841000 ;
	text-align: center ;
	line-height: 180% ;
	text-shadow: 1px 1px 3px #a1582f;
}

/** Main Content CSS **/
.story {
	width: 665px ;
	background-image: url(images/black-trans.png) ;
	background-repeat: repeat ;
	/** min-height: 400px ; **/
	padding: 0 0 10px 0 ;
	margin: 0 0 20px 0 ;
}
.story .titlearea {
	position: relative ;
	border-top: solid 1px #866c57 ;
	border-bottom: solid 1px #866c57 ;
	background-repeat: repeat-x ;
	padding: 0 0 0 ;
	top: 25px ;
}
.story .titlearea .date {
	position: absolute ;
	top: -15px ;
	left: 5px ;
	background-image: url(images/datebk.png) ;
	background-repeat: no-repeat ;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
	width: 77px ;
	height: 76px ;
	font-family: Verdana, Geneva, sans-serif ;
	color: #5b2216 ;
	float: left ;
}
.story .titlearea .date .number {
	font-size: 24px ;
	height: 28px ;
	width: inherit ;
	text-align: center ;
	padding: 7px 0 0 2px ;
	
}
.story .titlearea .date .month {
	font-weight: bold ;
	font-size: 18px ;
	text-transform: uppercase ;
	text-align: center ;
	padding: 0 0 0 2px ;
}
.story .titlearea .title {
}
.story .titlearea .title h1{
	padding: 0 0 0 20px ;
	margin: 0 0 0 70px ; ;
	font-size: 36px ;
	font-weight: normal ;
	position: relative ;
	float: left ;
	display: inline ;
}
.story .titlearea .titleNoDate {
	float: left ;
}
.story .titlearea .titleNoDate h1{
	padding: 0 0 0 20px;
	margin: 0 0 0 0 ;
	font-size: 36px ;
	font-weight: normal ;
}
.story .titlearea .title h1 a:link,
.story .titlearea .title h1 a:visited,
.story .titlearea .title h1 a:active,
.story .titlearea .titleNoDate h1 a:link,
.story .titlearea .titleNoDate h1 a:visited,
.story .titlearea .titleNoDate h1 a:active {
	color: #f0d3b0 ;
	text-decoration: none ;
}
.story .titlearea .titleNoDate h1 a:hover,
.story .titlearea .title h1 a:hover {
	color: #DAC1A0;
	text-decoration: none ;
}
.story .textarea {
	position: relative ;
	top: 40px ;
	padding: 10px 10px 30px ;
	line-height: 140% ;
}
.story .textarea .author {
	font-size: 11px ;
	text-align: right ;
	display: none ;
}
.story .textarea img {
	padding: 5px ;
	margin: 5px ;
	background-image: url(images/pic-border.jpg) ;
	background-repeat: repeat ;
}
.story .textarea img.left,
.story .textarea img.alignleft {
	float: left ;
	clear: both ;
	margin: 5px 10px 5px 5px ;
}
.story .textarea img.right,
.story .textarea img.alignright{
	float: right ;
	clear: both ;
	margin-left: 10px ;
}
.story .textarea img.center {
	margin: 5px auto 5px auto ;
}
/** Sidebar CSS **/


#sidebar .sbBox {
	width: 275px ;
	margin: 0 0 20px 0 ;
	padding: 15px 0 30px 0 ;
	background-image: url(images/black-trans.png) ;
	background-repeat: repeat ;
}

#sidebar .sbBox .title {
	margin: 0 0 45px 0 ;
	border-top: solid 1px #866c57 ;
	border-bottom: solid 1px #866c57 ;
	background-image: url(images/black-trans.png) ;
	height: 35px ;
	
	
}
#sidebar .sbBox .title h2 {
	margin: 0 ;
	padding: 8px 0 0 10px ;
	font-size: 18px; 
	font-weight: normal ;
}
#sidebar .sbBox .content {
	
}
#sidebar .sbBox .contentC {
	text-align: center ;
}
#sidebar .sbBox .contentC h2 {
	font-size: 19px ;
}
#buyOnline {
	background-image: url(images/buy-online.png) ;
	background-position: center top;
	background-repeat: none ;
	height: 80px ;
	width: 275px ;
	position: relative ;
}
#buyOnline span {
	display: none;
}
#followOn {
	background-image: url(images/follow-on-twitter.png) ;
	background-position: center top;
	background-repeat: none ;
	height: 80px ;
	width: 275px ;
	position: relative ;
}
#followOn span {
	display: none;
}
/** Comments CSS **/
.storyfoot {
	font-size: 12px ;
	border-top: solid 1px #866c57 ;
	border-bottom: solid 1px #866c57 ;
	margin:20px 10px  ;
	padding: 5px  ;
}
ol.commentlist li{
	padding: 10px 0 0 0 ;
	margin: 5px 0 10px 0 ;
	width: 565px ;
	border-top: #652a1e solid 1px;
	border-bottom: #652a1e solid 1px;
}

/** Other bits **/
.clear {
	clear: both ;
}
#curtains {
	position: relative ;
	z-index: 200 ;
}
#leftCurtain {
	position: absolute ;
	left: 0 ;
	width: 382px ;
	height: 690px ;
	background-image: url(images/left-curtain.png) ;
}
.TBDate {
	color: #866c59;
}
.ldq {padding:0; margin: 0 ; font-size:100px; line-height:100px; height:100px; color: #482f26;position:absolute; left:0; top:-25px}
.rdq { padding:0; margin: 0 ; font-size:100px; line-height:100px; height:50px; overflow:hidden; color: #482f26;position:absolute; right:0; bottom:10px;}
/**
#rightCurtain {
	position: absolute ;
	right: 0 ;
	width: 382px ;
	height: 690px ;
	background-image: url(images/right-curtain.png) ;
}**/