@charset "utf-8";
* { margin: 0; padding: 0;  }
body{ background: #000 url('img/background.jpg') no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff }
.cta-block { margin-bottom:15px }
/* Elements */
	h2 { border-bottom: dotted 1px #6f6c6c; padding-bottom:15px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; margin-bottom:15px; color:#fff; }
	
	a { color:#fff}
/* Layout */
	#maincontainer{	width: 960px; margin:0 auto }
	#topsection{ }
	#contentwrapper{ float: left; width: 100%; }
	#footer{ border-top: dotted 1px #2e2e2e ; min-height: 100px; }
	#footer .left { float:left; display:inline; width:450px; padding-top: 23px; padding-left: 15px;}
	#footer .right { float:right; display:inline; padding-right: 15px;}
	
	body.left-menu #content-container .menu-column { float:left; display:inline; width:285px; margin-right:25px }
	body.left-menu #content-container .content-column { float:left; display:inline; width:600px }
	
	body.right-menu #content-container .menu-column { float:left; display:inline; width:290px; }
	body.right-menu #content-container .content-column { float:left; display:inline; width:610px; margin-right:10px}
	
	.menu-column h3 { background:url(img/title-bg.gif) top left no-repeat; height:40px; padding:10px 0 0 20px; font-size:1.6em; margin-bottom:10px}
	.menu-column h3 a { display:block; color:#fff; text-decoration:none; background:url(img/menu-column/title-link.gif) top right no-repeat }
	.menu-column h3 a:hover { color:#ed1c24 }
	
	/* Header */
		#logo a { display:block; background:url(img/logo.gif) top left no-repeat; width:768px; height:100px; cursor: pointer; }
		#logo span {display:none  } 
		
		/* Primary Nav */
		#primary-navigation { background:url(img/primary-nav/bg2.png) top left no-repeat; z-index:9999 }
		
		#primary-navigation dl { display:block; float:left}
		#primary-navigation dl dt {height:49px }
		#primary-navigation dt a { display:block; color:#fff; padding:18px 25px; text-decoration:none; font-size:1.2em; text-transform:uppercase; letter-spacing:1px }
		#primary-navigation dt a:hover { color:#d01920}
		
		#primary-navigation dt a.nav-1	{ padding-left: 33px; }
		#primary-navigation dt a.nav-2	{ padding-left: 39px; }
		#primary-navigation dt a.nav-3	{ padding-left: 35px; }
		#primary-navigation dt a.nav-4	{ padding-left: 28px; }
		
		.success_message, .error_message { font-size:1.3em; font-weight:bold; margin-bottom:30px}
		.error_message { color:#d01920}
		
		#primary-navigation dd { display:none; position:absolute; z-index:9999; margin-left: 8px; }
		#primary-navigation dd ul { padding: 15px 0; background: #000; }
		#primary-navigation dl:hover dd { display:block;}
		#primary-navigation dd a { display:block; background-color:#000; padding:8px 27px; text-decoration:none; color:#fff; }
		#primary-navigation dd a:hover { color:#ed1c24 }
		#primary-navigation dd.dropdown {  }

		#content-container { background-color:#000; padding: 10px 25px }
		
		/* Footer */
		#footer { background-color:#000; color:#fff; padding:10px }
		#footer .left { }
		#footer .right { }
		
		#tertiary-navigation li { float:left; margin-bottom:10px}
		#tertiary-navigation li a { color:#fff; text-decoration:none; background:url(img/tertiary-nav/bullet.png) top right no-repeat; padding-right:10px; margin-right:7px }
		#tertiary-navigation li a:hover { color:#d01920}
		#tertiary-navigation li.last a { background:none }
		
		#small-print { font-size:0.8em; line-height:1.5em}
		/* One Column */
		body.one-col #column-0{ }
		
		/* Two Column - Main */
		body.two-col #column-0{ margin-left: 300px }
		body.two-col #column-1{ float: left; width: 290px; margin-left: -960px }
				
		/* Three Column */
		body.three-col #contentcolumn{ margin-left: 219px padding-left:20px; margin-right:128px; }
		body.three-col #leftcolumn{ float: left; width: 230px; margin-left: -940px; min-height:500px }
		body.three-col #rightcolumn {  float:right; width:50px; margin-left:-940px; width:120px } 	 			

/* Page Elements */
	/* Artist Grid */
	.artist-grid dl { float:left; margin-right:24px; min-height:114px; height:auto !important; height:40px }
	.artist-grid .cta-row { margin-bottom:25px}
	.artist-grid dl.last { margin-right:0;}
	.artist-grid img { padding:7px; background-color:#000; border:solid 1px #333; min-width:168px; max-width:168px; width: auto !important; width:168px; min-height: 114px; }
	.artist-grid dd { visibility:hidden; }
	.artist-grid dl:hover dd { visibility:visible;  }
	.artist-grid dd a { display:block; -moz-opacity:.50; filter:alpha(opacity=80); opacity:.80; background-color:#000; color:#fff; position:relative; height:26px; margin-top:-40px; padding:10px 0 0 15px; text-decoration:none; border: solid 1px #222121;  } 
	
	
	/* Menu Lists */
	.menu-list li a { background: url(img/menu-list/bullet-off.gif) left no-repeat; display:block; padding:7px 0 7px 45px; color:#fff; text-decoration:none }
	.menu-list li a:hover, menu-list li.selected a { /*background-image:url(img/menu-list/bullet-on.gif);*/ color:#ed1c24}
	
	/* Header Image with navigation*/
	.header-image { margin-left:-15px; height:300px  }
	
	.header-image .content { height:300px }
	.header-image .content dl { position:absolute }
	.header-image .content dd { height:55px;  position:relative; bottom:55px; z-index:100; padding:7px 14px }

	.header-image .content div { color:#ed1c24; text-transform:uppercase; font-size:1.2em; }
	.header-image .content .artist_name { color:#fff; font-size:2.3em; font-weight:normal; z-index:2 }
	
	
	.header-image .nav { position:relative; text-align:right; height:55px; width:940px; margin-bottom:-55px; z-index:200  }
	.header-image .nav ul {float:right; padding:15px 20px 0px 20px; margin-bottom:-10px}
	.header-image .nav li { float:left }
	.header-image .nav a { background:url(img/header-image/button-off.png) top left no-repeat; height:26px; width:17px; display:block; padding:8px 5px 5px 5px; margin: 0 5px; color:#fff; text-decoration:none }
	.header-image .nav span { display:block; text-align:center }
	.header-image .nav li.selected a, .header-image .nav a:hover { background:url(img/header-image/button-on.png) top left no-repeat; }
	
	.header-image .transparent-block { background-color:#000; width:940px; height:55px; position:relative; margin-bottom:-55px; margin-top:-55px; opacity:0.2;  }
	
	
	/* Intro - at the top of most pages */
	.intro { border-bottom: dotted 1px #7a6f6d; padding-bottom:15px; margin-bottom:15px }
	.intro h1 { color:#ed1c24;  font-size:1.66em; padding-bottom: 15px; }
	.intro h1 strong { color:#fff }
	.intro p { font-size:1em; line-height:1.4em; font-weight: normal; font-variant: normal; margin-bottom: 10px; }
	
	/* Grid */
	.grid { }
	.grid dl { float:left; width:288px; margin-right:23px }
	.grid dl.last { margin-right:0px}
	.grid p { line-height:1.3em; font-size:0.95em }
	.grid a { color: #ed1c24; text-decoration:none } 
	.grid h3 a {  padding:10px 0 5px 0; display:block; font-size:1.4em}
	.grid small { display:block; margin-bottom:12px; font-size:0.9em}
	.grid img { background-color:#000; padding:7px; border: solid 1px #333; width:272px }
	
	/* News */
	.news-articles dl {margin-bottom:20px; padding-bottom:20px; border-bottom: dotted 1px #5a4f4e}
	.news-articles dl.last { margin:0;paddin:0;border:none}
	.news-articles dt { float:left; display:inline; width:240px; margin-right:15px }
	.news-articles dd { float:left; display:inline; width:350px }
	.news-articles img { padding:10px; background-color:#000; border:solid 1px #222121; width:223px; }
	.news-articles h3 { color:#ed1c24; font-size:1.8em; }
	.news-articles p, .news-articles span { font-size:0.9em;line-height:1.4em; margin-bottom:12px }
	.news-articles .article-time { margin:5px 0 5px 0}
	
	/* Formatted link list */
	.formatted-link-list a { padding:0 0 10px 15px; text-decoration:none; display:block  }
	.formatted-link-list a:hover { text-decoration:underline}
	.formatted-link-list li span { background:url(img/formatted-link-list/bullet.png) top left no-repeat; display:block;  padding-left:23px }
	
	/* Contact form page */
	.contact-form table { width:100%;}
	.contact-form td { padding-bottom:10px }
	.contact-form .two-col .label { width:70px;  text-align:right; color:#fff; padding-right:5px }
	.contact-form .two-col input[type=text] { width:215px; padding:5px; background-color:#161615; border:solid 1px #222121; color:#fff}
	.contact-form .one-col .text { width:215px; padding:5px; background-color:#161615; border:solid 1px #222121; color:#fff}
	
	.contact-form .one-col .label { width:70px; vertical-align:top; text-align:right; padding-right:5px}
	.contact-form .one-col textarea { width:100%; padding:5px; background-color:#161615; border:solid 1px #222121; color:#fff; font:Verdana, Geneva, sans-serif; width:520px; height:90px }
	
	.contact-form .last td { vertical-align:top }
	.contact-form .last select { background-color:#161615;  border:solid 1px #222121; padding:3px; color:#fff; min-width:220px; width: auto !important; width:220px}
	.contact-form .last option { padding:2px; border:none}
	
	.contact-details strong { color:#ed1c24;  }
	.contact-details p { margin-bottom:15px;font-size:0.9em; line-height:1.4em}
	
	.required-highlight	{ color:red; font-size:10px; letter-spacing: normal; }
/* Functional Items */
	/* cta-hover and Hover Menus */
		.cta-hover { color:#ff0000; float:right; visibility: hidden; position:relative; height:0; top:5px;right:5px; background-color:#fff  }
		.cta-hover a { background-color:#fff; color:#333; padding:3px }
		.hoverable.hover .cta-hover { color:#090; visibility:visible;  }

	/* Rotating elements*/
	.rotating-container .rotate { position:absolute; }

/* Sitewide */	
	/* Validation */
	.validation-advice { display:none}
	.validation-failed { border: solid 2px #FF6600 !important}

	/* Breadcrumbs */
		.breadcrumbs { }
		.breadcrumbs li { }
		.breadcrumbs li.last { }
		.breadcrumbs a { }
		
/* Blocks */	
	.cta-datagrid .label { min-width:200px; width:auto !important; width:200px }
	.cta-datagrid a { color:#fff}

/* Back button */
#nav_referer { display:inline; float:right; width:65px; margin:10px 0; padding: 0 10px }

.vform .label {font-weight:bold; margin-bottom:2px }
.vform .item { margin-bottom:15px; }
.vform .article { padding:10px; border: solid 1px #fff; background-color:#333; margin-bottom:15px }



/* Page Specific */
	/* Artists Page */
	.artist-image img { padding:7px; border: solid 1px #211f1f; max-width:565px; width: auto !important; width:565px }
	.artist-information p {  margin-top:20px; line-height: 16px; }
	
	.media-thumbs li { float:left; display:inline }
	.media-thumbs img { padding:7px; background-color:#000000; border:solid 1px #222121; margin:1px; width:54px; height:54px}
	.media-thumbs a:hover img {  border-color:#444 }


/* Useful classes */

	/* Clearfix */
		.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
		.clearfix {	display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }
	
	/* Positional */
		.la { text-align:left; }
		.ra { text-align:right; }
		.ca { text-align:center; }
		.fl { float:left; }
		.fr { float:right; }
		.vt { vertical-align:top; }
		.vm { vertical-align:middle; }
		.vb { vertical-align:bottom; }
		.nb { border:0 none !important; }
		.justify { text-align:justify; }
		.move { cursor:move }
		
		.success_message { }
		
		/* Admin */
		/* Grid - customised for newsletter wizard ... for some i couldnt fit three blocks in a row like the frontend */
		body.admin .grid dl { margin-right:10px }
		
		.admin #articles .article { margin-bottom:20px }
		
		/* Breadcrumbs */
		.breadcrumbs { margin-bottom:20px }
		.breadcrumbs li { float:left  }
		.breadcrumbs a { padding:5px; text-decoration:none; padding:5px;  }
		.breadcrumbs a:hover span { text-decoration:underline }
		
		/* Forms */
		.cta-form td { padding:3px }
		.cta-form .label { width:150px; font-weight:bold }
		
		/* Checklist */
		.checklist h3 { margin-bottom:5px; color:#ED1C24; }
		.checklist p { margin-bottom:12px }
		.checklist label { float:left; display:inline;  width:180px; padding:0 10px 10px 0;  }
		/* Pagination */
		#pagination li { float:left }
		#pagination a { padding:5px; text-decoration:none }
		#pagination a:hover span { text-decoration:underline }
		#pagination li.selected span { color:#ED1C24; font-weight:bold }
		
		/* Data Grid */
		.cta-datagrid table { width:100% }
		.cta-datagrid th { text-align:left; padding:4px;  }
		.cta-datagrid td{ padding:4px } 
		.cta-datagrid a { text-decoration:none }
		.cta-datagrid a:hover span { text-decoration:underline}
		.cta-datagrid .buttons { text-align:right }
		.cta-datagrid tr { border-bottom:dotted 1px #333}