/*--------------------------------------------------------------------

	filename:	base.css
	version:	1.0
	created on:	31/07/09
	created by: Tom Davies
	
	edited on: 11/11/09

/*--------------------------------------------------------------------
contents


- grid summary
- colour reference
- body and html
- main shared layout elements
- navigation styles
- common classes
	- shared navigation styles
	- utility styles
- text styles
	- basic text styles
	- headings
	- basic link styles
	- blockquote and cite
- special link styles
- general content area styles
	- image styles
- forms
	- contact form

/*--------------------------------------------------------------------
grid summary

Min-screen resolution:	1024px
Wrapper width:			940px
Number of columns:		?
Base column width:		?
Base gutter width:		?


/*--------------------------------------------------------------------
colour reference


/*--------------------------------------------------------------------
@font-face */

@font-face {
	font-family: 'Gothic13StdRegular';
	src: url('/fonts/gothicthirteenstd-webfont.eot');
	src: local('☺'), url('/fonts/gothicthirteenstd-webfont.woff') format('woff'), url('/fonts/gothicthirteenstd-webfont.ttf') format('truetype'), url('/fonts/gothicthirteenstd-webfont.svg#webfontAxDMpFvw') format('svg');
	font-weight: normal;
	font-style: normal;
}

#content h1,
#content h2,
#sidebar h3,
#show_dates,
#columns h3,
.aside h3,
.subhead,
.replaced,
.show h3 {
  font-family: Gothic13StdRegular;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------------
body and html*/

html {
	height: 100%;
	}

body {
	height: 100%;
	
	color:#333333;
	background-color: #fff;

	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.4;
	font-size: 12px;
	}

/*-------------------------------------------------------------------
main shared layout elements*/

div#wrapper {
	width: 960px;
	margin: auto;
	position: relative;
	top: 30px;
}

div#sidebar {
	float: left;
	width: 220px;
	margin-right: 20px;
	position: relative;
}

div#content  {
	float: right;
	width: 720px;
	position: relative;
	padding-bottom: 15px;
}
div.content_body  {
	float: left;
	width: 480px;
	margin-right: 20px;
	position: relative;
}
div.aside {
	width: 220px;
	float: left;
	position: relative;
}

div#footer {
	clear: both;
	position: relative;
	margin: 30px 0px 50px 0px;
}

#video {
  margin-bottom: 10px;
}

/*edit this item link*/

#edit_this {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 200;
	text-align: center;
	font-size: 13px;
	opacity: 0.9;
	background-color: #999999;
	color: #fff;
}

#edit_this div {
	padding: 5px;
	width: 940px;
	margin: 0px auto;
	position:relative;
	font-weight:bold;
	line-height:1.4;
	}

#edit_this a {
	border-color: #ffffff;
	color: #ffffff;
	}

#edit_this:hover {
	background-color: #666;
	opacity: 0.95;
	}

/*-------------------------------------------------------------------
skip to content links*/

#skip_links {
	display: block;
	width: 600px;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -300px;
	}
	
#skip_links li {
	float: left;
	margin-right: 10px;
	}

#skip_links li a {
	color: #fff;
	border: none;
	display: block;
	padding: 2px 4px;
	border: 1px solid #fff;
	}

#skip_links li a:hover, #skip_links li a:focus {
	color: #990033;
	border: 1px solid #ddd;
	background-color:#F8F8F8;
	z-index: 20;
	}


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

#footer {
	font-size: 10px;
	color: #AAA;
	}

#footer, #footer_sponsors {
	width: 100%;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dddddd;
}


#footer_copyright, #footer_links {
	width: 470px;
	float: left;
	padding-bottom: 0px;
	}

#footer_copyright {
	margin-right: 20px;
	min-height: 60px;
	}

#footer_copyright li, #footer_links  li {
	margin-bottom: 4px;
	}

#footer_links li, #design_link {
	float: right;
	}
	

#footer_sponsors p, #footer_sponsors li {
	float: left;
	width: 220px;
	margin-right: 20px;
	}
#footer_sponsors li a {
	display: block;
	width: 140px;
	padding-left: 80px;
}

#footer_sponsors li a:hover, #footer_sponsors li a:hover { border: none;}


/*--------------------------------------------------------------------
sidebar styles*/

/*image replace site title*/
h2#branding {
	background-image:url(../images/common/tft-side-logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 170px;
	height: 0px;
	}
/*positions back to home link*/
a#homepage_link {
	position: absolute;
	display: block;
	height: 0px;
	padding-top: 162px;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	border: none;
}

