/*
----------------------------------------
 Colston Hall templates / GLOBAL styles
 Developed by Ollie Bettany / Nameless
 Created: 16/06/09
----------------------------------------
*/

/* reset styles */
html { overflow-y : scroll }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*---------------
Clearfix */

.clearfix:after,
#rightcol div.container:after,
div.whats-on div.content-item:after,
#maincol .whats-on .content-item .inner-content-item:after,
div.content div.media-box:after,
div.pagination:after,
div#sitemap:after,
.features-row:after,
#get-creative-intro:after,
#get-creative-check-this-out-items:after,
#content:after,
.spotlight-nav:after,
.spotlight-nav div:after,
#maincol:after,
.share-this:after,
#banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*---------------
generic styles */

body {
	color: #000;
	background: #fff url('/_images/common/bg_main.gif') repeat left top;
	font-family: Arial, Helvetica, sans-serif;
}

address {
	font-style: normal;
}

acronym,  abbr,  dfn {
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	font-style: normal;
	cursor: help;
}

q { quotes:'\201C' '\201D' '\2018' '\2019'}

cite {
	display: block;
}

code {
	font-family: monospace;
}

ul {
	list-style:disc;
}
ol {
	list-style:decimal;
}

a {
	font-weight: normal;
	color: #0018ff;
	text-decoration: underline;
	outline : 0
}

a:hover,  a:focus,  a:active,  a:visited {
	color: #c11d1b;
	text-decoration: underline;
}

img,
a img {
	border: 0;
	display: block;
}

hr {
	width: auto;
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	border: none;
	border-bottom: 1px solid #b5b5b5;
}

.hr {
		background: #fff url('/_images/common/bg_hr.png') repeat-x left;
		margin: 10px 0 10px 0;
		display: block;
		height: 3px;
		border: 0;
		clear: both;
	}

		.hr hr {
			display: none;
		}

/* table styles */
table,  th,  td {
	border:0;
}

table {
	width: 99.5%;
	margin-bottom: 1em;
	border-collapse: collapse;
}

caption {
	padding-bottom: 0.5em;
	font-size: 0.9em;
	font-family: serif;
	font-style: italic;
}

th,  td {
	padding: 0.25em 0.4em 0.2em;
	text-align: left;
	vertical-align: top;
}

th {
	font-weight: bold;
	font-style: normal !important;
}

/* form stlyes */
form {
	margin: 0;
}

fieldset {
	border: 0;
}

legend {
	height: 1em;
}

legend {
	color: #222;
	padding: 0 0.25em;
	font-weight: bold;
}

label {
	display: block;
}

input {
	min-height:1em;
	line-height:1em;
}

option {
	margin-left: 0.25em; /* moves options away from select border upon dropdown */
}

textarea {
	display: block;
}

iframe {
	border:0;
}
p {
	line-height:16px;
	}
h2 {
	text-transform:lowercase;
	}
/*--------
 wrapper */

div#wrapper {
	width: 990px;
	position: relative;
	text-align: left;
	margin: 0px auto;
}

div#content {
	margin: 0 10px 0 10px;

}

div#maincol {
	float: left;
	width: 700px;
}
.whats-on #maincol,
.event #maincol{
	width:680px;
	margin-right:20px;
	}
/*-------------
 Page styles */

/* skip link */

#pagetop {
	overflow: visible;
	height: 0px;
	margin: 0;
	padding: 0;
}
#pagetop p {
	overflow: visible;
	height: 0px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#skiplink {
	position:absolute;
	top:0;
	left:-9999em;
	font-size:1.8em;

}
#skiplink:focus,
#skiplink:active,
#skiplink:hover {
	left: 50%;
	color: #fff;
	background: #c11d1b;
	padding: 0.3em;
	text-decoration: none;
	display: block;
	border: 1px solid #fff;
	z-index: 102;
}

/* end skip link styles */

/*--------
 header  */

div#header {
	background: #1f1f1f;
	min-height: 152px;
	padding: 16px 22px 0px 20px;
}

div#banner div#logo {
	width: 	357px;
	height: 93px;
	float: left;
	display : inline
}
div#banner h1,
div#banner h1 span {
	height: 47px;
	width: 672px;
	display:block;
}

div#banner h1 {
	display: block;
	overflow: hidden;
	float: left;
	margin: 17px 0 0 0;
	clear: left;
	color: #fff;
}

div#banner h1 span {
	background: url('/_images/sprites/banner_title_sprite.png') no-repeat left bottom;
}

/* all singing and dancing */
div#banner h1.banner1 span {
	background-position: left top;
}

/* all that jazz */
div#banner h1.banner2 span {
	background-position: left -47px;
}

/* all stand up */
div#banner h1.banner3 span {
	background-position: left -94px;
}

/* all bach to our place */
div#banner h1.banner4 span {
	background-position: left -141px
}

/* all about the music */
div#banner h1.banner5 span {
	background-position: left -188px
}

div#banner img#bcc-logo {
	float:right;
	margin-top:-21px;
}

div#banner img#gold-award {
	float:right;
	margin-top:-22px;
	margin-right:20px;
}

/* end header */

/*------------
 search-nav */

div.search-nav {
	overflow: hidden;
	float: right;
	clear:both;
    width:591px;
}

div.search-nav ul {
	width: auto;
	text-transform: uppercase;
	font-size: 0.69em;
	float: left;
	min-height: 13px;
	margin: 8px 7px 7px 0;
	line-height: 1em;
}
div.search-nav ul li {
	float: left;
	list-style: none;
	background:url('/_images/sprites/bullet_sprite.gif') no-repeat left -197px;
	padding: 0 8px 0 10px;
}
div.search-nav ul li:first-child {
	background: none;
	padding-left: 0;
}

div.search-nav ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
div.search-nav ul li a:hover {
	text-decoration: underline;
}
div.search-nav form {
	float: left;
}
div.search-nav fieldset {
	position: relative;
}

div.search-nav label {
	font-size: 0.815em;
	padding: 6px 5px 5px 5px;
	height: 18px;
	color: #fff;
	float: left;
	position : absolute;
	left : -100000px
}
div.search-nav label.overlabel-apply {
	color: #000;
    cursor:pointer;
	width: 236px;
	float: none;
	left : 0;
	top : 0
}

div.search-nav input {
	border: none;
	background: url('/_images/common/search_input.gif');
	height: 18px;
	width: 236px;
	float: left;
	padding: 5px;
}
div.search-nav input[type="image"] {
	width: 60px;
	height: 28px;
	padding: 0;
	margin: 0 0 0 5px;
}

/* end search-nav */

/*------------
 main-nav */

div#main-nav {
	background: #d7c38e;
	width: auto;
	min-height: 38px;
	padding: 0 11px 0 18px;
}
div#main-nav ul {
	width: auto;
	text-transform: lowercase;
}

div#main-nav li {
	float: left;
	list-style: none;
	line-height: 1em;
}
div#main-nav li a {
	color: #2b292a;
	text-decoration: none;
	padding: 11px 0 3px 0;
	border-bottom: 2px solid #d7c38e;
	margin: 0 13px 8px 13px;
	display: block;
	position: relative;
	letter-spacing: -1px;
	font-size: 16px;
}

div#main-nav li a:hover,
div#main-nav li a.current {
	border-bottom: 2px solid #2b292a;
}


/* section banner */

div#section-banner h2 {
	width: 970px;
	height: 180px;
	font-size: 1.315em;
	/*
	border-bottom: 1px solid #cccec9;
	*/
	margin: 16px 12px 0 12px;
}

div#section-banner h2 span {
	margin: 24px 0 0 0;
	width: 125px;
	min-height: 16px;
	padding: 7px 15px;
	float: left;
	color: #2b292a;
}

/*---------------------
 custom section styles */

/* get-creative */

body.get-creative div#section-banner h2 {
	background: url('/_images/banners/section_banner_edu.jpg') no-repeat left top;
}

body.get-creative div#section-banner h2 span {
	background: #9ed248;
}

/* Matches leftcol hover state with genre color
body.get-creative div#leftcol ul li a:hover {
	background: #9ed248;
}
*/

/* leftfield */

body.leftfield div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.leftfield div#section-banner h2 span {
	background: #333776;
}

/* rock */

body.rock div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.rock div#section-banner h2 span {
	background: #be2134;
}

/* comedy */

body.comedy div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.comedy div#section-banner h2 span {
	background: #fbc21d;
}

/* family */

body.family div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.family div#section-banner h2 span {
	background: #eb6c27;
}

/* classical */

body.classical div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.classical div#section-banner h2 span {
	background: #2b99b4;
}

/* community */

body.community div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.community div#section-banner h2 span {
	background: #015555;
}

/* light-entertainment */

body.light-entertainment div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.light-entertainment div#section-banner h2 span {
	background: #b74090;
}

/* exhibition */

