/* 
========================================================================
Filename:		global.css
Date Created:	2009-07-29
Description:	Global CSS stylesheet
Site:			http://www.serious.org.uk/
Author:			Derek S. Henderson
========================================================================
*/

/* reset styles */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
	font-family: Arial, sans-serif;
}
ul {
	list-style-type: none;
}
.last {
	margin-right: 0 !important;
}


@media all {
	
	/* general layout */
	body {
		background: #fff;
		font-size: 62.5%;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
	}
	a:hover {
		text-decoration: underline;
	}
	
	#acknowledgement {
		width: 400px;
		clear: both;
		margin: 20px 0 0 0;
	}
	
	#page-wrapper {
		width: 980px;
		margin: 0 auto;
		text-align: left;
	}
	#banner,#footer,#content {
		position: relative;
		clear: both;
	}
		
	/* banner styles */
	#banner {
		position: relative;
		float: left;
		padding: 15px 30px 40px 30px;
	}
	
	#banner .social {
		position: absolute;
		top: 110px;
		left: 40px;
	}
	
	#banner .social div {
		float: left;
	}
	
	#banner h1 {
		background: transparent url(/i/logo-serious.gif) top left no-repeat;
		text-indent: -999em;
		float: left;
		width: 400px;
		height: 68px;
		overflow: hidden;
		margin-top: 5px;
		cursor: pointer;
	}
	#banner ul {
		float: left;
		width: 220px;
		margin-top: 10px;
	}
	#banner li {
		font-weight: bold;
		font-size: 1.5em;
		list-style-image: url(/i/li-arrow-grey.gif);
		margin-left: 15px;
	}
	#banner li a {
		color: #000;
	}
	#banner form {
		float: right;
		width: 300px;
		background: transparent url(/i/bg-banner-search.jpg) top left no-repeat;
	}
	#banner fieldset {
		height: 45px;
		position: relative;
		margin: 0px;
		padding: 0px;
	}
	#banner label {
		font-size: 1.5em;
		color: #333;
		width: 100px;
		line-height: 45px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 15px;
		margin: 0px;
		padding: 0px;
	}
	#banner label.submit-label {
		position: absolute;
		left: -999em;
		top: 0;
	}
	#banner input#sitesearch_q {
		width: 171px;
		height: 21px;
		background: transparent url(/i/bg-text-input.gif) center left no-repeat;
		padding: 2px;
		position: absolute;
		top: 10px;
		left: 70px;
	}
	#banner input#submit {
		position: relative;
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow.gif) top left no-repeat;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 10px;
		left: 250px;
	}
	#banner p {
		background: transparent url(/i/li-arrow-grey.gif) center left no-repeat;
		padding-left: 15px;
		margin: 5px 0 0;
		font-size: 1.3em;
	}
	#banner p a {
		color: #333;
		background: transparent url(/i/bg-envelope.gif) center right no-repeat;
		padding-right: 20px;
	}
	.crumbtrail {
		background: #c00 url(/i/bg-crumbtrail.png) top left no-repeat;
		position: relative;
		float: left;
		width: 890px;
		height: 40px;
		margin: 15px 0 15px 30px;
		padding: 0 15px;
	}
	.crumbtrail li {
		list-style-type: none;
		list-style-image: none;
		float: left;
		line-height: 40px;
		font-size: 1.4em;
		font-weight: normal;
		color: #fff;
		margin: 0 5px 0 5px;
	}
	.crumbtrail li.current {
		font-weight: bold;
	}
	.crumbtrail li a {
		color: #fff;
	}
		
	/* footer styles */
	#footer {
		background: #fff url(/i/bg-footer.jpg) top left repeat-x;
		height: 205px;
		width: 950px;
		padding: 30px 15px;
		display: block;
		float: left;
	}
	#footer ul {
		float: left;
		width: 648px;
	}
	#footer li {
		margin-bottom: 20px;
	}
	#footer li ul {
		float: left;
		width: auto;
		padding-right: 45px;
	}
	#footer li li {
		margin-bottom: 10px;
	}
	#footer li a {
		font-weight: bold;
		font-size: 1.3em;
		color: #333;
	}
	#footer div {
		float: left;
		font-size: 1.3em;
		color: #333;
		margin-bottom: 15px;
	}
	#footer div.copyright {
		margin-top: 35px;
	}
		
	/* content styles */
	#content {
		display: block;
		float: left;
		padding: 0 30px;
	}
	h2 {
		font-size: 1.8em;
		color: #000;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 1.5em;
		font-weight: bold;
		color: #333;
		margin-bottom: 5px;
	}
	p {
		font-size: 1.3em;
		color: #333;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.page ul {
		list-style-type: disc;
		font-size: 1.3em;
		color: #333;
		margin: 0 0 15px 15px;
		padding: 0;
	}
	p.intro {
		font-size: 1.5em;
	}
	a {
		color: #0075cf;
	}
	img.descr {
		float: right;
		margin: 0 0 10px 10px;
	}
	.column-full {
		float: left;
		width: 890px;
		padding: 0 15px;
	}
	.column-full h2 {
		font-size: 1.5em;
		color: #333;
	}
	.column-full ul.sitemap {
		list-style-type: disc;
		color: #333;
		margin: 0 0 15px 20px;
		padding: 0;
	}
	.column-full ul.sitemap ul {
		list-style-type: disc;
		color: #333;
		margin: 15px 0 15px 30px;
		padding: 0;
	}
	.column-full ul.sitemap li {
		margin-bottom: 10px;
	}
	.column-full ul.sitemap a {
		font-size: 1.4em;
		color: #0075cf;
	}
	.column-wide {
		display: inline;
		float: left;
		width: 665px;
	}
	.column-narrow {
		display: inline;
		float: left;
		width: 240px;
	}
	.column-with-margin {
		margin-right: 15px;
	}
	.column-alignment-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}
	.column-inner-wide {
		float: left;
		width: 445px;
		padding: 0px 10px 0 0;
		background: #fff;
	}
	.column-inner-wide dl {
		padding: 0 0 15px 15px;
	}
	.column-inner-wide dt,.column-inner-wide dd {
		font-size: 1.5em;
		color: #333;
		float: left;
	}
	.column-inner-wide dt {
		font-weight: bold;
		clear: left;
		min-width: 90px;
	}
	.column-inner-wide dd {
		width: 340px;
		margin-bottom: 5px;
	}
	.column-inner-wide dd.description {
		width: 100%;
		font-size: 1.3em;
		margin-top: 10px;
	}
	.column-inner-wide dd.description * {
		font-size: inherit;
	}
	.column-inner-wide dd.sold-out {
		text-transform: uppercase;
		font-weight: bold;
		color: #c00;
	}
	.column-inner-wide dd.sold-out span {
		text-decoration: line-through;
		text-transform: none;
		font-weight: normal;
		color: #333;
	}
	.column-inner-wide dd a {
		color: #0075cf;
	}
	.column-inner-wide dd.profile-links a {
		text-decoration: underline;
	}
	.column-inner-wide div.more {
		border: 1px dotted #adadad;
		padding: 15px 15px 0;
	}
	.column-inner-wide div.more h2 {
		margin-bottom: 10px;
	}
	.column-inner-wide ul {
		list-style-type: disc;
		font-size: 1.3em;
		color: #333;
		margin: 0 0 15px 15px;
		padding: 0;
	}
	.column-inner-narrow {
		float: left;
		background: #333;
	}
	.homepage {
		background: transparent;
	}
	.column-inner-narrow div {
		width: 180px;
		padding: 15px;
		border-top: 1px solid #fff;
		color: #fff;
	}
	.column-inner-narrow div.player {
		width: 210px;
		padding: 0;
	}
	.column-inner-narrow div h2 {
		color: #fff;
		font-size: 2.2em;
		font-weight: bold;
	}
	.column-inner-narrow div li {
		margin-bottom: 10px;
	}
	.column-inner-narrow div.more li {
		list-style-image: url(/i/li-arrow-white-grey-matte.gif);
		font-size: 1.3em;
		margin-left: 16px;
	}
	.column-inner-narrow div.sponsorlist li {
		margin-bottom: 20px;
	}
	.column-inner-narrow div a {
		color: #fff;
	}
	.details {
		font-weight: bold;
	}
	.details span {
		display: block;
		font-weight: normal;
		font-style: italic;
	}
		
	/* module styles */
	.module-top-wrapper {
		float: left;
		padding-top: 5px;
		margin-bottom: 15px;
	}
	.column-wide .module-top-wrapper {
		background: transparent url(/i/bg-box-top-wide.gif) top left no-repeat;
	}
	.column-narrow .module-top-wrapper {
		background: transparent url(/i/bg-box-top-narrow.gif) top left no-repeat;
	}
	.module-bottom-wrapper {
		float: left;
		padding-bottom: 5px;
	}
	.column-wide .module-bottom-wrapper {
		background: transparent url(/i/bg-box-bottom-wide.gif) bottom left no-repeat;
	}
	.column-narrow .module-bottom-wrapper {
		background: transparent url(/i/bg-box-bottom-narrow.gif) bottom left no-repeat;
	}
	.module {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		float: left;
		padding: 5px 15px;
	}
	.column-wide .module {
		width: 633px;
	}
	.column-narrow .module {
		width: 208px;
	}
	.module .column-inner-wide {
		width: 380px;
		padding-right: 0;
		background: transparent;
	}
	.module .column-inner-narrow {
		width: 238px;
	}
	.module h2 {
		font-size: 2.2em;
		color: #333;
	}
	.column-narrow .module h2 {
		font-size: 2.8em;
		font-family: Futura, Helvetica, Arial, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: -1px;
		color: #000;
		margin-bottom: 5px;
	}
	.column-narrow .module h2 span {
		font-size: .6em;
		display: block;
	}
	.module p {
		color: #333;
		font-size: 1.5em;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	.module li {
		font-size: 1.5em;
		font-weight: bold;
		list-style-image: url(/i/li-arrow-grey.gif);
		margin: 0 0 5px 15px;
		clear: both;
	}
	.module li a {
		color: #333;
	}
		
	/* page nav styles */
	.page-nav li {
		list-style-image: none;
		margin: 0 -15px;
		background: transparent url(/i/border-dotted-grey.gif) bottom left repeat-x;
		color: #000;
	}
	.page-nav li.last {
		background: none;
		margin-right: -15px !important;
	}
	.page-nav li a {
		display: block;
		padding: 10px 35px 10px 15px;
		background: transparent url(/i/bg-arrow-white-grey-disc.gif) 205px 10px no-repeat;
	}
	.page-nav li.current span {
		color: #000;
		display: block;
		padding: 10px 35px 10px 15px;
		background: transparent url(/i/bg-arrow-white-black-disc.gif) 205px 10px no-repeat;
	}
	.page-nav li.current ul {
		padding-bottom: 10px;
	}
	.page-nav li.current li {
		background: none;
		margin: 0 0 0 32px;
		font-size: .85em;
		list-style-image: url(/i/li-arrow-grey.gif);
	}
	.page-nav li.current li a {
		background: none;
		color: #333;
		padding: 5px;
	}
	.page-nav li.parent a {
		color: #000;
		background-image: url(/i/bg-arrow-white-down-black-disc.gif);
	}
	.page-nav li.parent ul {
		padding-bottom: 10px;
	}
	.page-nav li.parent li {
		background: none;
		margin: 0 0 0 32px;
		font-size: .85em;
		list-style-image: url(/i/li-arrow-grey.gif);
	}
	.page-nav li.parent li.current {
		list-style-image: url(/i/li-arrow-black.gif);
	}
	.page-nav li.parent li.current span {
		padding-left: 5px;
		background: none;
	}
	.page-nav li.parent li.current li {
		list-style-image: url(/i/li-hyphen.gif);
		font-size: 1em;
		margin-left: 20px;
	}
	.page-nav li.parent li a {
		background: none;
		color: #333;
		padding: 5px;
	}
	.page-nav li.parent li.parent {
		list-style-image: url(/i/li-arrow-black-down.gif);
	}
	.page-nav li.parent li.parent a {
		color: #000;
	}
		
	/* about category styles */
	.about-category {
		float: left;
		width: 155px;
		margin: 0 11px 15px 0;
	}
	.about-category img {
		width: 155px;
		height: 170px;
		border-bottom: 15px solid;
		margin-bottom: 10px;
	}
	.about-category h3 {
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	.about-category li {
		font-size: 1.3em;
		list-style-image: url(/i/li-arrow-grey.gif);
		margin: 0 0 5px 30px;
	}
	.about-category a {
		color: #333;
	}
		
	/* event search styles */
	.event-search fieldset {
		background: transparent url(/i/border-dotted-grey.gif) top left repeat-x;
		padding: 10px 15px 0;
		margin: 0 -15px;
	}
	.event-search fieldset.keywords {
		background: none;
	}
	fieldset.narrow {
		background: none;
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	.event-search h3 {
		font-size: 1.5em;
		color: #000;
		margin-bottom: 10px;
	}
	.event-search label {
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
		margin-bottom: 10px;
		display: block;
	}
	.event-search .keywords label {
		font-size: 1.5em;
	}
	.event-search input, .event-search select {
		border: 1px solid #cecece;
		font-size: .9em;
	}
	.event-search input {
		padding: 2px;
	}
	.event-search .keywords input {
		margin-bottom: 10px;
		font-size: 1.2em;
	}
	.event-search option {
		padding-right: 2px;
	}
	.or {
		background: transparent url(/i/bg-or.gif) center center no-repeat;
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
		text-align: center;
		padding: 5px 0 10px;
	}
	.event-search label.label-submit-events {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
	}
	.event-search #submit-events {
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		width: 24px;
		height: 24px;
	}
	#search_q, #region_id {
		width: 100%;
	}
	#search_dist {
		width: 50px;
	}
	#search_postcode {
		width: 85px;
	}
	#search_quick_date_range {
		width: 125px;
	}
	#search_after_day, #search_before_day {
		width: 43px;
	}
	#search_after_month, #search_before_month {
		width: 44px;
	}
	#search_after_year, #search_before_year {
		width: 65px;
	}
		
	/* events listings styles */
	.listings h2 {
		background: transparent url(/i/bg-h2-listings.jpg) top left no-repeat;
		width: 635px;
		height: 40px;
		line-height: 40px;
		float: left;
		padding: 0 15px;
	}
	.listings h3 {
		font-size: 1.8em;
		margin-bottom: 0;
		color: #000;
	}
	.listings li {
		float: left;
		padding-bottom: 15px;
		margin-bottom: 15px;
		background: transparent url(/i/border-dotted-grey.gif) bottom left repeat-x;
	}
	.listings li.last {
		background: none;
		padding-bottom: 0;
	}
	.listings img {
		float: left;
		width: 100px;
		height: 100px;
	}
	.listings div {
		float: left;
		height: 70px;
		padding: 5px 15px;
		width: 500px;
	}
	.listings .full {
		float: none;
	}
	.listings .descr p {
		float: none;
		margin-bottom: 10px;
	}
	.listings div p,.listings div ul {
		margin-bottom: 0;
		float: left;
	}
	.listings .details {
		width: 420px;
		margin-top: 8px;
	}
	.listings .full p {
		width: 875px;
	}
	.listings div ul {
		margin-top: 8px;
	}
	.listings div li {
		list-style-image: url(/i/li-arrow-grey.gif);
		font-size: 1.3em;
		color: #333;
		background: none;
		float: none;
		margin: 0;
		padding: 0;
	}
	.listings div li a {
		color: #333;
	}
		
	/* events links styles */
	.events-links h3 {
		color: #000;
		font-size: 1.8em;
		font-weight: normal;
		background: transparent url(/i/border-dotted-grey.gif) top left repeat-x;
		margin: 0 -15px 0 0;
		padding: 15px 0;
	}
	.column-narrow .events-links h3 {
		margin-left: -15px;
		padding-left: 15px;
	}
	.events-links li {
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.2;
		margin: 0 -15px 0 0;
		background: transparent url(/i/border-dotted-grey.gif) top left repeat-x;
		list-style: none;
	}
	.column-narrow .events-links li {
		margin-left: -15px;
		padding-left: 15px;
	}
	.events-links li a {
		color: #000;
		display: block;
		padding: 15px 35px 15px 0;
		background: transparent url(/i/bg-arrow-white-grey-disc.gif) 220px 15px no-repeat;
	}
	.column-narrow .events-links li a {
		background-position: 190px 15px;
		padding-top: 0;
	}
	.homepage .events-links li a {
		padding-top: 0;
	}
	.events-links li a.see-all {
		color: #333;
		font-size: 1.15em;
		font-weight: bold;
		margin-bottom: -10px;
	}
	.events-links li a span {
		font-size: 1.3em;
		line-height: 1.3;
		font-weight: bold;
		display: block;
	}
	.events-links p.date-no-link {
		padding-top: 15px;
		margin: 0;
		font-size: 1em;
		line-height: 1em;
	}
		
	/* hero styles */
	.hero {
		float: left;
		margin-bottom: 10px;
	}
	.profile .hero {
		margin-bottom: 1px;
	}
	.hero img {
		display: block;
		width: 920px;
		height: 275px;
	}
	.column-wide .hero img {
		width: 665px;
		height: 225px;
	}
	.hero div {
		height: 45px;
		padding: 15px;
		display: block;		
	}
	.home .hero div {
		width: 890px;
	}
	.hero .home div {
		height: 0px;
		padding: 0px;
	}
	.hero div p, .hero div ul {
		font-size: 1.5em;
		color: #fff;
		line-height: 1;
		margin-bottom: 0;
		float: left;
	}
	.hero h2 {
		font-size: 2.2em;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		float: left;
		width: 500px;
		margin-bottom: 5px;
	}
	.column-wide .hero h2 {
		width: 345px;
		padding-right: 10px;
	}
	.column-wide .hero h2.detail {
		width: 600px;
	}
	.hero .details {
		width: 285px;
		margin-top: 8px;
		float: left;
	}
	.column-wide .hero .details {
		width: 140px;
		margin-top: 4px;
	}
	.hero div ul {
		margin-top: 8px;
		float: left;
	}
	.column-wide .hero div ul {
		margin-top: 4px;
		padding-left: 20px;
	}
	.hero div li {
		list-style-image: url(/i/li-arrow-white.png);
	}
	.hero a {
		color: #fff;
	}
	.hero .navigation {
		height: 1%;
		overflow: auto;
		width: 920px;
	}
	.hero .navigation li {
		float: left;
		width: 152px;
		height: 75px;
		background: url(/i/bg-tab-shadow.png) top left repeat-x;
		font-weight: bold;
		font-size: 1.5em;
		color: #fff;
	}
	.hero .navigation li.current {
		padding: 12px 18px;
		height: 56px;
		width: 124px;
		background-image: none;
	}
	.hero .navigation li a {
		padding: 12px 18px;
		display: block;
		height: 51px;
		color: #fff;
	}
	.hero .navigation li.current a {
		padding: 0;
	}
	.image-wrapper {
		position: relative;
		display: block;
		margin-bottom: 15px;
	}
	.home .hero .image-wrapper {
		width: 920px;
		margin-bottom: 0px;
	}
	.image-wrapper .image-caption {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 5px;
		background: transparent url('/i/bg-image-caption.png') repeat;
		font-size: 1.3em;
		font-weight: normal;
		color: #fff;
	}
	
	/* image gallery styles */
	.image-gallery {
		float: left;
		margin-bottom: 1px;
	}
	.image-gallery h2 {
		text-indent: -999em;
		height: 0;
		margin: 0;
	}
	.image-gallery h3 {
		font-size: 1.8em;
		font-weight: bold;
		color: #fff;
		margin-bottom: 5px;
	}
	.image-gallery img {
		display: block;
		width: 665px;
		height: 225px;
	}
	.image-gallery div {
		height: 45px;
		padding: 15px;
	}
	.image-gallery p {
		font-size: 1.5em;
		color: #fff;
		line-height: 1;
		margin-bottom: 0;
		float: left;
	}
	.image-gallery div.gallery-nav {
		background: transparent url(/i/bg-gallery.gif) top left no-repeat;
		padding: 10px 15px;
		float: left;
		width: 635px;
		height: auto;
	}
	.gallery-nav h2 {
		text-indent: 0;
		height: auto;
		margin: 0 15px 0 0;
		font-size: 1.8em;
		font-weight: bold;
		color: #000;
		line-height: 1;
		float: left;
	}
	.gallery-nav ul {
		float: left;
	}
	.gallery-nav li {
		float: left;
		margin-right: 15px;
	}
	.gallery-nav img {
		display: inline;
		width: 20px;
		height: 20px;
	}
		
	/* featured event styles */
	.featured-event {
		font-size: 1.3em;
		margin-bottom: 10px;
		float: left;
	}
	.featured-event img {
		float: left;
		width: 140px;
		height: 140px;
	}
	.featured-event a {
		float: left;
		width: 154px;
		height: 118px;
		padding: 11px 33px 11px 13px;
		background: transparent url(/i/bg-feat-event.png) top right no-repeat;
		color: #fff;
	}
	.featured-event a.image {
		float: left;
		width: 140px;
		height: 140px;
		margin: 0;
		padding: 0;
		background: none;
		color: #fff;
	}
	.featured-event a span {
		font-size: 1.3em;
		line-height: 1.3;
		font-weight: bold;
		display: block;
	}
		
	/* featured links styles */
	.featured-links {
		float: left;
		width: 920px;
		margin: 30px 0;
	}
	.featured-links li {
		float: left;
		margin-right: 10px;
		font-size: 1.5em;
	}
	.featured-links img {
		float: left;
		width: 100px;
		height: 100px;
	}
	.featured-links a {
		float: left;
		width: 154px;
		height: 78px;
		padding: 11px 33px 11px 13px;
		background: url(/i/bg-feat-link.png) top right no-repeat;
		color: #fff;
	}
	.featured-links a.image {
		float: left;
		width: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
		background: none;
		color: #fff;
	}
	.featured-links a span {
		font-size: 1.5em;
		margin-top: 5px;
		font-weight: normal;
		display: block;
	}
		
	/* artists listings styles */
	.artists h2 {
		background: transparent url(/i/bg-h2-listings.jpg) top left no-repeat;
		width: 635px;
		height: 40px;
		line-height: 40px;
		float: left;
		padding: 0 15px;
	}
	.artists h3 {
		font-size: 1.8em;
		margin-bottom: 0;
		color: #000;
	}
	.artists li {
		float: left;
		padding-bottom: 15px;
		margin-bottom: 15px;
		background: transparent url(/i/border-dotted-grey.gif) bottom left repeat-x;
	}
	.artists li.bottom {
		background: none;
		padding-bottom: 0;
	}
	.artists img {
		float: left;
		width: 100px;
		height: 100px;
	}
	.artists div {
		float: left;
		width: 200px;
		height: 70px;
		padding: 5px 15px;
	}
	.artists div ul {
		margin: 8px 16px 0;
		float: left;
	}
	.artists div li {
		list-style-image: url(/i/li-arrow-grey.gif);
		font-size: 1.3em;
		color: #333;
		background: none;
		float: none;
		margin: 0;
		padding: 0;
	}
	.artists div li a {
		color: #333;
	}
		
	/* artist spotlight styles */
	.spotlight h2 {
		background: transparent url(/i/bg-h2-listings.jpg) top left no-repeat;
		width: 635px;
		height: 40px;
		line-height: 40px;
		float: left;
		padding: 0 15px;
	}
	.spotlight p {
		margin: 0 15px 15px;
		clear: both;
	}
	.spotlight .spot {
		background: none;
		width: 325px;
		margin-right: 15px;
	}
	.spotlight .spot img {
		width: 325px;
		height: 170px;
	}
	.spotlight .spot a {
		background-position: 292px 12px;
		width: 305px;
		height: 65px;
	}
	.spotlight .spot a span {
		margin: 0;
	}
		
	/* artist search styles */
	.find-artist h2 {
		font-size: 1.8em;
	}
	.find-artist label {
		display: block;
		margin-bottom: 15px;
		font-size: 1.5em;
		font-weight: bold;
	}
	.find-artist button {
		font-size: 1.5em;
		color: #333;
		background: none;
		float: left;
		margin: 0 5px 15px 0;
	}
	.find-artist button:hover {
		cursor: pointer;
	}
	.find-artist button.current {
		background: #c00;
		color: #fff;
	}
		
	/* recommendations styles */
	.column-inner-wide .recommendations h2 {
		background: transparent url(/i/bg-h2-recommendations.jpg) center left no-repeat;
		width: 410px;
		height: 40px;
		line-height: 40px;
		float: left;
		padding: 0 15px;
	}
	.column-inner-wide .recommendations ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.column-inner-wide .recommendations h3 {
		font-size: 1.4em;
		margin-bottom: 0;
	}
	.column-inner-wide .recommendations li {
		float: left;
		padding: 0 0 15px 15px;
		margin-bottom: 15px;
		background: transparent url(/i/border-dotted-grey.gif) bottom left repeat-x;
	}
	.column-inner-wide .recommendations li.last {
		background: none;
		padding-bottom: 0;
	}
	.column-inner-wide .recommendations img {
		float: left;
		width: 100px;
		height: 100px;
	}
	.column-inner-wide .recommendations div {
		float: left;
		width: 300px;
		height: 70px;
		padding: 5px 15px;
	}
	.column-inner-wide .recommendations div ul {
		float: left;
		margin: 8px 0 0;
	}
	.column-inner-wide .recommendations div li {
		list-style-image: url(/i/li-arrow-grey.gif);
		font-size: 1.3em;
		color: #333;
		background: none;
		float: none;
		margin: 0 0 0 15px;
		padding: 0;
	}
	.column-inner-wide .recommendations div li a {
		color: #333;
		font-size: 0.7em;
	}
		
	/* audio player styles */
	.player {
		width: 210px;
		/* height: 170px; */
		line-height: 170px;
		background: #ccc;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 1.8em;
	}
		
	/* tag cloud styles */
	.tag-cloud li {
		float: left;
		font-size: 1.3em;
		font-weight: normal;
		margin-right: 4px;
	}
	.tag-cloud a {
		text-decoration: underline;
	}
		
	/* pagination styles */
	.pagination {
		border-top: 1px solid #999;
		padding: 15px 0;
		margin-bottom: 10px;
		float: left;
		width: 665px;
		position: relative;
		text-align: center;
	}
	.pagination .prev-page,.pagination .next-page {
		color: #333;
		font-size: 1.5em;
		font-weight: bold;
	}
	.pagination .prev-page {
		position: absolute;
		left: 0;
		top: 15px;
	}
	.pagination .prev-page a {
		background: transparent url(/i/bg-arrow-white-left-grey-disc.gif) center left no-repeat;
		padding-left: 30px;
	}
	.pagination .next-page {
		position: absolute;
		right: 0;
		top: 15px;
	}
	.pagination .next-page a {
		background: transparent url(/i/bg-arrow-white-grey-disc.gif) center right no-repeat;
		padding-right: 30px;
	}
	.pagination h2 {
		display: inline;
		color: #333;
		font-size: 1.5em;
		font-weight: normal;
		margin: 0 5px 0 0;
	}
	.pagination ol {
		display: inline;
	}
	.pagination li {
		display: inline;
		color: #333;
		font-size: 1.5em;
		list-style-type: none;
		margin-right: 5px;
	}
	.pagination li:after {
		content: '|';
		margin-left: 5px;
		font-weight: normal;
	}
	.pagination li.last:after {
		content: '';
	}
	.pagination a {
		color: #333;
	}
	.pagination .current {
		font-weight: bold;
	}
		
	/* subscribe styles */
	.subscribe {
		float: right;
		margin-top: -38px;
	}
	.subscribe li {
		float: left;
		font-size: 1.8em;
		margin-left: 30px;
	}
	.subscribe li a {
		color: #000;
	}
	.subscribe li img {
		vertical-align: middle;
	}
		
	/* spot styles */
	.spot {
		float: left;
		background: url(/i/bg-spot.png) bottom left no-repeat;
		margin-bottom: 15px;
	}
	.spot img {
		width: 240px;
		height: 81px;
	}
	.spot a {
		float: left;
		width: 220px;
		min-height: 76px;
		padding: 5px 10px;
		margin-bottom: 5px;
		background: url(/i/bg-arrow-transp-white-disc.png) 210px 5px no-repeat;
		color: #fff;
		font-size: 1.3em;
	}
	.spot a.image {
		float: left;
		width: 220px;
		min-height: 76px;
		padding: 0px;
		margin-bottom: 0px;
		background: none;
		color: #fff;
		font-size: 1.3em;
	}
	.spot a span {
		font-size: 1.65em;
		line-height: 1.2em;
		margin: 10px 0px;
		font-weight: normal;
		display: block;
	}
		
	/* serious network styles */
	.serious-network {
		display: inline;
		float: left;
		width: 920px;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 13px 0;
		margin: 15px 0 15px 30px;
	}
	.serious-network h2 {
		text-indent: -999em;
		background: transparent url(/i/h2-serious-on.gif) center left no-repeat;
		width: 104px;
		height: 35px;
	}
	.serious-network h2,.serious-network li {
		float: left;
		margin: 0 11px 0 0;
		color: #333;
		font-size: 1.3em;
	}
	.serious-network li a {
		color: #333;
	}
	.serious-network img {
		vertical-align: top;
	}
		
	/* share this styles */
	.share-this {
		float: left;
		width: 858px;
		border: 1px solid #ccc;
		background: #fff;
		padding: 6px 30px;
		margin: 0 0 15px 30px;
		display: inline;
	}
	.column-wide .share-this {
		width: 515px;
	}
	.share-this h2,.share-this li {
		float: left;
		margin: 0 30px 0 0;
		color: #333;
		font-size: 1.3em;
	}
	.share-this li a {
		color: #333;
	}
	.share-this img {
		vertical-align: top;
		margin: 0 !important;
	}
		
	/* category-based background colors */
	.whats-on {
		background-color: #0075cf !important;
		border-color: #0075cf !important;
	}
	.creative-producers {
		background-color: #b21a4d !important;
		border-color: #b21a4d !important;
	}
	.management-publishing-touring {
		background-color: #8d00cf !important;
		border-color: #8d00cf !important;
	}
	.partnership-sponsorship {
		background-color: #008710 !important;
		border-color: #008710 !important;
	}
	.learning-participation {
		background-color: #cf4900 !important;
		border-color: #cf4900 !important;
	}
	.london-jazz-festival {
		background-color: #cf00af !important;
		border-color: #cf00af !important;
	}
	.artist {
		background-color: #c00 !important;
		border-color: #c00 !important;
	}
		
	/* tell-a-friend styles */
	.tell-a-friend {
		margin-bottom: 15px;
	}
	.tell-a-friend label {
		float: left;
		clear: left;
		width: 140px;
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
	}
	.tell-a-friend label.label-send-mssg {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
		width: auto;
		margin-right: 15px;
	}
	.tell-a-friend input, .tell-a-friend select {
		float: left;
		width: 190px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
	}
	.tell-a-friend textarea {
		float: left;
		width: 490px;
		height: 95px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
		margin-bottom: 15px;
	}
	.tell-a-friend #send-mssg {
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		float: right;
		margin-right: 30px;
		width: 24px;
		height: 24px;
	}
	.confirmation {
		background: transparent url(/i/bg-confirmation.gif) top left no-repeat;
		width: 635px;
		height: 70px;
		border-bottom: 1px dotted #999;
		margin-bottom: 15px;
		padding: 15px;
	}
	.confirmation h2 {
		color: #fff;
		margin-bottom: 10px;
	}
	.confirmation p, .confirmation ul {
		color: #fff;
		font-size: 1.5em;
	}
	.error_message {
		border-bottom: 1px dotted #999;
		margin-bottom: 15px;
		padding: 15px;
		font-size: 1.3em;
	}
		
	/* mailing list styles */
	.join-mailling-list {
		margin-bottom: 15px;
	}
	.join-mailling-list p {
		font-weight: bold;
		clear: both;
	}
	.join-mailling-list h3 {
		font-size: 1.3em;
		margin-bottom: 15px;
	}
	.join-mailling-list fieldset {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #999;
	}
	.join-mailling-list fieldset.last {
		border: none;
	}
	.join-mailling-list label {
		float: left;
		clear: left;
		padding-right: 15px;
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
	}

	.join-mailling-list .label-info {
		width: 600px;
		float: left;
		padding-right: 15px;
		font-size: 1.3em;
		color: #000;
	}
	
	.join-mailling-list .label-info p {
		font-size: 1em;
		font-weight: normal;
	}
	
	.join-mailling-list span {
		font-weight: bold;
	}

	.join-mailling-list label.label-send-mssg {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
		width: auto;
	}
	.join-mailling-list label span {
		font-weight: normal;
	}
	.join-mailling-list input {
		float: left;
		padding: 2px;
		margin: 0 15px 15px 0;
		border: 1px solid #cecece;
	}
	.join-mailling-list input.checkbox {
		border: none;
	}
	.join-mailling-list textarea {
		float: left;
		width: 490px;
		height: 95px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
		margin-bottom: 15px;
	}
	.join-mailling-list #send-mssg {
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		float: right;
		margin-right: 30px;
		width: 24px;
		height: 24px;
	}
	.thanks p span {
		font-weight: bold;
	}
	.thanks li {
		list-style-type: disc;
		margin: 15px;
		font-size: 1.3em;
	}
	.redirect {
		font-weight: bold;
		font-size: 1.8em;
		color: #000;
		text-align: center;
		width: 665px;
		height: 55px;
		line-height: 55px;
		margin: 45px 115px;
		background: transparent url(/i/bg-redirect.gif) center center no-repeat;
	}
		
	/* blog styles */
	.blog {
		background: #fff url(/i/bg-crumbtrail.gif) top left no-repeat;
	}
	.blog li, .blog li a {
		color: #000;
	}
	.blog li .blog-home {
		font-size: 1.6em;
		font-weight: normal;
		line-height: 1;
		margin-top: 7px;
	}
	.blog .last-updated {
		float: left;
		background: none;
		margin: 0 0 0 15px;
		padding: 0;
		line-height: 40px;
	}
	.blog .rss {
		float: right;
		background: none;
		margin: 0;
		padding: 0;
		line-height: 40px;
		font-size: 1.8em;
	}
	.blog .rss a {
		background: none;
		color: #000;
	}
	.blog .rss a img {
		vertical-align: middle;
	}
	.blog h2 {
		font-size: 1.5em;
	}
	.blog .share-this h2 {
		font-size: 1.3em;
	}
	.last-updated {
		font-size: 1.3em;
		color: #333;
		margin-bottom: 15px;
		float: none;
	}
	.blog-post {
		width: 100%;
		float: left;
		margin-bottom: 15px;
		border-bottom: 1px dotted #999;
	}
	#home .blog-post {
		border: none;
	}
	.blog-post ul {
		list-style-type: disc;
		font-size: 1.3em;
		color: #333;
		margin: 0 0 15px 15px;
		padding: 0;
	}
	.blog-post.last {
		border-bottom: none;
	}
	.blog-post img {
		margin-bottom: 0px;
	}
	.blog-post dl {
		float: left;
		width: 100%;
	}
	.blog-post dt {
		color: #333;
		font-size: 1.3em;
		font-weight: bold;
		float: left;
		clear: left;
		margin-right: 5px;
	}
	.blog-post dd {
		color: #333;
		font-size: 1.3em;
		font-weight: bold;
		float: left;
		margin-bottom: 15px;
	}
	.blog-post dd a {
		text-decoration: underline;
	}
	.blog-post .comments {
		font-size: 1.3em;
		padding-left: 15px;
		border: none;
		list-style-image: url(/i/li-arrow-grey.gif);
		float: none;
	}
	.blog-post .comments a {
		color: #333;
	}
	.comments {
		float: left;
		margin-bottom: 15px;
		border-bottom: 1px dotted #999;
	}
	.comments .blockquote_wrapper {
		background: transparent url(/i/bg-comment-bubble-top.gif) top left no-repeat;
		margin: -10px 0px 10px -20px;
		padding-top: 15px;
		width: 664px;
	}
	.comments blockquote {
		background: transparent url(/i/bg-comment-bubble-bot.gif) bottom left no-repeat;
		padding-bottom: 9px;
		margin: 0;
		width: 664px;
	}
	.comments blockquote p {
		padding: 10px 20px 4px 20px;
		margin: 0;
		background-color: #f0f0f0;
	}
	.comments p span {
		font-weight: bold;
	}
	.comments p.timestamp {
		color: #999;
	}
	.post-comment p.required {
		font-weight: bold;
	}
	.post-comment label {
		float: left;
		clear: left;
		width: 140px;
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
	}
	.post-comment label.label-send-mssg {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
		width: auto;
		margin-right: 30px;
		clear: none;
	}
	.post-comment label.label-remember-details {
		font-size: 1.5em;
		float: left;
		width: auto;
		margin: 0 0 0 140px;
		clear: none;
	}
	.post-comment input {
		width: 190px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
	}
	.post-comment textarea {
		width: 490px;
		height: 95px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
		margin-bottom: 15px;
	}
	.post-comment #send-mssg {
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		float: none;
		width: 24px;
		height: 24px;
	}
	.post-comment #comment_remember_details {
		width: auto;
		margin-right: 10px;
		border: none;
	}
		
	/* blog links styles */
	.column-narrow .blog-links h2 span {
		font-size: .45em;
		text-transform: none;
		letter-spacing: 0;
	}
	.blog-links .last-updated {
		font-size: 1.3em;
		color: #333;
		margin-bottom: 15px;
		float: none;
	}
	.blog-links li {
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.2;
		margin: 0 -15px;
		padding-left: 15px;
		background: transparent url(/i/border-dotted-grey.gif) top left repeat-x;
		list-style: none;
	}
	.blog-links li a {
		color: #000;
		display: block;
		padding: 15px 35px 15px 0;
		background: transparent url(/i/bg-arrow-white-grey-disc.gif) 190px 15px no-repeat;
	}
	.blog-links li a.see-all {
		color: #333;
		font-size: 1.0em;
		font-weight: bold;
		margin-bottom: -10px;
	}
	.blog-links li a span {
		font-size: 1.3em;
		line-height: 1.3;
		font-weight: bold;
		display: block;
	}
		
	/* search results styles */
	.search-results .crumbtrail {
		background: #fff url(/i/bg-crumbtrail.gif) top left no-repeat;
	}
	.search-results .crumbtrail li,.search-results .crumbtrail li a {
		color: #000;
	}
	.search-results .column-full {
		padding: 0;
	}
	.search-results .search-results-nav {
		float: left;
		width: 920px;
		height: 55px;
		background: transparent url(/i/bg-box-top-search-results.gif) bottom left no-repeat;
	}
	.search-results .one-tab {
		background: transparent url(/i/bg-box-top-one-tab-search-results.gif) bottom left no-repeat;
	}
	.search-results .search-results-nav li {
		float: left;
		width: 230px;
		height: 18px;
		padding: 15px;
		background: transparent url(/i/bg-tab-search-results-grad.gif) top left no-repeat;
		font-size: 1.8em;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		color: #333;
	}
	.search-results .search-results-nav li.current {
		background: transparent url(/i/bg-tab-search-results.gif) top left no-repeat;
		border: none;
	}
	.search-results .search-results-nav li a {
		color: #333;
	}
	.search-results .search-results-wrapper {
		float: left;
		width: 920px;
		background: transparent url(/i/bg-box-bottom-full.gif) bottom center no-repeat;
	}
	.search-results .search-results-wrapper .listings {
		border: 1px solid #ccc;
		border-top: none;
		float: left;
		width: 888px;
		padding: 15px 15px 0 15px;
	}
	.search-results .search-results-wrapper .listings li {
		margin: 0 -15px 15px;
		padding: 0 15px 15px;
		width: 888px;
	}
	.search-results .search-results-wrapper .listings div li {
		margin: 0;
		padding: 0;
		width: auto;
	}
	.search-results .search-results-wrapper .pagination {
		border: 1px solid #ccc;
		border-top: none;
		border-bottom: none;
		width: 888px;
		padding: 15px;
	}
	.search-results .search-results-wrapper .pagination .prev-page {
		left: 15px;
	}
	.search-results .search-results-wrapper .pagination .next-page {
		right: 15px;
	}
	.search-results .listings h2,.search-results .search h2 {
		text-indent: -999em;
		width: 0;
		height: 0;
		margin: 0;
		float: none;
	}
	.search-results .listings h3 {
		background: none;
		padding: 0;
	}
	.search-results .events h3 {
		margin-bottom: 15px;
	}
	.search-results .listings h4 {
		font-size: 1.8em;
		margin-bottom: 0;
		color: #000;
	}
	.post-comment {
		float: left;
		padding-right: 15px;
	}
	.post-comment label {
		float: left;
		clear: left;
		width: 140px;
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
	}
	.post-comment label.label-send-mssg {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
		width: auto;
		margin-right: 15px;
		clear: none;
	}
	.post-comment label.label-remember-details {
		font-size: 1.5em;
		float: left;
		width: auto;
		margin: 0 0 0 140px;
		clear: none;
	}
	.post-comment input {
		width: 190px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
	}
	.post-comment textarea {
		width: 490px;
		height: 95px;
		padding: 2px;
		margin-bottom: 15px;
		border: 1px solid #cecece;
		margin-bottom: 15px;
	}
	.post-comment #send-mssg {
		text-indent: -999em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		float: right;
		margin-right: 30px;
		width: 24px;
		height: 24px;
	}
		
	/* search-results search styles */
	.search-results-wrapper form {
		float: left;
		width: 888px;
		padding: 15px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.events-filter {
		background: #f5f5f5 url(/i/bg-events-filter.gif) bottom left no-repeat;
		float: left;
		width: 890px;
		border-top: 1px solid #fff;
		position: relative;
	}
	.events-filter fieldset {
		/*display: none;*/
	}
	.events-filter h3 {
		font-weight: bold;
		font-size: 1.5em;
		color: #333;
		margin: 15px;
	}
	.events-filter h3 a {
		background: transparent url(/i/arrow-black-down.png) center right no-repeat;
		padding-right: 14px;
		color: #333;
	}
	.active h3 a {
		background-image: url(/i/arrow-black-up.png);
	}
	.active fieldset {
		display: block;
	}
	.search fieldset {
		padding: 10px 15px 0;
		width: 215px;
		float: left;
		margin-right: 50px;
	}
	.search fieldset.keywords {
		background: #ebebeb url(/i/bg-listings-search.gif) top left repeat-x;
		float: left;
		width: 860px;
	}
	.search fieldset.keywords #search_q {
		float: left;
		width: 370px;
		margin-right: 15px;
	}
	.search h4 {
		font-size: 1.5em;
		color: #000;
		margin-bottom: 10px;
	}
	.search label {
		font-size: 1.3em;
		font-weight: bold;
		color: #000;
		margin-bottom: 10px;
		display: block;
	}
	.search .keywords label {
		float: left;
		text-indent: -999em;
		margin: 0;
	}
	.search input,.search select {
		border: 1px solid #cecece;
		font-size: .9em;
	}
	.search input {
		padding: 2px;
	}
	.search .keywords input {
		margin-bottom: 10px;
		font-size: 1.2em;
	}
	.search #region {
		width: 155px;
	}
	.search option {
		padding-right: 2px;
	}
	.search label.label-submit-events {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		float: right;
	}
	.search label.label-submit-keywords {
		font-size: 1.8em;
		font-weight: bold;
		color: #333;
		text-indent: 0;
	}
	.search .submit-events {
		position: absolute;
		bottom: 0;
		right: 0px;
		padding-right: 200px;
		width: 100px;
	}
	.search #submit-events,.search #submit-keywords {
		text-indent: -999em;
		font-size: 1em;
		background: transparent url(/i/btn-submit-arrow-black.gif) top left no-repeat;
		border: none;
		width: 24px;
		height: 24px;
	}
	.events-filter h3 {
		font-weight: bold;
		font-size: 1.2em;
		color: #333;
		margin: 5px 15px 10px 15px;
	}
	.events-filter h3 a {
		background: transparent url(/i/arrow-black-down.png) center right no-repeat;
		padding-right: 14px;
		color: #333;
	}
	.active h3 a {
		background-image: url(/i/arrow-black-up.png);
	}
	.events-filter fieldset {
		padding-top: 0;
		width: 300px;
	}
	.events-filter #region_id {
		width: 250px;
	}
	.events-filter .submit-events {
		padding-right: 50px;
	}
	.events-filter .date_range {
		float: left;
		width: 50px;
	}
	
}

@media print {

	body {
		background: #fff;
		font-family: Times New Roman, serif;
	}
	#languages-toolbar {
		display: none;
	}
	#main-navigation {
		display: none;
	}
	#header {
		background: none;
		height: 103px;
	}
	h1 {
		top: 0;
		left: 0;
	}
	#content {
		background: #fff;
		color: #333;
	}
	#content h2,#content h3 {
		color: #333;
	}
	#content p.intro {
		color: #000;
	}
	#content p.skip {
		display: none;
	}
	#content p.top {
		display: none;
	}
	#content a,#footer a {
		color: #c33;
		border-bottom: 1px solid #c33;
	}
	#footer {
		background: #fff;
		color: #333;
	}
	
}

.bar_edition {
	background: transparent url(/i/bg-h2-listings.jpg) top left no-repeat;
	width: 635px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}
	
/*
body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	margin: 0.5em 0.5em 1em 0.5em;
	padding: 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #0066cc;
}

input.default {
	color: #ccc;
}
*/