#sidebar h3 {
	clear: both;
	font-size: 28px;
	}

	/*--------------------------------------------------------------------
	menu styles*/
	div#menu {
		min-height: 400px;
		}
	
	ul.menu, ul.menu ul {
		list-style-type:none;
		margin: 0;
		padding: 0;
	}
	
	ul.menu {
		font-size: 16px;
		text-align: right;
	}
	
	ul.menu ul {
		font-size: 12px;
		padding: 5px 0px;
	}
	
	ul.menu a {
		display: block;
		text-decoration: none;
		border-bottom: none;
		padding:4px 4px 4px 4px;
	}
	
	ul.menu a.m3:hover,
	ul.menu a.m4:hover,
	ul.menu a.m5:hover {
		background-image: url(../images/common/menu_arrows.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	ul.menu li {
		margin-top: 1px;
		text-shadow: 1px 1px 2px #eeeeee
	}
	
	
	ul.menu li.top_level:hover {
		background-image: url(../images/common/menu_arrows.png);
		background-repeat: no-repeat;
		background-position: 0px -75px;
	}
	
	ul.menu li a:link, ul.menu li a:visited {
		color:#333; 
	}
	
	ul.menu a:hover, ul.menu a:active, ul.menu a:focus {
		color:#903;
		background-image: url(../images/common/menu_arrows.png);
		background-repeat: no-repeat;
		background-position: 0px -25px;
	}
	
	ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {
		color:#903;
	}
	
	ul.menu li a:active, ul.menu li a:focus {
		border:none;
		outline: none;
	}
	
	ul.menu li ul li a {
		padding: 5px 20px 5px 2px;
		text-shadow: none;
	}
	
	ul.menu li ul li a:hover {
		background-image: url(../images/common/menu_arrows.png);
		background-repeat: no-repeat;
		background-position: 0px -50px;
		text-shadow: 1px 1px 1px #eeeeee
	}
	
  /*--------------------------------------------------------------------
  social network links*/	

  a.social	
	a.social:link,
	a.social:hover,
	a.social:visited,
	a.social:active {
	  border: none;
	  border-bottom: 0px;
	}
	

#map_directions #twitter {
  background: url(/images/common/twitter.png) center top no-repeat;
  width: 105px;
  height: 0px;
  padding-top: 105px;
  margin-right: 10px;
}

#map_directions #facebook {
  background: url(../images/common/facebook.png) center top no-repeat;
  width: 105px;
  height: 0px;
  padding-top: 105px;
}
	
	/*--------------------------------------------------------------------
	contact info*/
	
	#sidebar #contact_box_office {
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin: 10px 0px;
		padding: 10px 0px;
	}
	
	#sidebar .hcard {
		padding-bottom: 5px;
		margin-bottom: 5px;
		text-align: right;
		}
	#sidebar a.online_booking {
		margin-right: 0px;
	}

	/*image replace directions and see a map links*/
	
	#map_directions li {float: left; margin-bottom: 10px;}
	#map_directions li a {display: block; padding-top: 80px; overflow: hidden;  width: 105px;}
	#film {margin-right: 10px; background:url(../images/common/film_map.jpg) 0 0 no-repeat;}	
	#directions {background:url(../images/common/film_map.jpg) -115px 0 no-repeat;}
	#map_directions li a:link { border: 0;}
#sidebar li a#online_booking_sidebar {float:left; margin-right: 10px; width: 105px; height:0px; padding-top:100px; overflow: hidden; background:url(../images/common/book-online-sidebar.jpg) top center no-repeat; border: none;}
	#sidebar li a#brochure_dl {float: left; width: 105px; height:0px; padding-top:100px; overflow: hidden; background:url(../images/common/brochure%20download.jpg) top center no-repeat; border:none;}
	/*--------------------------------------------------------------------
	search and signup forms*/
	
	#mailinglist_form div, #site_search div {
		position: relative;
	}

	#mailinglist_form p, #site_search p {
		padding-bottom: 10px;
	}
	#mailinglist_form div #cm-yujrjl-yujrjl, #site_search div #keywords {
		margin: 0px;
		padding: 3px;
		margin-bottom: 10px;
		width: 175px;
	}
	
	#sidebar form label.overlayed {
		position: absolute;
		top: 4px;
		left: 4px;
		white-space: nowrap;
		color: #999;
	}

	input.go { float: right;}

	/*--------------------------------------------------------------------
	related sites links*/

	#sidebar #building {
	display: block;
	padding-top: 58px;
	margin-bottom: 10px;
	background:url(../images/common/building.jpg) top center no-repeat;
	}	

	#sidebar #sattf {
	display: block;
	padding-top: 58px;
	margin-bottom: 10px;
	background:url(../images/common/sattf_logo.jpg) top center no-repeat;
	}


/*--------------------------------------------------------------------
content_header styles*/

#content_header {
	position: relative;
	margin-bottom: 15px;
	height: 162px;
	}

#content_header h1 {
	position: absolute;
	bottom: 10px;
	right: 0px;
	padding: 0px 10px;
	
	background-color: #000000;
	color: #ffffff;
	}