body.exhibition div#section-banner h2 {
	/* Banner image required
	background: url('/_images/section_banner_edu.jpg') no-repeat left top;
	*/
}
body.exhibition div#section-banner h2 span {
	background: #330033;
}


/* end custom section styles */

/*---------------
 content-item GENRE */
.content-item {
	position : relative
}

	.content-item .genres {
		position : absolute;
		top : 0;
		left : 0;
		z-index:10;
	}
	.whats-on .content-item .genres {
		left:15px;
		}
		.genres h3 {
			margin-bottom:0!important;
			display: block;
			overflow: hidden;
			padding: 0!important;
            z-index: 80;
            position:relative;
		}

		.genres h3,
		.genres h3 a {
			height: 25px;
			display:block;
		}

        .genres h3 a span {
            height:25px;
            z-index: 50;
            display: block;
            position:absolute;
        }

/* genre title image positioning */

.genres h3 a span {
	background: url('/_images/sprites/genre-title_sprite.png') no-repeat;
	color: #fff;
}

.genres h3 a:hover span {
	color: #000;
	background-color: #d7c38e;
}

/* rock genre */
.genres h3.genre-rock,
.genres h3.genre-rock a,
.genres h3.genre-rock a span {
	width: 91px;
	background-color: #be2134;
}
.genres h3.genre-rock a span {
	background-position: left top;
}
.genres h3.genre-rock a:hover span {
	background-position: left -25px;
}

/* leftfield genre */
.genres h3.genre-leftfield,
.genres h3.genre-leftfield a,
.genres h3.genre-leftfield a span {
	width: 66px;
	background-color: #333776;
}

.genres h3.genre-leftfield a span {
	background-position: -91px top;
}
.genres h3.genre-leftfield a:hover span {
	background-position: -91px -25px;
}

/* classical genre */
.genres h3.genre-classical,
.genres h3.genre-classical a,
.genres h3.genre-classical a span {
	width: 74px;
	background-color: #2b98b5;
}
.genres h3.genre-classical a span {
	background-position: -157px top;
}
.genres h3.genre-classical a:hover span {
	background-position: -157px -25px;
}

/* get-creative genre */
.genres h3.genre-get-creative,
.genres h3.genre-get-creative a,
.genres h3.genre-get-creative a span {
	width: 99px;
	background-color: #7fac35;
}
.genres h3.genre-get-creative a span {
	background-position: -762px top;
}
.genres h3.genre-get-creative a:hover span {
	background-position: -762px -25px;
}

/* comedy genre */
.genres h3.genre-comedy,
.genres h3.genre-comedy a,
.genres h3.genre-comedy a span {
	width: 74px;
	background-color: #fbc21d;
}

.genres h3.genre-comedy a span {
	background-position: -316px top;
}
.genres h3.genre-comedy a:hover span {
	background-position: -316px -25px;
}

/* family genre */
.genres h3.genre-family,
.genres h3.genre-family a,
.genres h3.genre-family a span {
	width: 57px;
	background-color: #eb6c27;
	overflow:hidden;
}
.genres h3.genre-family a span {
	background-position: -390px top;
}
.genres h3.genre-family a:hover span {
	background-position: -390px -25px;
}

/* light-entertainment genre */
.genres h3.genre-light-entertainment,
.genres h3.genre-light-entertainment a,
.genres h3.genre-light-entertainment a span {
	width: 139px;
	background-color: #b63f8f;
	display:block;
	overflow:hidden;
}
.genres h3.genre-light-entertainment a span {
	background-position: -447px top;
}
.genres h3.genre-light-entertainment a:hover span {
	background-position: -447px -25px;
}

/* community genre */
.genres h3.genre-community,
.genres h3.genre-community a,
.genres h3.genre-community a span {
	width: 89px;
	background-color: #015555;
}

.genres h3.genre-community a span {
	background-position: -586px top;
}
.genres h3.genre-community a:hover span {
	background-position: -586px -25px;
}

/* exhibition genre */
.genres h3.genre-exhibition,
.genres h3.genre-exhibition a,
.genres h3.genre-exhibition a span {
	width: 87px;
	background-color: #330033;
}

.genres h3.genre-exhibition a span {
	background-position: -675px top;
}
.genres h3.genre-exhibition a:hover span {
	background-position: -675px -25px;
}

/* hall 1*/
.genres h3.venue-hall1,
.genres h3.venue-hall1 a,
.genres h3.venue-hall1 a span {
	width: 46px;
	background-color: #353535;
}

.genres h3.venue-hall1 a span {
	background-position: 0 -50px;
}
.genres h3.venue-hall1 a:hover span {
	background-position: 0 -75px;
}

/* hall 2*/
.genres h3.venue-hall2,
.genres h3.venue-hall2 a,
.genres h3.venue-hall2 a span {
	width: 46px;
	background-color: #353535;
}

.genres h3.venue-hall2 a span {
	background-position: -47px -50px;
}
.genres h3.venue-hall2 a:hover span {
	background-position: -47px -75px;
}

/* foyer */
.genres h3.venue-foyer,
.genres h3.venue-foyer a,
.genres h3.venue-foyer a span {
	width: 46px;
	background-color: #353535;
}

.genres h3.venue-foyer a span {
	background-position: -94px -50px;
}
.genres h3.venue-foyer a:hover span {
	background-position: -94px -75px;
}

/* education spaces */
.genres h3.venue-education-spaces,
.genres h3.venue-education-spaces a,
.genres h3.venue-education-spaces a span {
	width: 112px;
	background-color: #353535;
}

.genres h3.venue-education-spaces a span {
	background-position: -141px -50px;
}
.genres h3.venue-education-spaces a:hover span {
	background-position: -141px -75px;
}

/* the glass room */
.genres h3.venue-glass-room,
.genres h3.venue-glass-room a,
.genres h3.venue-glass-room a span {
	width: 105px;
	background-color: #353535;
}

.genres h3.venue-glass-room a span {
	background-position: -915px -50px;
}
.genres h3.venue-glass-room a:hover span {
	background-position: -915px -75px;
}

/* other */
.genres h3.venue-other,
.genres h3.venue-other a,
.genres h3.venue-other a span {
	width: 77px;
	background-color: #353535;
}

.genres h3.venue-other a span {
	background-position: -1021px -50px;
}
.genres h3.venue-other a:hover span {
	background-position: -1021px -75px;
}

/*--------
 leftcol */
.home #leftcol {
	width:185px;
	}
div#leftcol {
	width: 145px;
	float: left;
	margin: 0 20px 0 0;
}

div#leftcol ul li {
	list-style: none;
	margin: 0 0 5px 0;
	background: #d7c38e;
	font-size: 0.88em;
}
div#leftcol ul li a {
	color: #000;
	text-decoration: none;
	padding: 7px 7px 7px 17px;
	display: block;
	min-height:32px;
}

div#leftcol ul li a:hover {
	background: #F4ECD6;
	color: #333;
}

div#leftcol ul li a.current {
	background: #333;
	color:#d7c38e;
}

div#leftcol ul li a.current:hover {
	cursor: auto;
}

/* end leftcol */

/*----------
 sitemap */

div#sitemap {
	margin: 15px 12px 3px 12px;
	background: #ffffff;
	clear : both
 }

div#sitemap h2 {
	background: #f6f6f6;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 14px 5px 14px;
}

div#sitemap ul {
	padding: 14px 0 0 14px;
	float: left;
	margin-top: 1px;
}

div#sitemap ul li {
	list-style: none;
	width: 145px;
	float: left;
	padding: 0 13px 14px 0
}

div#sitemap ul li h3 {
	margin: 0 0 5px 0;
	font-size : 0.94em
}

div#sitemap ul li ul {
	padding: 0;
}
div#sitemap ul li ul li {
	float: none;
	padding: 0;
	font-size: 0.75em;
	margin: 0 0 5px 0;
	line-height: 1.1em;
}

div#sitemap ul li ul li a {
	text-decoration: none;
	color: #000;
}
div#sitemap ul li ul li a:hover {
	text-decoration: underline;
}

/* end sitemap */




/*-----------
 drop-down nav */

