/* ------------------------------------------------------------
	base
------------------------------------------------------------ */

html {
	overflow-y: scroll;
	} 

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #333333;
	background-color: #F4F3E8;
	line-height: 1.2;
	}


/* ------------------------------------------------------------
	page structure
------------------------------------------------------------ */

#header {
	background: #631000;
	padding: 15px 0;
	margin: 0 0 25px 0;
	border-bottom: 6px solid #4A0C00;
	}

#content #sidebar {
	float: right;
	width: 200px;
  	padding: 0 0 0 25px;
  	border-left: 1px solid #C0C0C0;
	}

#content #main {
	float: left;
	width: 500px;
	}

#content #main, #content #sidebar {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}
	
#content {
	margin-bottom: 20px;
	overflow: hidden;
	}
	
#footer {
	clear: both;
	margin-top:25px;
	padding: 22px 0;
	background: #DDDBCC;
	color: #565654;
	}

.wrapper {
	margin: 0 auto;
	width:750px;
	text-align:left;
	}


/* ------------------------------------------------------------
	navigation
------------------------------------------------------------ */

#header ul {
	margin:0 auto;
	width:750px;
	text-align:left;
	}

#header ul li {
	display:inline;
	margin:0px 24px 0px 0px;
	font-size:18px;
	font-weight: normal;
	}

#header ul li.last {
	margin:0;
	padding-right: 4px;
	/* background: url(/images/and-dance.gif) no-repeat 0 20px; */
	}


/* ------------------------------------------------------------
	links
------------------------------------------------------------ */

a, a:link, a:visited {
	color: #397DB7;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #9D0400;
	text-decoration: underline;
	}

a img {
	border:none;
	}
	
#header a {
	color:#ebeadf;
	text-decoration: none;
	}
	
.jdGallery a, .jdGallery a:link, .jdGallery a:visited, .jdGallery a:hover, .jdGallery a:active {
	color:#fff;
	text-decoration: none;
	}


/* ------------------------------------------------------------
	headings
------------------------------------------------------------ */

h1 {
	font-size: 32px;
	color:#ebeadf;
	font-variant: small-caps;
	letter-spacing: 0.6px;
	display: inline;
	margin:0px 2px 0px 0px;
	}
	
h2 {
	clear: both;
	font-size: 28px;
	color:#8F0700;
	font-variant: small-caps;
	}
	
h2 em {
	font-size: 23px;
	}
	
h3 {
	font-size: 22px;
	color:#8F0700;
	font-variant: small-caps;
	}
	
h4 {
	font-size: 18px;
	color:#7D7D7D;
	font-variant: small-caps;
	}
	
h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color:#8F0700;
	}


/* ------------------------------------------------------------
	main content
------------------------------------------------------------ */

#content #main {
	font-size: 14px;
	}
	
p#intro {
	margin: 10px 0 0 0;
	}

#myGallery {
	margin: 20px 0;
	width: 498px !important;
	height: 190px !important;
	border: 1px solid #C0C0C0;
	}

.jdGallery .slideInfoZone h2 {
	padding: 0;
	font-size: 15px;
	margin: 0;
	margin: 11px 10px;
	font-weight: normal;
	font-variant: normal;
	color: #fff;
	}


.jdGalllery .slideInfoZone p {
	padding: 0;
	text-align: right;
	font-size: 15px;
	margin: -29px 10px;
	color: #fff;
	}
	
#banner {
	margin: 20px 0 0 0;
	border: 1px solid #C0C0C0;
	}

table#listings {
	width: 100%;
	border: none;
	border-top: 1px solid #DDDBCC;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	font-size: 13px;
	}

table#listings td {
	vertical-align: top;
	border-bottom: 1px solid #DDDBCC;
	padding: 8px;
	color: #333333;
	}

table#listings tr.highlight { 
	background-color: #ebeadf;
	cursor: pointer;
	}
	
table#listings tr.highlight a { 
	color: #9D0400;
	}
	
table#listings td.desc {
	width: 40%;
	}
	
table#listings td.venue {
	color: #50504E;
	width: 40%;
	}

table#listings td.price {
	width: 20%;
	color: #7D7D7D;
	}

table#listings td a {
	display: block;
	border: none;
	}
	