#content_header h1 a:link, #content_header h1 a:visited, #content_header h1 a:hover, #content_header h1 a:active {
	color: #ffffff;
	}

	/*--------------------------------------------------------------------
	main content area styles*/
	
		/*--------------------------------------------------------------------
		tabbed content*/
		ul.tab_navigation {
			margin-bottom: 20px;
			width: 100%;
			padding-bottom: 0px;
			border-bottom: 1px solid #903;
		}


		ul.tab_navigation li {
		float: left;
		padding: 0px;
		margin: 0px;
		}
		
		ul.tab_navigation li a {
			float: left;
			margin-left: 15px;
			padding: 5px 8px;
		
			border-style: solid;
			border-color: #903;
			border-width: 1px 1px 0px 1px;
			-moz-border-radius-topright: 10px;
			-webkit-border-top-right-radius: 10px;
			border-top-right-radius: 10px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			color:#666666;
			background-color:#EEE;
		} 
		
		ul.tab_navigation li a:hoverr, ul.tab_navigation li a:focus {
			background-color: #fff; 
		}
		
		ul.tab_navigation li a.selected {
			color: #903;
			background-color: #fff;
			border-bottom: 1px solid #fff;
			margin-bottom: -1px;
			
		}


		div.tab {
		clear: left;
		}
		
		/*--------------------------------------------------------------------
		aside column*/
		
		div.aside p.hcard {
		text-align: right;
		}
		
		/*--------------------------------------------------------------------
		wide 3 column layout*/
		
		
		body.cols div.content_body {
		width:720px;
		}
		
		
		/*content body styles*/
		
		.content_body ul, #content_body ol {
		margin: 5px 5px 15px 5px;
		padding-left: 10px;
		}
		
		.content_body li {
			margin-bottom: 10px;
			}
		
		.content_body ul {
		list-style: circle inside;
		}
		
		.content_body ol {
		list-style:decimal inside;
		}
		
/*--------------------------------------------------------------------
common classes*/

	/*columnised content*/
	
   	.column {margin-right: 20px;}  
	.last.column { margin-right:0px;}


	/*testimonials/quotes*/
	div.quote {
		margin-top: 5px;
		padding-top:5px;
		border-top: 2px solid #903;
	}

	.link_list li a, .link_list li a:link, .link_list li a:visited {
		display:block;
		margin-bottom: 5px;
		padding: 3px 25px 3px 2px;
		border-bottom: none;
		color: #903;
	}

	.link_list li a:hover, .link_list li a:active, .link_list li a:focus {
		background-image: url(../images/common/arrow.png);
		background-repeat: no-repeat;
		background-position: center right;
		background-color: #FBEAEF;
	}

	/*--------------------------------------------------------------------
	utility styles*/
	
	.float_left {
		float: left;
		}
		
	.float_right {
		float: right;
		}
	
	.clear {
		clear: both;
		}


	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
		width: 100%;
	}
	 
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}
	
	li.social_link {
		list-style: none;
		float: left;
		margin: 0px 10px 15px 0px;
		}
	
	li.social_link a {
		min-height: 20px;
		padding: 4px 4px 4px 24px;
		border: 1px solid #990033;
		}
		
	p.pagination {
		text-align: right;
		padding: 5px 0px;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
		}
	
	p.post_info {
		text-align: right;
		font-size: 11px;
		line-height: 1.6;
	}
	
	body.index p.post_info, body.news_detail p.post_info, body.show_detail p.post_info {
	
	}
	
	body.index p.post_info {
		clear: both;
		margin-top: 10px;
		padding-top: 10px;
		
		border-top: 1px solid #DDD;
		}
	
	.imgreplaced {
		overflow: hidden;
		height: 0px;
		border:none;
		display: block;
		}
	
	a.imgreplaced:link, a.imgreplaced:visited, a.imgreplaced:hover, a.imgreplaced:active {
		border-width: 0px;
		border: none;
		}