#exploreWhatsOn {
	background-color: #fff;
}
#exploreWhatsOn h2 {
	overflow:visible;
	}
	#exploreWhatsOn .title-link {
		display: block;
		position: relative;
		margin: 9px 0 0 0;
		padding: 5px 10px;
		font-size: 18px;
		background-color: #D7C38E;
		color: #353535;
		border-bottom: none;
		text-transform: lowercase;
	}

	#exploreWhatsOn h2.all-venues {
		padding: 0;
	}

	.has-js #exploreWhatsOn .title-link {
		cursor: pointer;
	}

	#exploreWhatsOn .title-link:hover {
		background-color: #f4ecd6;
	}

		#exploreWhatsOn .title-link span {
			position: absolute;
			right: 10px;
			top: 10px;
			display: block;
			width: 15px;
			height: 15px;
			background: #D7C38E url('/_images/sprites/nav-arrows-sprite.png') 0 0 no-repeat;
		}

			#exploreWhatsOn .title-link:hover span {
				background-position: -15px 0;
			}

		#exploreWhatsOn h2.title-link span {
			background-position: 0 -15px;
		}

			#exploreWhatsOn h2.title-link:hover span {
				background-position: -15px -15px;
			}


	.has-js ul.genre-nav,
	.has-js ul.venue-nav {
		display: none;
		position: absolute;
	}

	#exploreWhatsOn form {
		margin-top: 8px;
	}

		#exploreWhatsOn form h2 {
			text-transform: lowercase;
		}
	#exploreWhatsOn ul.venue-nav li#venue-nav1 {
		border-top:2px solid #000;
		}


/* end drop-down nav */

/*-----------
 genre-nav */

ul.genre-nav {
	text-transform: lowercase;
	margin: 0 0 17px 0;
}

.has-js ul.genre-nav {
	z-index: 3;
}

ul.genre-nav li {
	list-style: none;
	margin: 0 0 0 0;
}

ul.genre-nav li a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	position: relative;
}

ul.genre-nav li a,
ul.genre-nav li a span {
	height: 25px;
	width: 270px;
	border-bottom: 1px solid #333;
}

ul.genre-nav li a span {
	position: absolute;
	background-image: url('/_images/sprites/genre-nav_sprite.png');
	background-repeat: no-repeat;
}

ul.genre-nav li a {
	color: #fff;
}

ul.genre-nav li a:hover {
	background-color: #d7c38e;
	color: #000;
}

/* Rock & pop */
ul.genre-nav li#genre-nav1 a {
	background-color: #d7c38e;
}
ul.genre-nav li#genre-nav1 a span {
	background-position: left top;
}
ul.genre-nav li#genre-nav1 a:hover span,
ul.genre-nav li#genre-nav1 a.current span {
	background-position: -270px top;
}

/* Leftfield */

ul.genre-nav li#genre-nav2 a {
	background-color: #333776;
}
ul.genre-nav li#genre-nav2 a span {
	background-position: left -26px;
}
ul.genre-nav li#genre-nav2 a:hover span,
ul.genre-nav li#genre-nav2 a.current span {
	background-position: -270px -26px;
}

/* Classical */

ul.genre-nav li#genre-nav3 a {
	background-color: #2b98b5;
}
ul.genre-nav li#genre-nav3 a span {
	background-position: left -52px;
}
ul.genre-nav li#genre-nav3 a:hover span,
ul.genre-nav li#genre-nav3 a.current span {
	background-position: -270px -52px;
}

/* Get Creative! */
ul.genre-nav li#genre-nav4 a {
	background-color: #7fac35;
}
ul.genre-nav li#genre-nav4 a span {
	background-position: left -78px;
}
ul.genre-nav li#genre-nav4 a:hover span,
ul.genre-nav li#genre-nav4 a.current span {
	background-position: -270px -78px;
}

/* Comedy */
ul.genre-nav li#genre-nav5 a {
	background-color: #fbc21d;
}
ul.genre-nav li#genre-nav5 a span {
	background-position: left -104px;
}
ul.genre-nav li#genre-nav5 a:hover span,
ul.genre-nav li#genre-nav5 a.current span {
	background-position: -270px -104px;
}

/* Family */
ul.genre-nav li#genre-nav6 a {
	background-color: #eb6c27;
}
ul.genre-nav li#genre-nav6 a span {
	background-position: left -130px;
}
ul.genre-nav li#genre-nav6 a:hover span,
ul.genre-nav li#genre-nav6 a.current span {
	background-position: -270px -130px;
}

/* Light entertainment */
ul.genre-nav li#genre-nav7 a {
	background-color: #b74090;
}
ul.genre-nav li#genre-nav7 a span {
	background-position: left -156px;
}
ul.genre-nav li#genre-nav7 a:hover span,
ul.genre-nav li#genre-nav7 a.current span {
	background-position: -270px -156px;
}

/* Community */
ul.genre-nav li#genre-nav8 a {
	background-color: #015555;
}
ul.genre-nav li#genre-nav8 a span {
	background-position: left -182px;
}
ul.genre-nav li#genre-nav8 a:hover span,
ul.genre-nav li#genre-nav8 a.current span {
	background-position: -270px -182px;
}

/* Exhibition */

ul.genre-nav li#genre-nav11 a {
	background-color: #330033;
}
ul.genre-nav li#genre-nav11 a span {
	background-position: left -208px;
}
ul.genre-nav li#genre-nav11 a:hover span,
ul.genre-nav li#genre-nav11 a.current span {
	background-position: -270px -208px;
}

/* end genre-nav */


/*-----------
 venue-nav */

ul.venue-nav {
	text-transform: lowercase;
	margin: 0 0 17px 0;
}

.has-js ul.venue-nav {
	z-index: 2;
}

ul.venue-nav li {
	list-style: none;
	margin: 0 0 0 0;
}

ul.venue-nav li a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	position: relative;
}

ul.venue-nav li a,
ul.venue-nav li a span {
	height: 25px;
	width: 270px;
	border-bottom: 1px solid #333;
}

ul.venue-nav li a span {
	position: absolute;
	background-image: url('/_images/sprites/venue-nav_sprite.png');
	background-repeat: no-repeat;
}

ul.venue-nav li a {
	color: #fff;
}

ul.venue-nav li a:hover {
	background-color: #d7c38e;
	color: #000;
}


/* By venue */
ul.venue-nav li#venue-nav10 a span {
	background-position: left top;
}
ul.venue-nav li#venue-nav10 a:hover span,
ul.venue-nav li#venue-nav10 a.current span {
	background-position: -270px top;
}

/* View all */
ul.venue-nav li#venue-nav9 a span {
	background-position: left -26px;
}
ul.venue-nav li#venue-nav9 a:hover span,
ul.venue-nav li#venue-nav9 a.current span {
	background-position: -270px -26px;
}

/* Hall 1*/
ul.venue-nav li#venue-nav1 a span {
	background-position: left top;
}
ul.venue-nav li#venue-nav1 a:hover span,
ul.venue-nav li#venue-nav1 a.current span {
	background-position: -270px top;
}

/* Hall 2*/
ul.venue-nav li#venue-nav2 a span {
	background-position: left -26px;
}
ul.venue-nav li#venue-nav2 a:hover span,
ul.venue-nav li#venue-nav2 a.current span {
	background-position: -270px -26px;
}

/* Foyer performance space*/
ul.venue-nav li#venue-nav3 a span {
	background-position: left -52px;
}
ul.venue-nav li#venue-nav3 a:hover span,
ul.venue-nav li#venue-nav3 a.current span {
	background-position: -270px -52px;
}

/* The glass room*/
ul.venue-nav li#venue-nav13 a span {
	background-position: left -78px;
}
ul.venue-nav li#venue-nav13 a:hover span,
ul.venue-nav li#venue-nav13 a.current span {
	background-position: -270px -78px;
}

/* Education Spaces */
ul.venue-nav li#venue-nav4 a span {
	background-position: left -104px;
}
ul.venue-nav li#venue-nav4 a:hover span,
ul.venue-nav li#venue-nav4 a.current span {
	background-position: -270px -104px;
}

/* Other */
ul.venue-nav li#venue-nav14 a span {
	background-position: left -130px;
}
ul.venue-nav li#venue-nav14 a:hover span,
ul.venue-nav li#venue-nav14 a.current span {
	background-position: -270px -130px;
}

/* end venue-nav */


/* --------------
 Performance space static content */

a#performInOurVenueSpace {
	display: block;
	height: 138px;
	width: 270px;
	overflow: hidden;
	position: relative;
	padding-top: 10px;
}

a#performInOurVenueSpace span {
	display: block;
	height: 34px;
	width: 270px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url('/_images/sprites/perform-in-our-foyer-space-sprite.jpg');
	background-repeat: no-repeat;
	background-position: left 34px;
}

a#performInOurVenueSpace:hover span {
	background-position: left bottom;
}

/* end Performance */


/*-----------------
 events calender
 Base styles borrowed from IMLRF */

#eventsCalendar {
	margin: 0 0 17px 0;
}

.has-js #eventsCalendar {
	display: none;
	position: absolute;
	z-index: 3;
}

#eventsCalendar table {
	table-layout : fixed;
	width : 270px;
	margin : 1px 0 0 0;
	border: 3px solid #000;
}

#eventsCalendar th,
#eventsCalendar td {
	width: 37px;
	height: 16px;
	padding: 5px;
	border : 1px solid #000;
	background-image : none;
	text-align : center;
	font-size : 0.9em;
}

#eventsCalendar .month th {
	background : #000;
	font-size : 0.87em;
	color : #464646;
	padding : 0
}