div.keyinfo {
	margin: 18px 0 25px 0;
	padding: 10px;
	background: #ebeadf;
	border: 1px solid #DDDBCC;
	}

#tips ol {
		margin: 15px 0 15px 25px;
	}
	
#tips ol li {
	list-style-type: decimal;
	margin-top: 10px;
	}
	
p.listintro {
	margin: 15px 0 5px 0;
	}
	
p.smallprint {
	margin: 20px 0 5px 0;
	font-size: 90%;
	color: #50504E;
	}
	
body#contact div#main p {
	margin: 15px 0 0 0;
	}
	
body#contact div#main em {
	color:#8F0700;
	}

#theatresintro {
	margin: 15px 0 0 0;
	}
	
#theatresimg {
	float: right;
	text-align:center;
	margin: 0 0 0 20px;
	font-size: 90%;
	line-height: 1.6;
	color: #7D7D7D;
	}
	
.whatsonat {
	padding: 20px 0 0 0;
	margin: 15px 0 0 0;
	color: #50504E;
	}
	
.whatsonat dl {
	clear:both;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0;
	}

.whatsonat dl dt {
	margin: 0;
	padding: 0;
	}

.whatsonat dl dt a {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 3px solid #DDDBCC;
	background: #fffefa;
	}

.whatsonat dl dt a img {
	float: left;
	}
	

/* ------------------------------------------------------------
	sidebar content
------------------------------------------------------------ */

.chart, .theatrelist {
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #C0C0C0;
	}
	
body#advsearch .chart {
	padding: 0;
	margin: 0;
	border: none;
	}
	
.chart ol {
	margin: 10px 0 2px 25px;
	}
	
.chart ol li {
	list-style-type: decimal;
	line-height:1.6em;
	}
	
.theatrelist ul {
	margin: 10px 0;
	}
	
.theatrelist ul li {
	line-height:1.6em;
	}
	
.featured {
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #C0C0C0;
	color: #50504E;
	}
	
.featured dl {
	clear:both;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0;
	}

.featured dl dt {
	margin: 0;
	padding: 0;
	}

.featured dl dt a {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 3px solid #DDDBCC;
	background: #fffefa;
	}

.featured dl dt a img {
	float: left;
	}

.westendnews {
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #C0C0C0;
	color: #50504E;
	}
	
.westendnews p {
	margin: 15px 2px 0 0;
	}

/* ------------------------------------------------------------
	footer content
------------------------------------------------------------ */

#navlist {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#navlist li {
	display: inline;
	padding: 0;
	margin: 0;
	}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li {
	display: block;
	float: left;
	}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

p#legal {
	margin: 10px 0 0 0;
	}
	
	
/* ------------------------------------------------------------
	forms
------------------------------------------------------------ */

#search form {
	margin:8px 0 6px 0;
	}

input.searchq {
	width: 140px;
	font-size: 130%;
	}

#contact_form {
	margin: 0;
	}

#contact_form p {
	margin: 10px 0 0 0;
	}
	

#contact_form label {
	line-height: 1.6em;
	}

#contact_form input {
	font-family: inherit;
	padding: 4px;
	}

#contact_form textarea {
	width: 450px;
	height: 140px;
	font-family: inherit;
	}

input.submit {
	border: 2px solid #4A0C00;
	border-top-color: #712617;
	border-left-color: #712617;
	width: 50px;
	padding: 1px 0;
	background-color: #631000;
	color: #ebeadf;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 95%;
	font-weight: normal;
	}
	

/* ------------------------------------------------------------
	everything else
------------------------------------------------------------ */
	
body#about p {
	margin: 15px 0 0 0;
	}

a.button {
    display:block;
    float:left;
    margin: 8px 8px 0 0;
	border: 2px solid #4A0C00;
	border-top-color: #712617;
	border-left-color: #712617;
	padding: 2px 6px;
	background-color: #631000;
	color: #ebeadf;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: normal;
    cursor:pointer;
    text-decoration: none;
}

a.nbutton {
    float:left;
    margin: 8px 8px 0 10px;
	padding: 4px 0;
}

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

#map {
	border: 1px solid #C0C0C0;
	margin: 18px 0 5px 0;
	}

ul.twocol {
	margin: 16px 0 18px 0;
	}
	
ul.twocol li {
	float: left;
	width: 50%;
	line-height: 1.6;
	}