/*--------------------------------------------------------------------
text styles*/

	/*--------------------------------------------------------------------
	basic text styles*/
	
	ul, dl, ol, p { padding-bottom:  15px;}
	strong, b {font-weight: bold;}
	em, i {font-style: italic;}
	
	/*--------------------------------------------------------------------
	headings*/
	
	h1, h3 {
		text-transform: uppercase;
		}
	
	h1 {
		font-size: 48px;
	}
	
	#content h2 {
		font-size: 36px;
		line-height: 1.15;
		border-bottom: 1px solid #903;
		padding-bottom: 1px;
		margin-bottom: 13px;
		text-transform: uppercase;
	}
	
	h3 {
		margin-bottom: 10px;
		border-bottom: 2px solid #903;
		text-transform: uppercase;
		line-height: 1.15;
		font-size: 18px;/*see also cufon styles below*/
	}
	
	.cufon-active h3 {
		font-size: 28px;
		color: #333333;
	}

	#content h3 {
		font-size: 24px;
		border-bottom: 1px solid #903;
		padding-bottom: 4px;
		margin-bottom: 15px;
		text-transform: none;
	}
	
	 #content .aside h3 {
		text-transform: uppercase;
	}
	h4 {
		
	}
	h5 {
		margin-bottom: 14px;
		padding-bottom: 3px;
		border-bottom: 1px solid #990033;
		color: #333333;
		font-size: 20px;
		line-height: 1.25;	
		font-variant: small-caps;
		text-transform: capitalize;
	}
	
	h6 {
		margin-bottom: 10px;
		color: #990033;
		font-size: 16px;
		line-height: 1.25;	
	}
	
	#content .subhead {
		text-transform: uppercase;
		}
	
	.replaced {
		text-transform: uppercase;
		}
	
	/*heading colours for what's on*/
	
	#content_header h1.red, #current_show h1.red		{color:#C60C30}
	#content_header h1.yellow, #current_show h1.yellow	{color:#DFDF00}
	#content_header h1.blue, #current_show h1.blue		{color:#0CC6DE}

	/*--------------------------------------------------------------------
	basic link styles*/

	a:link{color:#903; text-decoration:none; border-bottom:1px dotted #903}
	a:visited{color:#666; text-decoration:none; border-bottom:1px dotted #903}
	a:hover, a:active, a:focus {color:#903; text-decoration:none; border-bottom:1px solid #903}
	
	/*unobtrusive link styles - bottom border only on hover*/
	
	a.subtle:link, a.subtle:visited {color:#903; text-decoration:none; border-bottom:none}
	#footer a:link, #footer a:visited {color:#AAA; text-decoration:none; border-bottom:none}
	a.subtle:hover, #footer a:hover, a.subtle:active, #footer a:active, #footer a:focus  {color:#903; text-decoration:none; border-bottom:1px dotted #903}
	
	/*heading link styles*/
	
	h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
		color: #333333;
		border-bottom: none;
	}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus  {
		color: #990033;
		border-bottom: none;	
	}
	
	/*--------------------------------------------------------------------
	blockquote and cite*/

	blockquote p {
		font-size: 20px;
	}
	cite {}

	blockquote.random_quote cite {
		display: block;
		text-align: right;
		font-style: italic;
		clear: both;
	}

	.aside blockquote {
		clear: both;
		margin-top: 5px;
		padding-top: 20px;
		border-top: 1px solid #990033;
		}
		
.aside blockquote:first-child {
		clear: both;
		padding-top: 20px;
		border-top: 0px;;
		}	
		

	/*--------------------------------------------------------------------
	cufon specific styles*/
	#content h1, #content h2, #sidebar h3, #show_dates, .aside h3, .subhead, .replaced, .show h3, #columns h3 {
		text-transform: uppercase;
	}
	
	
/*--------------------------------------------------------------------
special link styles*/

/*--------------------------------------------------------------------
general content area styles*/

	/*--------------------------------------------------------------------
	image styles*/
	
	a img {
		border: none;
		padding: 0px;
		margin: 0px;
		}
	
	a.img_link {
		border: none;
		border-width: 0px;
	}
	
	#content img {
		
	}
	
	.large_content_image {
		margin-bottom: 15px;
	}


/*--------------------------------------------------------------------
show archive specific styles*/


body.archive li.show {
	width: 230px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;

}

body.archive li.show h3 {
	min-height: 72px;
	}

body.archive li.show a.img_link {
	display: block;
	height: 100%;
	padding: 4px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	}

body.archive li.show p{
	clear: both;
	}

body.archive li.col3 {
	margin-right: 0px;
	}

/*--------------------------------------------------------------------
forms*/


	/*--------------------------------------------------------------------
	contact form*/
	#contact_form div {
		position: relative;
		padding: 0px;
		margin: 0px;
		}

	label.error {
		color: red;
		background: #fff url(../images/common/alert.gif) no-repeat left center;
		padding-left: 22px;
	} 

	#contact_form input, #contact_form textarea {
		padding: 5px;
		margin-bottom: 10px;
		width: 540px;
		}
	
	#contact_form label { padding: 5px;}
	
	#contact_form input.submit {
		width: 100px;
	}

	/*--------------------------------------------------------------------
	search filters*/
	div#search_filters form, div#search_filters span {
		float: left;
	}
	div#search_filters form {
		margin-right: 10px;
	}
	
	div#search_filters {
		border-bottom: 1px solid #DDD;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

	div#search_filters {
		font-size: 11px;
		position: relative;
		padding: 10px;
		margin-bottom: 5px;
		border: 1px solid #ccc;
		background-color: #eee;
		}
		
	div#search_filters form {
		margin-bottom: 10px;
		position: relative;
		}
		
	div#search_filters form#filters {
		border-top: 1px solid #ccc;
		padding-top: 9px;
		width: 100%;	
		}
	/*news filters has less options so narrower layout*/
	
	div#search_filters .news_filters form#filters,
	div#search_filters .news_filters form#search_form {
	width: 45%
	}
	
	div#search_filters .news_filters form#filters {
	border-top: none;
	margin-right:0px;
	float: right;
	padding-top: 0px;
	}
	
	/*position the element of the search controls box*/
	div#search_filters fieldset, div#search_filters ul#view_options {
		width: 335px;
		float:left;
		position: relative;
		}
	
	div#search_filters fieldset.first, div#search_filters ul#view_options {
		margin-right: 10px;
	}
	
	div#search_filters select, div#search_filters input, div#search_filters label {
		padding: 3px;
		}
	
	div#search_filters select {
		float: right;
		margin-bottom: 3px;
		width: 200px;
		}
	div#search_filters select#event_type {
		width: 180px;
	}
	
	div#search_filters label {
		float: left;
		clear: both;
		margin-top: 3px;
		}
	div#search_filters #event_search {
		width: 250px;
		margin-right: 5px;	
		}
	
	div#search_filters h2 {
		font-size: 20px;
		border-bottom: none;
		margin-bottom: 0px;
		}
		
	#hide_button, div.message a.dismiss {
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		display: block;
		padding: 5px;
		border: none;
		}
	
	ul#view_options li {
		float: left;
		padding: 2px 5px;
		font-size: 14px;
		border-right: 1px solid #ddd;
		}

	ul#view_options li:last-child {
		float: left;
		padding: 2px 5px;
		font-size: 14px;
		border-left: none;
		}
	
	#controls {
		border-top: 1px solid #ccc;
		padding-top: 10px;
		margin-top: 3px;
	}