#eventsCalendar .month th div {
	padding : 5px 5px 4px 5px;
	width: 100%;
	float: left;
	position:relative;
}

#eventsCalendar .month a {
	position : absolute;
	top: 8px;
	margin: 0 5px 0 0;
	overflow : hidden;
	background-color : #7f7f7f;
	display: block;
}

#eventsCalendar .month a.next {
	right:8px;
	top:3px;
}

#eventsCalendar .month a.prev {
	right: 28px;
	top:3px;
}

#eventsCalendar .month a,
#eventsCalendar .month a span {
	width : 17px;
	height : 17px;
	display : block
}

#eventsCalendar .month a span {
	background : url('/_images/sprites/sprite_calendar.gif') no-repeat;
	position: absolute;
	top : 0;
	left : 0
}

#eventsCalendar .month a.prev span {
	background-position: left top;
}
#eventsCalendar .month a.next span {
	background-position: -34px top;
}
#eventsCalendar .month a.prev:hover span {
	background-position: -17px top;
}
#eventsCalendar .month a.next:hover span {
	background-position: -51px top;
}

#eventsCalendar .month a.monthLink {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	position : static;
	overflow : auto;
	background : transparent;
	width: auto;
	height: auto;
	font-size: 1em;
}

#eventsCalendar .days th {
	background-color : #dcdcdc;
	border-top : none;
	color : #343434
}

#eventsCalendar td {
	background-color : #ead297;
	color : #343434;
}

#eventsCalendar td {
	padding: 0;
}

#eventsCalendar td a {
	text-decoration: none;
	color: #343434;
	display: block;
	width: 17px;
	height: 17px;
	padding: 10px;
	font-weight: bold;
}
#eventsCalendar td a.current,
#eventsCalendar td a:hover,
#eventsCalendar td a.current:hover,
#eventsCalendar td a.active {
	background: #fff;
}

#eventsCalendar table td.empty {
	background : #000;
}

/* end eventsCalender */


/*--------
 widgets */

/* share this */
.addthis_toolbox {
	padding:15px;
	background:#fff;
	}
.addthis_toolbox a {
	font-size:12px;
	text-decoration:none;
	}
.addthis_toolbox .share-this {
	float:left;
	position:relative;
	width:150px;
    padding-top: 2px;
	}
.addthis_toolbox .share-this-wrapper {
	float:right;
    width:250px;
}
/* sign-up */

div.sign-up {
	margin: 0 0 17px 0;
}

/* end widgets */

/*-----------
 pagination */

div.pagination {
	text-transform: uppercase;
	font-size: 0.69em;
	padding: 10px;
	margin: 0 0 3px 0;
}

div.bottom {
	background: transparent;
	margin: 5px 0 0 0;
	border-top: 1px solid #d6d8d7;
}

div.pagination-inner {
	float: right;
}

div.pagination h3,
div.pagination ul,
div.pagination ul li {
	float: left;
}

div.pagination h3 {
	color: #7b7b7b;
	margin: 0 3px 0 0;
}

div.pagination h3,
div.pagination ul li a {
	padding: 3px;
	background: #fafafa;
	display: block;
}

div.pagination ul li {
	list-style: none;
	margin: 0 3px 0 0;
}

div.pagination ul li a {
	color: #292929;
	text-decoration: none;
}

/* pagenav */

div.pagination ul.page-nav li a {
	width: 14px;
	text-align: center;
}

div.pagination ul.page-nav li a:hover,
div.pagination ul.page-nav li a.current {
	color: #fff;
	background: #353535;
}

/* prevnext-nav */

div.pagination ul.prevnext-nav {
	margin: 0 0 0 10px;
}

div.pagination ul.prevnext-nav li {
	background: #fafafa;
}
div.pagination ul.prevnext-nav li.last {
	margin-right: 0;
}


div.pagination ul.prevnext-nav li a {
	background-image: url('/_images/sprites/sprite_pagination.gif');
	background-repeat: no-repeat;
}

div.pagination ul.prevnext-nav li a:hover {
	background-color: #353535;
	color: #fff;
}

div.pagination ul.prevnext-nav li.first a {
	background-position: 3px 5px;
	/* background-position: left 0.4em; */
	padding-left: 17px;
}
div.pagination ul.prevnext-nav li.prev a {
	background-position: 3px -45px;
	/* background-position: left 3.75em; */
	padding-left: 14px;
}
div.pagination ul.prevnext-nav li.first a:hover {
	background-position: 3px -95px;
	/* background-position: left 7.9em; */
}
div.pagination ul.prevnext-nav li.prev a:hover {
	background-position: 3px -145px;
	/* background-position: left 12.1em; */
}


div.pagination ul.prevnext-nav li.next a {
	background-position: right -45px;
	/* background-position: right 0.4em; */
	padding-right: 17px;
}
div.pagination ul.prevnext-nav li.last a {
	background-position: right 5px;
	/* background-position: right 3.75em; */
	padding-right: 19px;
}
div.pagination ul.prevnext-nav li.next a:hover {
	background-position: right -145px;
	/* background-position: right 7.9em; */
}
div.pagination ul.prevnext-nav li.last a:hover {
	background-position: right -95px;
	/* background-position: right 12.1em; */
}

/* end pagination */

/* rightcol
-----------*/

div#rightcol {
	float: right;
	width: 270px;
	border:none!important;
}

div#rightcol img.content-image {
	padding: 3px 0 0 0;
	background: #fff;
	margin: 3px 0 9px 0;
	float: left;
	clear: left;
}

div#rightcol div.content-rows div.content-item {
	float: left;
	clear: both;
}

div#rightcol div.whats-on span.tickets {
	margin-left: 15px;
}
div#rightcol div.whats-on a.book-online {
	margin-left: 0;
}

/* end rightcol */

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

div#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #e3cd93 url('/_images/sprites/bg_sprite.png') left -180px repeat;
	border-top: 2px solid #2b292a;
	min-height: 20px;
	font-size: 0.88em;
	padding: 15px;
	clear: both;
	margin: 0 12px 0 12px;
}

div#footer ul {
	float: left;
}

div#footer li {
	list-style: none;
	float: left;
	padding: 0 0 0 11px;
	background: url('/_images/sprites/bullet_sprite.gif') no-repeat 2px 2px;
}
div#footer li:first-child {
	padding-left: 0;
	background: none;
}

div#footer p {
	float: right;
}

div#footer a {
	color: #000;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/* global title link style */
a.venue-link{
	border-bottom: 1px dotted #696969;
	color: #000;
	text-decoration: none;
}
a.title-link,
h3 a.title-link,
.faq dt a {
	border-bottom: 1px dotted #696969;
	color: #000;
	text-decoration: none;
	font-size:14px;
}
	a.title-link:hover,
	a.venue-link:hover,
	.faq dt a:hover  {
		border-bottom: 1px solid #696969;
	}

/* main-title */

h2.main-title {
	font-weight: normal;
	font-size: 1.315em;
	background: #fff;
	padding:0;
	font-size:30px;
	padding: 0 14px 10px;
}

body.rock h2.main-title span {
	border-color: #be2134;
}
body.leftfield h2.main-title span {
	border-color: #333776;
}
body.classical h2.main-title span {
	border-color: #2b98b5;
}
body.get-creative h2.main-title span {
	border-color: #7fac35;
}
body.comedy h2.main-title span {
	border-color: #fbc21d;
}
body.family h2.main-title span {
	border-color: #eb6c27;
}
body.light-entertainment h2.main-title span {
	border-color: #b74090;
}
body.community h2.main-title span {
	border-color: #015555;
}
body.exhibition h2.main-title span {
	border-color: #330033;
}
body.get-creativeContent h2.main-title span {
	border-color: #fff;
}

h3.sub-title {
	font-weight: normal;
	font-size: 1.315em;
	background: #fff;
	padding: 0 28px 16px 28px;
	margin: 0 0 3px 0;
}

/* breadcrumb */

div#breadcrumb {
	padding: 6px 13px 3px 13px;
	background: #fff;
}

div#breadcrumb ul {
	padding: 0 15px 9px 15px;
	border-bottom: 1px solid #D6D8D7;
	clear: left;
}

div#breadcrumb ul li {
	list-style: none;
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.815em;
	padding: 0 0 0 12px;
	background: url('/_images/sprites/bullet_sprite.gif') no-repeat 2px -97px;
}

div#breadcrumb ul li:first-child,
div#breadcrumb ul li.first {
	padding-left: 0;
	background: none;
}

div#breadcrumb ul li a {
	text-decoration: none;
	color: #2a2a2a;
	border-bottom: 1px solid #ceb982;
}
div#breadcrumb ul li a:hover {
	border-color: #000;
}

/*-----------------
 content containers */

/* content-feature */

div#content-feature {
	padding: 0 0 11px 0;
    background:#fff;
}