/*--------------------------------------------------------------------
homepage*/

/*body.home #news, body.home #plus, body.home #featured {
	width: 350px;
	float: left;
}

body.home #news {
	margin-right: 20px;
	}

body.home #next_shows li {
	width: 230px;
	float:left;
}

body.home ul#next_shows h2 {
	min-height: 70px;
}


body.home .col1, body.home .col2 {
	margin-right: 15px;
	}

body.home #plus .date_venue {
	border-bottom: 1px solid #ddd;
	margin-bottom:10px;
	
	}*/
	
.home-col {
  float: left;
  width: 350px;
}
.home-col.first {
  margin-right: 20px;
}
.home-col h3 {
  font-size: 20px !important;
}
.secondary-content {
  clear: both;
}
body.home #news li:last-child {
  margin-bottom: 0;
}
body.home #news li h3, #plus h3 {
  text-align: left;
}
.tweet .icon{
  float: left;
  margin-right: 15px;
  width: 32px;
}
.tweet {
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 12px;
  border-top: 1px solid #EEE;
}
.tweet.first{
  border-top: none;
  padding-top: 0;
}
.tweet .date {
  text-align: right;
  
  padding-top: 3px;
  font-size: 10px;
}
body.home  p.more a {
  border: none;
}

body.home p.more a:hover {
  border-bottom: 1px dotted
}
#twitter-module{
  clear: both;
  border: 1px solid #903;
  padding: 14px;
}
#twitter-module h2 {
  padding-left: 45px;
  background: url('/images/common/twitter-heading.png') no-repeat 0 3px;
}	
	
/*colour venue text differently depending on venue name*/
body.home strong.red {
  color: #C60C30;
}

body.home strong.blue {
  color: #C4E3E3;
}

body.home strong.yellow {
  color: #DFDF00;
}


body.home .show {
  width: 535px;
  height: 400px;
  position: relative;
}

body.home #shows {
  height: 540px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}

body.home .show h1 {
  position: absolute;
  bottom: 10px;
  font-size: 44px;
	max-width: 70%;
	right: 0px;
	bottom: 10px;
	padding: 10px 10px 10px 10px;
	text-align: right;
	color: #fff;
	background-color: #000;
	line-height: 1;
	vertical-align: middle;
	}

body.home .show a {
  border: none;
}

body.home .show_info {
  min-height: 0px;
}

body.home .show_info {
  bottom: 260px;
}

body.home div strong.show_status {
  position: absolute;
  top:  10px;
  left: 0px;
  max-width: 500px;
  font-size: 24px;
  padding-bottom: 2px;
  background-color: #000;
}

body.home .show_excerpt {
  height: 180px;
  min-height: 180px;
  width: 535px;
  position: absolute;
  bottom: -180px;
  background-color: #fff;
}

body.home .show strong {
  font-size: 30px;
  letter-spacing: 1px;
  padding: 5px 5px 5px 8px;
  font-weight: normal;
  line-height: 1;
  max-width: 100%;
  color: #fff;
  text-transform: uppercase;
}

.show_excerpt span {
  font-weight: bold;
}

.excerpt {
  line-height: 1.5;
  font-size: 120%;
}

body.home .jshowoff-slidelinks{
  width: 175px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.jshowoff-slidelinks a {
	display: block;
	text-indent: -1000em;
	float: left;
	width: 165px;
	height: 100px;
	padding:5px;
	margin: 0 0 0px 0px;
	text-decoration: none;
	outline: none;
	border: 0px;
	}


.jshowoff-slidelinks a.jshowoff-active,
.jshowoff-slidelinks a.jshowoff-active:hover  {
  background-color: #DCA8B9;  
}

.jshowoff-slidelinks a:hover {
	background-color: #990033;
}


.show_all {
  text-indent: 0; !important
  color: #666;
  background: url(../images/common/show_all.png) center no-repeat;
}




/*news section*/

body.home #news {
  clear: both;
}

body.home #news li, body.home #plus {
	border-bottom: 1px solid #990033;
	margin-bottom: 20px;
	}

body.home #news li {
	border-bottom-color: #ddd;
}

body.latest #content #plus {
	border-bottom: none;
}

body.home #news li:last-child {
	border-bottom: none;
	}

body.home p.categories {
	text-align: right;
}

body.home #news li h3, body.home #plus h3  {
	border-bottom: 1px solid #ddd;
	margin-bottom: 3px;
	padding-bottom: 6px;
	}


body.home p.categories {
	font-variant: italic;
	font-size: 11px;
	}

/*plus section*/

body.home a.img_link  {
	display: block;
	float: left;
	margin: 0px 10px 1px 0px;
	border: none;
	}
	
#plus h3 {
	border-bottom: none;
	margin-bottom: 3px;
	padding-bottom: 0px;
	text-align: right;
	}

body.latest #plus h3, body.home #latest h3  {
	text-align: right;
	font-size: 18px;
	}

body.home p.more {
	text-align: right;
	font-size: 11px;
	border-top: 1px dotted #eee;
	padding: 4px 0px 8px 0px;
	margin-top: 5px;
	clear: left;
	}

/*--------------------------------------------------------------------
news pages*/


body.news_detail #content_header {
	height: 100px;
	max-height: 100px;
	position: relative;
	background-color: #000;
}

body.news_detail #content_header {
	font-size: 36px;
	text-align: right;
	}

ul#index_list img {
	float: left;
	margin: 0px 20px 20px 0px;
}


/*--------------------------------------------------------------------
show pages*/

a.see_all_link {
	position: absolute;
	top: 11px;
	right: 0px;
	color:#999;
	border: none;
	font-size: 15px;
	line-height: 0.85;
	text-align: right;
	}

a.see_all_link:hover {
	color:#990033;
	border: none;
}

p.see_all_prog {
	text-align: left;
	font-size: 11px;
	border-bottom:1px solid #990033;
	padding-bottom: 6px;
	clear: left;
}

p.see_all_prog a {
	color: #666;
}

p.see_all_prog a:hover {
	color: #990033;
}


body.shows #content_header {
	height: 115px;
	max-height: 115px;
	position: relative;
	background-color: #000;
}

body.shows #content_header h1  {
	font-size: 36px;
	text-align: right;
	}
	
#show_dates {
	display: block;
	margin-bottom: 15px;
	padding-right: 5px;

	border-bottom: 2px solid #990033;

	text-align: right;
	text-transform: uppercase;
	font-size: 22px;
	}

#fan_night {
	display: block;
	height:0px;
	width: 29px;
	padding-top: 29px;
	overflow: hidden;
	float: right;
	margin: 5px 0px 5px 5px;
	
	background:url(../images/common/fans.gif) top left no-repeat;
	border: 0px;
}

a.online_booking {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 120px;
	padding-top: 29px;
	margin: 5px;
	float: right;
	background: url(../images/common/book-online.gif) top center no-repeat;
	border: 0px;
	}

body.shows div.aside, h3#tagline {
	text-align: right;
	}
	
body.shows div.aside h3, body.shows div.aside h4 {
	text-align: left;
	clear:both;
	}
	
body.shows div.aside #signed_perf_icon {
	float: left;
	margin-right: 5px;
	}


body.show_list a.not_prog
{
	width: 46px;
	margin: -3px 0px 10px 10px;
	overflow: hidden;
	height: 0px;
	padding: 25px 0px 0px 0px;
	float: right;
	display: block;
	border-bottom: none;
}
body.show_list a.not_prog:hover {
  border-bottom: none;
}

body.show_list .ticket_agent {
	background: url(../images/common/ticket_agent_small.gif) center no-repeat;
}

body.show_list .hire {
	background: url(../images/common/venue_hire_small.gif) center no-repeat;
}

body.show_list .plus_event {
	background: url(../images/common/plus_icon_small.gif) center no-repeat;
	width: 40px;
}


body.shows div.aside a.not_prog
{
	width: 90px;
	margin: 0px 0px 10px 10px;
	overflow: hidden;
	height: 0px;
	padding: 50px 0px 0px 0px;
	float: right;
	display: block;
	border-bottom: none;
}

body.shows div.aside a.not_prog:hover {
  border-bottom: none;
}

body.shows div.aside #ticket_agent
{
	background: url(../images/common/ticket_agent.gif) center no-repeat;
}

body.shows div.aside #hire
{
	background: url(../images/common/venue_hire.gif) center no-repeat;
}
	

body.shows blockquote {
	text-align: center;
	}
	
body.shows #dates {
	font-size: 14px;
	font-weight: bold;
	}
	
body.shows #gallery {
	margin-bottom: 15px;
	}

body.shows table#date_table, body.shows div.people {
	margin-bottom: 15px;
}
	
body.shows table#date_table {
	margin-bottom: 15px;
	border-bottom: 2px solid #990033;
}

table#date_table {
	width: 100%;
	text-align: center;
	}

table#date_table td {
	padding: 5px;
}

table#date_table th {
	border-bottom: 1px solid #990033;
}

table#date_table tr.even td {
	background-color: #FBEAEF;
	}
	
body.shows div.people {
	width: 230px;
	float: left;
	}
	