div#content-feature h2 {
	display: none;
}

/* content-group */
.content-group {
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	}
div.content-group h2 {
	background: #353535;
	font-size: 18px;
	padding: 5px 10px;
	color: #d7c38e;
	margin:0;
	position:relative;
	overflow:hidden;
}
body .whats-on .content-item .content-link,
.get-creative #get-creative-workshops-items div.container .content-link {
	float:right;
	margin:0;
	font-size:12px;
	position:absolute;
	bottom:10px;
	right:20px;
	}
	body .whats-on .content-item,
	.get-creative .content-item{
		position:relative;
		}
div.content-group a.content-link,
div.content-group div.content-link a,
#large-spotlight a.content-link  {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 5px 0;
	text-decoration: none !important;
	font-style: italic;
	font-size: 0.815em;
	color: #383838 !important;
	border-bottom: 1px solid #ceb982;
	display:inline-block;
}
div.content-group a.content-link:hover,
div.content-group div.content-link a:hover{
	border-color: #000;
	}

div.content-group h2 a.content-link,
#large-spotlight a.content-link {
	margin: 0;
	color: #fff !important;
	border-bottom: 1px solid #ceb984;
	font-size:11px;
	position:absolute;
	bottom:10px;
	right:10px;
}
	#large-spotlight a.content-link {
		float:none;
		margin-left:0;
		}
div.content-group h2 a.content-link:hover,
#large-spotlight a.content-link:hover  {
	border-color: #fff;
}

div.content-cols div.content-item a.content-link,
div.content-cols div.content-item div.content-link a {
	margin: 10px 17px 10px 0;
}

div.content-group div.content-item p strong {
	font-weight: bolder;
}

/* content-cols */

div.content-cols div.content-item {
	float: left;
	margin: 0 0 0 16px;
	width: 148px;
}
div.content-cols div.first {
	margin: 0;
}

div.content-cols div.content-item h4 {
	font-size: 0.9em;
	margin: 0 4px 4px 4px;
}
div.content-cols div.content-item p {
	font-size: 11px;
	margin: 0 4px 4px 4px;
}

/* content-rows */

div.content-rows div.content-item {
	overflow: hidden;
	clear: left;
}

div.content-rows div.content-item h3 {
	padding-bottom:5px;
	font-size: 15px;
}
#get-creative-workshops .genres h3 {
	left:0;
	}

div.content-rows div.content-item img {
	padding: 0 20px 0 0;
	float:left;
}
div.content-rows div.content-item .img {
	clear:left;
	}
div.content-rows div.content-item p {
	font-size: 11px;
	margin: 0 10px 5px 0;
}

div.content-rows div.content-item p.summary {
	margin-bottom: 30px;
}

/* news specific */

div.news div.content-item {
	min-height: 129px;
}
div.no-images div.content-item {
	min-height: 0;
	padding-left: 16px;
	padding-bottom: 5px;
}

div.news div.content-item img {
	padding-right: 16px;
}

.home div.news div.content-item img {
	margin-left: -10px;
}

div.news div.content-item h3 {
	padding-top: 5px;
}

/* blog specific */

div.blog h2 {
	margin-bottom: 0;
}

div.blog div.content-item {
	min-height: 0;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
}

div.blog div.content-item h3,
div.blog div.content-item p {
	margin-left: 15px;
}

/* end content-item stuff  */

/*-----------
 what's on */

div.whats-on {
	padding: 10px 0 0 0;
	float: left;
	background:#fff;
	width:680px;
}

#rightcol div.whats-on {
	width: 100%;
	background-color: #fff;
}

div.whats-on div.content-item {
	/*height: 128px;*/
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-color: transparent;
	border-bottom: 1px solid #d6d8d7;
}

div.whats-on div.content-item div.inner-content-item {
	margin-left: 15px;
}

div.whats-on div.content-item img {
	padding-bottom: 0px;
}

div.whats-on div.content-item h3 {
	padding-bottom: 15px;
	padding-right: 0;
}

div.whats-on div.content-item h3 a {
	background-color: transparent !important;
}

div.whats-on a.content-link {
	margin: 10px 17px 10px 0;
}

div.whats-on div.content-item p.sold-out {
	float: right;
	overflow: hidden;
	position: relative;
}

div.whats-on div.content-item p.sold-out,
div.whats-on div.content-item p.sold-out span {
	width: 72px;
	height: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

div.whats-on div.content-item p.sold-out span {
	background: url('/_images/sprites/button_sprite.png') no-repeat left -28px;
	position: absolute;
}

div.content-item a.book-online {
	overflow: hidden;
}

div.content-item a.book-online,
div.content-item a.book-online span {
	width: 92px;
	height: 20px;
	display:block;
}

div.content-item a.book-online span {
	background: url('/_images/sprites/button_sprite.gif') no-repeat left top;
}

div.whats-on div.content-item span.tickets,
#get-creative-workshops-items span.tickets {
	background: url('/_images/sprites/bullet_sprite.gif') no-repeat left -300px;
	padding: 0 0 0 20px;
	margin: 4px 10px 5px 0;
	font-weight: bold;
	font-size: 0.755em;
	display:block;
}

div.whats-on div.content-item p.more-info{
	margin-top: 30px;
}

div.whats-on div.no-results{
	padding: 15px 0 0 15px;
}

div.whats-on div.no-results h3{
	margin-bottom: 5px;
	font-weight: bold;
}

div.whats-on div.no-results p{
	font-size: .755em;
}
div.container,
.get-creative #get-creative-workshops-items div.container {
    width: 450px;
	float:left;
}
.whats-on div.container,
.get-creative .whats-on div.container{
	width: 487px;
	}
div.container p.meta,
.get-creative #get-creative-workshops-items div.container p.meta,
div.container .tickets-booking,
.get-creative #get-creative-workshops-items div.container .tickets-booking{
	padding-top:15px;
}
.get-creative div.container {
	width:125px;
}

#rightcol div.container {
	float: none;
	margin-bottom: 15px;
}

div.whats-on ul.artist-links {
	clear: left;
	margin: 0;
}

div.whats-on ul.artist-links li {
	list-style: none;
	padding: 0 0 10px 0;
}
div.whats-on ul.artist-links li h4 {
	font-size: 1em;
	font-weight: bolder;
	line-height: 0.9em;
    margin-bottom:5px;
}

div.whats-on ul.artist-links li a.content-link {
	float: none;
	margin: 0;
    position:static;
}

/* end whats-on */

/* links */

div.links {
	float: left;
}

#rightcol div.links {
	margin-bottom: 15px;
    width:270px;
}

div.links h3 {
	border-top: 1px solid #d7d7d7;
	border-bottom: 3px double #d7d7d7;
	background: #fff;
	padding: 5px 10px;
	font-weight: bolder;
}

div.links ul li {
	list-style: none;
	margin: 0 0 2px 0;
	background: #d7c38e;
	font-size: 0.88em;
}
div.links ul li a {
	text-decoration: none;
	font-weight: bolder;
	color: #000;
	padding: 6px 10px;
	display: block;
}
div.links ul li a:hover {
	background: #353535;
	color: #fff;
}

/*-------------------------
 general content classes */

div.content {
	padding: 8px 0 12px 0;
	background: #fff;
}

div.content hr {
	border-bottom: double 3px #B5B5B5;
}

div.content h3,
div.content h4,
div.content p,
div.content img,
div.content blockquote,
div.content ul,
div.content ol,
div.content div.media-box,
span.back-to-top {
	margin: 0 14px 10px 14px;
}
#maincol div.content img {
    margin:0 10px 10px 0;
}
div.content h3 {
	font-size: 14px;
	font-weight:bold;
}

div.content h4 {
	font-size: 14px;
	font-weight:bold;
}

div.content h3,
div.content h4,
div.content hr,
div.content ul,
div.content ol,
div.content blockquote,
div.content div.media-box,
div.content img {
	clear : both
}

div.content p,
div.content ul,
div.content ol {
	font-size: 11px;
	line-height: 1.3em;
}
div.intro p {
	font-size:14px;
	}
	div.content ul ul,
	div.content ol ol { font-size : 1em }

div.content ul,
div.content ol {
	padding-left: 30px;
}
	div.content li {
		margin-bottom:5px;
		 list-style-image: url('/_images/common/libullet.png');
		}

div.content a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;
}
div.content a:hover {
	border-color: #bda157;
}

blockquote {
	padding: 1em;
	background: #f1f1f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2b292a;
}

#content blockquote p {
	font-size: 1em;
	font-style: italic;
	line-height: 1.1em;
	margin: 0 !important;
}

#content blockquote p.credit {
	font-size: 0.69em;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0 !important;
	font-style: normal;
}

body.content-page blockquote {
	background: #e6d29d;
}