body.shows div.people dt, body.shows div.people dd {
	float: left;
	padding-right: 5px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

body.shows div.people dt {
	width: 100px;
	max-width: 100px;
	clear: left;
	text-align: right;
}
body.shows div.people dd {
	width: 120px;
	max-width: 120px;
	font-weight: bold;
}
body.shows div.first {
	margin-right: 20px;
	}
	
div.faint {
	color: #999999;
}

div.message {
	position: relative;
	padding: 8px 15px;
	margin: 10px 0px 15px 0px;
	background-color: #FFF0F5;
	border: 1px solid #990033;
}

div.message h3 {
	padding-right: 115px;
}

/*--------------------------------------------------------------------
show index*/

body.list .show_header {
	border-bottom: 1px solid #990033;
	margin-bottom: 15px;
	font-size: 24px;
	text-transform: uppercase;
}

body.list #show_list .show_header h2,
body.list #current_shows .show_header h2 {
	width: 550px;
	float:left;
	font-size: 24px;
	border-bottom: none;
	margin-bottom: 0px;
}

body.list #content .subsid .show_header h2 {
	width: 100%;
	float:none;
	font-size: 24px;
	border-bottom: none;
	margin-bottom: 0px;
}


body.list .show_dates {
	float: right;
	} 

body.list #show_list img,
body.latest #main_content img {
	float: left;
	margin: 0px 15px 15px 0px;	
	}

a.more {
	font-size: 18px;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

body.list #show_list a.more, #current_shows a.more, #other_event a.more {
	float: right;
	clear: left;
	margin-top: -35px;
	margin-bottom: 15px;
	}

body.latest #content a.more {
	margin: 0px;
	float: none;
	}

body.list #content a.submore {
	float: right;
	clear: left;
	margin-top: -35px;
}

/*venue names on show pages*/

body.list .show {
	clear: left;
	}

.show h4 {
	margin: 3px 0px 10px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	text-align: right;
	}

.subsid .show h4 {
	text-align: left;
	}

body.show_list .show h4, body.show_list .show p, body.search_results .show h4, body.search_results .show h4 {
	margin-left: 240px;
	}



/*------------------------------------------------------------------
shows latest*/

body.latest #current_shows, body.latest #next_shows, body.latest #other_events {
	position:relative;
	} 

body.latest p.section_desc {
	font-style: italic;
	color:#999999;
	}

body.latest #current_shows .show h4, body.latest #current_shows .show p {
	margin-left: 370px;
	}
	
body.latest #content h2 {
	border-bottom-width: 2px;
	}

body.latest div.show {
	padding-bottom: 15px;
	margin-bottom: 15px;
	min-height: 190px;
	border-bottom: 1px solid #EEE;
	}

body.latest div.show {
	padding-bottom: 0px;
	}

body.latest img.list_image {
	float: left;
	clear: left;
	margin-right: 10px;
	}

body.latest #next_shows, body.latest #current_shows {
	clear: left;
}

body.latest #next_shows div.show {
	clear: none; /*required so that columns don't clear each other*/
}

body.latest .subsid .show p, {
	margin-left: 120px;
	}

#current_shows p.more {
	clear:none;
	}

body.latest .subsid p.more,
 {
	margin-left: 0px;
}

body.latest p.more {
	border-top:none;
	margin-top: 0px;
	}

body.latest p.more a {
	padding: 5px 5px 5px 20px;
	border: 1px solid #EEE;
	color: #333;
	display: block;
	text-transform: uppercase;
	font-size: 20px;
	text-align: right;
	background: url(../images/common/more_button_arrow.png) 5px 0px no-repeat;
}

body.latest p.more a:hover {
	border-color: #990033;
	background: #FFF2F2 url(../images/common/more_button_arrow.png) 5px -39px no-repeat;

}

body.latest .subsid h4 {
	font-size: 14px;
}

body.latest #main_content .show h3 {
	text-transform: uppercase;
	text-align: left;
	border-bottom: none;
	}

body.latest #current_shows .show h3, body.latest #current_shows .show p {
	margin-left: 370px;
	}

body.latest #next_shows div.show, body.latest #plus, body.latest #other_events {
	width: 350px;
	float: left;
	}
	
body.latest #next_shows div.first, body.latest #plus{
	margin-right: 20px;
	}
	
body.home #plus li h3 {
	border-bottom: none;
}
	

#plus_sections a:link,
#plus_sections a:visited,
#classes a:link,
#classes a:visited
 {
	border: none;
	color: #666;
	}

#plus_sections a:hover, 
#plus_sections a:active,
#classes a:hover, 
#classes a:active {
	border-bottom: 1px dotted #990033;
	color: #990033
}

ul#classes {
	margin-top: 15px;
	padding-bottom: 0px;
	}

#plus_sections img,
#classes img {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	clear: left;
	}
	
#plus_sections p,
#classes p {
	clear: none;
	}

#plus_sections li,
#classes li {
	clear: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: right;
	border-bottom: 1px solid #eeeeee;
	}

#plus_sections li:last-child,
#classes li:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.latest #plus_sections li h3, body.latest #classes li h3 {
	text-align:  left;
	text-transform: uppercase;
}

body.latest #plus_sections li img  {
	margin-bottom: 0px;
	}

#plus_sections li h3 {
	margin-left:  70px;
	text-transform: uppercase;
}

#classes li h3 {
	margin-left:  120px;
	}

/*------------------------------------------------------------------
calendar page*/
	
.calendarBG {
	background-color:#fff;
	border-collapse:collapse;
	width:720px; 
	clear:both;
	}

.calendarBlank {
	background-color:#e6e6e6
	}

thead {
	font-weight:bold; 
	color:#fff; 
	padding:3px 0 3px 0
	}

th {background-color:#903}

td{line-height:1.5;}

.calendarMonthLinks {
	text-decoration: none;
	color: #fff;
	background-color: transparent
	}

body.calendar .calendarBG .calendarMonthLinks a {
	color: #fff;
	text-decoration: none;
	background-color: #990033;
	}
 
body.calendar .calendarBG .calendarMonthLinks a:link, body.calendar .calendarBG .calendarMonthLinks a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #990033;
	}

body.calendar .calendarBG .calendarMonthLinks a:hover, body.calendar .calendarBG .calendarMonthLinks a:active {
	color: #F8EBEB;
	background-color: #59001D;
	}

.calendarDayHeading {
	font-weight:bold;
	color:#000;
	background-color:#fff;
	padding:5px;
	border-bottom:2px solid #903;
	text-align:center;
	}

.calendarToday {
	color: #000;
	background-color:#F8EBEB
	}

.calendarCell {
	text-decoration: none;
	color: #666;
	background-color: #fff;
	height:100px;
	width:111px;
	border:1px solid #ccc;
	}

div.cal_no {text-align:right; padding:2px}

div.cal_text {padding:4px; font-size: 8px;}
div.cal_text span.show_title {font-size: 12px; font-weight:bold;}


div.cal_style {padding:10px; float:right}

/*per category styles*/

	/*show types*/

	body.calendar .calendarBG a {display: block; border:none; padding: 2px; color: #333;}

	/*colour all other shows dark grey*/
	body.calendar .calendarBG a:link,
	body.calendar .calendarBG a:visited				{background-color: #F5F5F5}/*pale grey*/

	body.calendar .calendarBG a:hover,
	body.calendar .calendarBG a:active				{color: #fff;  background-color: #4D4D4D}

	/*colour code programmed main theatre and brewery theatre shows*/
	body.calendar a.tobacco_factory_theatre:link, 
	body.calendar a.tobacco_factory_theatre:visited,
	body.calendar dt.tobacco_factory_theatre			{background-color: #F4CCD8;} /*red*/
	
	body.calendar a.the_brewery:link,
	body.calendar a.the_brewery:visited,				
	body.calendar dt.drama								{background-color: #C4E3E3;} /*blue*/ 

	body.calendar a.tobacco_factory_theatre:hover,
	body.calendar a.tobacco_factory_theatre:active		{color: #fff; background-color: #990033;} /*red*/
	
	body.calendar a.the_brewery:hover,
	body.calendar a.the_brewery:active					{color: #fff; background-color: #003366;} /*blue*/ 



	/*also mark non programmed shows with star image*/
	span.not_progr {
		width: 12px;
		float: left;
		padding-top: 12px;
		background:url(../images/common/star.png) center no-repeat;
		margin-right: 3px;
		margin-top: 3px;
	 }

	/*venue types*/
	
	
	/*colour key*/
	/*
	dl#calendar_key {
	margin-top: 3px;
	padding-top: 4px;
	margin-bottom: 7px;
	padding: 0px 10px;
	}
	
	dl#calendar_key dt, dl#calendar_key dd {
	float: left;
	margin-right: 7px;
	margin-top: 4px;
	}

	dl#calendar_key dt {
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	width: 20px;
	border: 1px solid #999999;
	}
	
	div#search_filters dl#calendar_key {
	border-top: 1px solid #DDD;
	padding: 8px 0px;

	}
	
	dl#calendar_key dd {
	width: 63px;
	height: 14px;
	padding: 4px 0px;
	
	}
	*/
/*------------------------------------------------------------------
directions page*/

p.venue {
	float: left;
	width: 50%;
	padding: 5px 0px;
}

/*------------------------------------------------------------------
site search pages*/

/*required to stop search box breaking RH edge of layout. don't know why and too tired to care*/
body.site_search #search_filters {
	width: 698px;
}

body.site_search #re_site_search form {
	position: relative;
	}

#re_site_search input {
	margin: 0px 10px 10px 0px;
	}
#re_site_search input#search_keywords {
	width: 330px;
	float:left;
	padding: 3px;
	}

#re_site_search input.go {
	float: left;
	padding: 0px;
	}
	
#content form label.overlayed {
		position: absolute;
		top: 1px;
		left: 2px;
		white-space: nowrap;
		color: #999;
	}
/*------------------------------------------------------------------
classes page*/

body.classes div.content_body  {
	float: none;
	width: 720px;;
}

table#class_table th {
	padding: 6px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}

table#class_table td {
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	}

td.cl_name {
	width: 15%;
	font-weight: bold;
	font-size: 16px;
}	

td.cl_description {
	width: 30%;
}

td.cl_contact_name {
	text-align: right;
	width: 10%;
	}
	

td.cl_image {
	vertical-align: middle;
	}