div#rightcol blockquote {
	background: #fff;
	float: left;
	padding: 16px;
	margin-bottom: 15px;
}

div#rightcol blockquote p {
	float: left;
}
div#rightcol blockquote p.credit {
	float: right;
	clear: both;
}

div.content img.float-left {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

div.content img.float-right {
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}

div.content div.media-box {
	clear: both;
}

	div.content div.media-box a.view-transcript {
		float : right;
		font-size : 0.69em;
		border-color : #ceb983
	}

		div.content div.media-box a.view-transcript:hover { border-color : #000 }

		div.content div.media-box .transcript {
			clear : both;
			padding-top : 10px
		}

div.content div.media-box h4 {
	margin: 0 0 5px 0;
	font-size : 0.88em
}
div.content div.media-box img {
	display: inline;
	margin: 0;
}

div.downloads { clear : both }

	div.downloads h4 {
		font-size: 14px;
	}

div.downloads ul {
	padding-left: 0;
}

div.downloads ul li {
	list-style-type: none !important;
    list-style-image:none;
	background: #e6d29d url('/_images/sprites/sprite_downloads.png') no-repeat;
	padding: 8px 8px 10px 40px;
	margin: 0 0 10px 0;
}

div.downloads ul li.document {
	background-position: 10px 10px;
}
div.downloads ul li.audio-file {
	background-position: 10px -130px;
}
div.downloads ul li.video-file {
	background-position: 10px -270px;
 }

div.downloads ul li h5 {
	font-size: 1.16em;
	margin: 0 0 4px 0;
}
div.downloads ul li h5 a {
	font-weight: bolder;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #e6d29d;
}
div.downloads ul li h5 a:hover {
	border-color: #bda158;
}

div.downloads ul li p {
	margin-left: 0;
	margin-bottom: 0;
	font-size: 1em;
}

span.back-to-top {
	clear : both;
	display : block
}

span.back-to-top a.content-link {
	float: none;
}

/*---------------------
 custom page styles */

/* content-page */
body.get-creativeContent #wrapper div#maincol,
body.content-page #wrapper div#maincol {
	width:640px;
	}
body.landing-page #wrapper div#maincol {
	width: 805px;
}

body.content-page div#content {
	margin-top: 16px
}

body.content-page div.content-cols div.content-item h3,
body.content-page div.content-cols div.content-item h4 {
	background: #353535;
	color: #fff;
	position: static;
	width: auto;
	height: auto;
	margin: 0;
}
/* rock and pop */
body.rock div.content-cols div.content-item h3,
body.rock div.content-cols div.content-item h4 {
	background: #be2134;
}
/* leftfield */
body.leftfield div.content-cols div.content-item h3,
body.leftfield div.content-cols div.content-item h4 {
	background: #333776;
}
/* classical */
body.classical div.content-cols div.content-item h3,
body.classical div.content-cols div.content-item h4 {
	background: #2b99b4;
}
/* get-creative */
body.get-creative div.content-cols div.content-item h3,
body.get-creative div.content-cols div.content-item h4 {
	background:none;
	color: #181816;
}
/* comedy */
body.comedy div.content-cols div.content-item h3,
body.comedy div.content-cols div.content-item h4 {
	background: #fbc21d;
	color: #181816;
}
/* family */
body.family div.content-cols div.content-item h3,
body.family div.content-cols div.content-item h4 {
	background: #eb6c27;
}
/* light-entertainment */
body.light-entertainment div.content-cols div.content-item h3,
body.light-entertainment div.content-cols div.content-item h4 {
	background: #b74090;
}
/* community */
body.community div.content-cols div.content-item h3,
body.community div.content-cols div.content-item h4 {
	background: #015555;
}
/* exhibition */
body.exhibition div.content-cols div.content-item h3,
body.exhibition div.content-cols div.content-item h4 {
	background: #330033;
}

body.content-page div.content-cols div.content-item {
	width: 264px;
	margin-bottom: 9px;
}

body.content-page div.content-cols div.content-item h3 {
	padding: 9px 17px 9px 17px;
	font-weight: bolder;
}
body.content-page div.content-cols div.double-title h3 {
	padding-bottom: 0;
}
body.content-page div.content-cols div.content-item h4 {
	padding: 0 17px 9px 17px;
	font-size: 0.755em;
}
body.content-page div.content-cols div.content-item p {
	margin: 15px;
}

body.content-page div#rightcol,
body.content-page div#rightcol div.content-item,
body.content-page div#rightcol div.links {
	width: 145px;
	float:right;
}

body.content-page div.links ul li a {
	width : 125px
}

body.content-page div#rightcol div.content-item {
	margin: 0 0 15px 0;
}

/* landing-page */

body.landing-page div.whats-on {
	width: 543px;
}

body.landing-page div.content-cols div.last {
	width: 242px;
}

#maincol ul.genContent {
	padding-left: 25px;
}

	#maincol ul.genContent li {
		padding-left: 5px;
	}

/* whats-on page */

body.whats-on h2.main-title {
	font-weight: bolder;
	font-size: 0.88em;
	padding-bottom: 0;
}

body.whats-on div.pagination {
	width: 622px;
}

.pagination-container {
	margin-top: -3px;
	background-color: #fff;
}

	body.whats-on .pagination-container div.pagination {
		width: 670px;
	}

body.whats-on #maincol .pagination-container {
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
}

	body.whats-on #maincol .pagination-container div.pagination {
		width: 660px;
	}

body.whats-on div#rightcol {
	border-top: 1px solid #D6D8D7;
	padding-top: 9px;
}

/* event */

body.event div#rightcol div.whats-on div.content-item {
	border: none;
}

body.event div#rightcol div.content-rows div.content-item {
	padding: 0 10px 10px 10px;
	float: none;
}


body.event div#rightcol div.whats-on span.tickets,
body.event div#rightcol div.whats-on a.book-online,
body.event div#rightcol div.whats-on p.sold-out,
body.event div#rightcol div.whats-on p.event-expired {
	float: right;
	clear: right;
	margin: 0 !important;
	font-size: 0.755em;
}
body.event div#rightcol div.whats-on .tickets-booking {
    float:left;
    clear:left !important;
    margin-bottom:5px;
}
body.event div.container {
	width: 291px;
	margin: 0;
}
body.event div.container p {
	float: left;
}

div.content-item div.event-expired,
div.content-item div.event-cancelled,
div.content-item div.event-postponed {
	position: absolute;
	height: 136px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 285px;
}

	div.content-item div.event-expired {
		background: url("/_images/sprites/event_expired.png") no-repeat scroll 0 0 transparent;
	}

	div.content-item div.event-cancelled {
		background: url('/_images/sprites/event_cancelled.png') no-repeat;
	}

	div.content-item div.event-postponed {
		background: url('/_images/sprites/event_postponed.png') no-repeat;
	}

		body.whats-on div#maincol div.content-item div.event-expired,
		body.whats-on div#maincol div.content-item div.event-cancelled,
		body.whats-on div#maincol div.content-item div.event-postponed{
			left: 15px;
			background-position: -45px top;
			width: 148px;
		}
		#get-creative-check-this-out div.event-expired,
		#get-creative-check-this-out div.event-cancelled,
		#get-creative-check-this-out div.event-postponed,
		#get-creative-workshops-items div.event-expired,
		#get-creative-workshops-items div.event-cancelled,
		#get-creative-workshops-items div.event-postponed {
			left: 0;
			background-position: -45px top;
			width: 148px;
		}
        #get-creative-workshops-items .inner-content-item {
            position:relative;
        }

/* homepage */
/* homepage */
body.home div#content {
	margin-top: 16px
}

body.home .whats-next {
	padding-top: 0;
	border-top: none;
	width: 100%;
	float: left;
	margin-right: 20px;
}
body.home .whats-next h2 {
	padding: 5px 60px 5px 10px;
}
body.home .whats-next .date {
	font-size: 12px;
	font-weight: bold;
	background-color: #e5e5e5;
	text-align: center;
	padding: 2px 0;
}
body.home .whats-next .content-item {
	border-top: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 10px 5px 10px;
	margin: 0;
	background: #fbfbfb;
}
body.home .whats-next .content-item h3{
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
body.home .whats-next .content-item .event-time{
	float: left;
	width: 52px;
}
body.home .whats-next .content-item .venue-name{
	display: block;
    font-size: 11px;
	margin-bottom:5px;
}
body.home .whats-next .content-item .event-details{
	float: left;
	width: 113px;
	margin-bottom:0;
}
body.home .whats-next .content-item .event-details h3 {
	padding-bottom:10px;
	}
body.home .whats-next .content-item .event-details .title-link,
body.home .whats-next .content-item .event-time{
	font-weight: bold;
	font-size: 14px;
}
body.home .whats-next .content-item .tickets {
	background: url('/_images/sprites/bullet_sprite.gif') no-repeat left -300px;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
}
body.home .whats-next .content-item .sold-out,
body.home .whats-next .content-item .cancelled {
	background-position: left -400px;
}

body.home div.new-on-sale {
	float: left;
	background: #fbfbfb;
	height: auto;
	margin-bottom: 12px;
}

body.home div.new-on-sale div.content-item {
	padding: 2px 12px 0 28px;
	width: 124px;
	border-bottom: none;
}

body.home div.new-on-sale div.first {
	padding-left: 12px;
}

body.home div.new-on-sale div.content-item a.title-link {
	border-bottom: none;
}

body.home hr.hide {
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	visibility: hidden;
}

body.home div.content {
	float: none;
	width: auto;
}

/* news  */
.news div.pagination {
	border-bottom: 1px solid #d7d7d7
}

.news hr { border-color : #d7d7d7 }
.news .content-item { padding : 5px 10px }

.news div.content-item + div.pagination-container { margin-top : 10px; background-color : transparent }

.news div.content-item + div.pagination-container div.pagination {
	border-top : 1px solid #d7d7d7;
	border-bottom : 0
}

.search-nav li{
	color:#fff;
	font-weight:bold;
}
.social a.twitterlink,
.social a.fblink {
	display:block;
	float:right;
	overflow:hidden;
	text-indent:-99999em;
	padding:0;
	width:26px;
	height:26px;
	margin-top:-7px;
}
a.fblink{
	background:transparent url('/_images/common/tweetface.png') no-repeat -26px 0;
	margin-left:8px;
}
a.twitterlink{
	background:transparent url('/_images/common/tweetface.png') no-repeat 0 0;
	margin-right:8px;
}
.social span{
	font-size:6px;
	float:right;
	display:block;
	font-weight:bold;
	color:#4d4d4d;
}
.get-creative-heading a {
	font-weight:bold;
	margin-bottom:5px;
	}
/* PUTTING NEW STYLES AT THE BOTTOM
 * WILL TRY AND COMBINE LATER
 */

/* GET CREATIVE LANDING PAGE
 */

#get-creative-intro {
	background:#333333;
	color:#d7c38e;
	margin-bottom:10px;
	}
	#get-creative-intro #get-creative-intro-left {
		float:left;
		width:290px;
		padding:20px 20px 15px 20px;
		}
		#get-creative-intro #get-creative-intro-left h2 {
			font-size:30px;
			margin-bottom:72px;
			}
		#get-creative-intro #get-creative-intro-left h3 {
			font-size:14px;
			font-weight:bold;
			}
		#get-creative-intro #get-creative-intro-left p {
			font-size:11px;
			}
	#get-creative-intro #get-creative-intro-right {
		float:left;
		}
#get-creative-features {
	padding-bottom:10px;
	}
#get-creative-check-this-out,
#get-creative-features-items {
	margin-bottom:10px;
	}
#get-creative-check-this-out-items {
	background:#fff;
	padding:5px 0 0 0;
	}
body.content-page div.content-cols #get-creative-check-this-out-items div.content-item,
div.content-cols #get-creative-features-items div.content-item  {
	width:145px;
	margin:0;
	overflow:hidden;
	}
.get-creative-check-this-out-entry {
	width:145px;
	float:left;
	margin-left:20px;
	}
.get-creative-check-this-out-entry .img {
	width:145px;
	background:#7fac35;
	display:block;
	height:70px!important;
	}
.get-creative-check-this-out-entry .get-creative-heading {
	min-height:40px;
	}
#get-creative-feature {
	background:#fff;
	margin-bottom:10px;
	}
#get-creative-check-this-out-items .first,
#get-creative-features-items .first {
	margin:0;
	}
#get-creative-check-this-out-items h3,
#get-creative-features-items h3 {
	padding:5px 10px;
	margin-bottom:5px;
}
.get-creative-check-this-out-entry h3 {
	min-height:40px;
	}
#get-creative-check-this-out-items h3.get-creative-heading,
#get-creative-check-this-out-items h3.get-creative-feature-heading {
	min-height:40px;
	}
#get-creative-features-items h3 a {
	font-weight:bold;
	}
#get-creative-check-this-out-items .container,
#get-creative-check-this-out-items .container p {
	margin:0;
	}
#get-creative-check-this-out-items .container p.meta {
	padding-top:0;
	}
#get-creative-check-this-out #get-creative-check-this-out-items .container {
	margin-top:0;
	}
#get-creative-check-this-out-items .container {
	padding:0 10px;
	margin:10px 0;
	}
#get-creative-check-this-out-items a.content-link {
	margin:10px 0;
	}
#get-creative-check-this-out-items .content-item {
	margin:0;
	background:#fff;
	}
.img-green {
	background:#7fac35;
	}
.img-wrap {
	margin-bottom:4px;
	display:block;
	padding-right:10px;
	}
div.content-cols .img-wrap img {
	padding-bottom:0;
	width:135px;
	}

/* FAQ */
#get-creative-faqs {
	float:left;
	width:310px;
	}
.faq-wrap {
background:#fff;
padding:10px;
	}
	.faq-wrap h3{
		margin-bottom:10px;
		}
		.faq dt {
			background:url('/_images/sprites/list-bullet.png') no-repeat 0 8px;
			padding-left:5px;
			}
		.faq dt a {
			font-weight:bold;
			font-size:12px;
			margin-left:10px;
			}
		.faq dd {
			font-size:11px;
			margin-left:15px;
			margin-bottom:5px;
		}
/*
 *  GET CREATIVE PAGE
 */
.get-creativeContent #maincol {
	background:#fff;
	}
/*
 * BOX OFFICE SPOTLIGHT
 * SMALL
 */
#small-spotlight {
	float:left;
	width:475px;
	margin-right:20px;
	}
#small-spotlight .small-spotlight-wrap{
	position: relative;
	width: 475px;
	background:#fff;
	}
.has-js #small-spotlight .small-spotlight-wrap {
	height: 215px;
	overflow: hidden;
	}
.has-js	#small-spotlight-carousel {
		position: absolute;
		width: 20000em;
	}

#small-spotlight-carousel .get-creative-spotlight-carousel-entry{
	padding:10px;
}
.has-js	#small-spotlight-carousel .get-creative-spotlight-carousel-entry{
			float: left;
			height: 185px;
			width: 455px;
			padding:10px;
		}
		.has-js	#small-spotlight-carousel .get-creative-spotlight-carousel-entry .title-link{
			font-weight:bold;
		}
		.spotlight-nav {
			display:none;
			visibilty:hidden;
			}
		.has-js .spotlight-nav {
				background:#e5e5e5;
				display:block;
			}
			.has-js .spotlight-nav div{
				padding:3px 0;
				text-align:center!important;
			}
			.has-js .spotlight-nav div p{
				display:inline-block;
			}

			.has-js .spotlight-nav .navi a {
				background:url('/_images/sprites/spotlight-navigator.png') no-repeat -8px 0;
				display:block;
				height:14px;
				width:8px;
				float:left;
				margin:0 2px;
				cursor:pointer;
			}
			.has-js .spotlight-nav .navi .active {
				background-position:-16px 0;
			}
			.has-js .spotlight-nav .browse {
				float:left;
				background:url('/_images/sprites/spotlight-navigator.png') no-repeat 0 0;
				height:14px;
				width:8px;
				text-indent:-99999px;
				overflow:hidden;
				cursor:pointer;
				margin-right:8px;
				}
			.has-js .spotlight-nav .next{
				background-position:-24px 0;
				margin-left:8px;
				margin-right:0;
				}
#small-spotlight .get-creative-spotlight-carousel-entry .content-link {
	font-size:12px;
	float:left;
	}
#small-spotlight .get-creative-spotlight-carousel-entry {
	padding:0;
	font-size:11px;
	}
#small-spotlight .get-creative-spotlight-carousel-entry h3 {
	margin-bottom:10px;
	}
#small-spotlight .get-creative-spotlight-carousel-entry p {
	margin-bottom:5px;
	}
#small-spotlight .get-creative-spotlight-carousel-entry img{
	float:left;
	height:180px;
	width:180px;
	margin-right:10px;
	}
#small-spotlight .get-creative-spotlight-carousel-entry .entry-content {
	float:left;
	width:265px;
	}
/*
 * BOX OFFICE SPOTLIGHT
 * LARGE
 */
#large-spotlight {
	float:left;
	width:640px;
	color:#d7c38e;
	margin-bottom:20px;
	background:#333;
	}
	#large-spotlight .large-spotlight-wrap{
		position: relative;
		width: 640px;
		background:#333;
		}
	.has-js #large-spotlight .large-spotlight-wrap {
		height: 240px;
		overflow: hidden;
	}
	.has-js	#large-spotlight-carousel {
			position: absolute;
			width: 20000em;
		}

	#large-spotlight-carousel .get-creative-spotlight-carousel-entry{
		padding:10px;
	}
	.has-js	#large-spotlight-carousel .get-creative-spotlight-carousel-entry{
			float: left;
			width: 640px;
		}
		.has-js	#large-spotlight-carousel .get-creative-spotlight-carousel-entry .title-link{
			font-weight:bold;
		}

#large-spotlight .spotlight-nav {
	display:none;
	visibilty:hidden;
	}
.has-js #large-spotlight .spotlight-nav {
		background:#333;
		display:block;
		border-top:1px solid #fff;
	}
	.has-js #large-spotlight .spotlight-nav div{
		margin:0 auto;
		padding:3px 0;
	}

	.has-js #large-spotlight .spotlight-nav .navi a {
		background:url('/_images/sprites/spotlight-navigator.png') no-repeat -8px -14px;
		display:block;
		height:14px;
		width:8px;
		float:left;
		margin:0 2px;
		cursor:pointer;
	}
	.has-js #large-spotlight .spotlight-nav .navi a.active {
		background-position:-16px -14px;
	}
	.has-js #large-spotlight .spotlight-nav .browse {
		float:left;
		background:url('/_images/sprites/spotlight-navigator.png') no-repeat 0 -14px;
		height:14px;
		width:8px;
		text-indent:-99999px;
		overflow:hidden;
		cursor:pointer;
		margin-right:8px;
		}
	.has-js #large-spotlight .spotlight-nav .next{
		background-position:-24px -14px;
		margin-left:8px;
		margin-right:0;
		}

#large-spotlight .get-creative-spotlight-carousel-entry {
	padding:0;
	}
#large-spotlight .get-creative-spotlight-carousel-entry h3 {
	margin-bottom:10px;
	}
	#large-spotlight .get-creative-spotlight-carousel-entry h3 a {
		font-size:14px;
		font-weight:bold;
		color:#d7c38e;
		border:none;
		}
#large-spotlight .get-creative-spotlight-carousel-entry p {
	margin-bottom:10px;
	}
#large-spotlight .get-creative-spotlight-carousel-entry img{
	float:left;
	height:240px;
	width:320px;
	}
#large-spotlight .get-creative-spotlight-carousel-entry .entry-content {
	width:280px;
	float:left;
	padding:20px;
	font-size:12px;
	}
/*
 * GET CREATIVE WORKSHOPS
 */
#get-creative-workshops h2 {
	margin-bottom:15px;
	}
#get-creative-workshops-items .content-item {
	padding:10px;
	}

/*
 * FOYER PERFORMANCE SIGN-UP FORM
 */
.signup .content,
.signup .form-wrapper {
	background-color: #fff;
}

.signup .content {
	border-bottom: none;
}

.signup form {
	margin-left: 122px;
}

	.signup form h3,
	.signup .formEnd {
		width: 408px;
	}

	.signup form h3 {
		font-size: 0.8em;
		text-transform: uppercase;
		font-weight: bold;
		padding: 7px 0;
		margin-bottom: 7px;
		border-bottom: 1px solid #e5e5e5;
	}

	.signup form .formTextContainer,
	.signup form .formTextAreaContainer {
		margin-bottom: 10px;
	}

		.signup form input,
		.signup form textarea {
			width: 400px;
			border: 1px solid #333;
			padding: 3px;
		}

		.signup form p,
		.signup form label {
			font-size: 0.7em;
		}

		.signup form p {
			margin-bottom: 10px;
		}

		.signup form label,
		.signup form p.formLabel {
			margin-bottom: 2px;
		}

		.signup form .formError input,
		.signup form .formError textarea {
			margin-bottom: 2px;
			border-color: #f00;
		}

		.signup form .formError p {
			margin-bottom: 0;
			color: #f00;
		}

	#signup_gig1_wrapper,
	#signup_gig2_wrapper {
		position: relative;
	}

		#signup_gig1_wrapper label,
		#signup_gig2_wrapper label {
			position: absolute;
			padding: 5px 0 0 5px;
			color: #666;
			font-weight: normal;
			font-style: italic;
		}

	.signup form .formEnd {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e5e5e5;
	}

	#signup_submit {
		width: 150px;
		margin: 0 0 15px 126px;
		font-size: 0.755em;
		background-color: #d7c38e;
		border: none;
		font-family: sans-serif;
		padding:6px;
		cursor:pointer;
	}

/*
 * NEW HOMEPGAE STYLES
 */
#centrecol {
	width:475px;
	float:left;
	}

/*
 * Upcoming events
 */

.event-slide {
 	width:217px;
	padding:10px;
	float:left;
	font-size:11px;
	overflow:hidden;
	}
.home .event-slide .content-link{
		margin:0;
		}
.event-slide .event-container {
		width:107px;
		float:left;
		padding-left:10px;
		}
		.event-slide .event-container h4 {
			margin-bottom:5px;
			}
			.event-slide .event-container h4 a,
			#staff-picks .staff-pick .pick-container h4 a{
				border-bottom: 1px dotted #696969;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				font-weight:bold;
				font-style:normal;
				font-family:sans-serif;
				display:inline;
			}
			.event-slide .event-container h4 a:hover,
			#staff-picks .staff-pick .pick-container h4 a:hover{
				border-bottom: 1px solid #696969;
			}
.event-container .meta {
    float:left;
}
#first-row,
#second-row,
#third-row,
#fourth-row {
	margin-bottom:10px;
	}
	#second-row .block {
		width:475px;
		position:relative;
		float:left;
		background:#fff;
		overflow:hidden;
		}
	#second-row .first {
		margin-right:20px;
		}
#twitter-feed .twit-link {
	margin-left:10px;
	font-size:11px;
	}

/*
 * STAFF PICKS
 */
#staff-picks .staff-pick {
	padding-bottom:5px;
	}
#staff-picks .pick-container {
	width:375px;
	font-size:11px;
	padding-left:10px;
	float:left;
	}
	#staff-picks .pick-container .staff {
		color:#999;
		}
	#staff-picks .staff-pick .pick-container h4 {
		display:block;
		}


#fourth-row .content-group {
	width:310px;
	float:left;
	margin-right:20px;
	}
	#fourth-row .last{
		margin-right:0;
		}
	#fourth-row .content-group .content-item{
		padding:10px;
	}
	#fourth-row .content-group .content-link{
		font-size:11px;
	}
	#fourth-row .content-group .container {
		width:180px;
		float:left;
		}
	#fourth-row .content-group img {
		padding-right:10px;
	}
	#fourth-row h3 a {
		font-weight:bold;
		}
/*
 * HOMEPAGE SPOTLIGHT
 */
.has-js .block h2 {
	cursor:pointer;
	}
.block h2 {
 	background:#353535;
    color: #D7C38E;
    font-size: 18px;
    margin: 0;
    padding: 5px 10px;
	}
	.block h2 a{
		color: #D7C38E;
		font-size: 18px;
		text-decoration:none;
	}
.block .tab-h {
	width:217px;
	float:left;
	margin-bottom:20px;
	background:#d7c38e;
	position:relative;
	}

	.block .tab-h:hover {
		background:#F4ECD6;
	}
	.block .tab-h span {
		background: url("/_images/sprites/nav-arrows-sprite.png") no-repeat 0 -15px;
		display: block;
		height: 15px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 15px;
	}
	.block .tab-h:hover span {
		background-position: -15px -15px;
	}
	.block .tab-h a {
		color:#333;
	}
.block .active,
.block .active:hover {
	width:217px;
	float:left;
	margin-bottom:20px;
	background:#333;
	position:relative;
	}
	.block .active span,
	.block .active:hover span {
		background: url("/_images/sprites/nav-arrows-sprite.png") no-repeat 0 -30px;
		display: block;
		height: 8px;
		position: absolute;
		left: 110px;
		top: 33px;
		width: 17px;
	}
	.block .active a {
		color:#d7c38e;;
	}
#new-events,
#coming-soon {
	float:left;
	width:475px;
	background:transparent;
	}
.has-js .block .hide,
.has-js .block .hide {
	display:none;
	}

	#new-events .new-event-wrap,
	#coming-soon .coming-soon-wrap{
		position: relative;
		width: 475px;
		background:#fff;
		}
	.has-js #new-events .new-event-wrap,
	.has-js #coming-soon .coming-soon-wrap {
		height: 170px;
		width: 475px;
		overflow: hidden;
	}
	.has-js	#new-event-carousel,
	.has-js #coming-soon-carousel {
			position: absolute;
			width: 20000em;
		}
	.has-js	#new-event-carousel .event-slide,
	.has-js #coming-soon-carousel .event-slide{
			float: left;
			width: 217px;
		}

.has-js #coming-soon h2,
.has-js #new-events h2 {
	width:218px;
	}
.has-js #coming-soon h2 {
	float:right;
	}
.left {
	float:left;
	}
.event-slide .genres {
	overflow:hidden;
	}