@charset "utf-8";
* { margin: 0; padding: 0;  }
body{ background: url(img/background.jpg) center top #000 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff }
.cta-block { margin-bottom:15px }

.column { float:left; display:inline; position:relative; left:-11px; margin-bottom:20px }
.side-column { float:right; display:inline; position:relative; right:-6px }
div.width5 { width:610px }
div.width3 { width:295px}
div.width8 {  width:930px; }

.home-block { padding:0 15px 15px 15px; background:#151515}
.home-block h1, .home-block h2, .home-block h3 { 
	margin:0 -15px 15px -15px;
	background: url(img/texture.gif) repeat-x #000;
	padding:15px 15px 10px 15px;
	font-size:18px; color:#fff; font-weight:normal;
	text-transform: none;
}

.foot-block { margin-right:20px; float:left; display:inline;
				 width:265px; height:230px;
				 position:relative;
}
.foot-block a.cta { 
	font-size:13px; color:#ED1C24;
	position:absolute;left:0px; bottom:0px; right:0;
	height:23px;  display:block;
	padding-top:10px; padding-left:15px;  }
.foot-block img { margin-left:-15px; width:295px}
#home-facebook img { margin-top:-15px;}
#home-contact p { margin-bottom:15px; font-size:14px; font-weight:bold; line-height:1.3em }
#home-twitter { margin-right:0}

.home-news-block { float:left; display:inline; width:265px; height:350px; margin-right:20px;}
#home-news div.last { margin-right:0}
.home-news-block img { 
	width:295px; 
	margin: -15px 0 15px -15px;
}
.home-news-block p { line-height:1.3em}
.home-news-block .more { color:#ED1C24}

#home-tweet { height:155px; overflow:hidden}
#home-tweet .tweet { font-size:14px; text-align:right; margin-bottom:10px}
#home-tweet .text { margin-bottom:5px}
#home-tweet .time { color:#ccc; font-size:11px}
#homepage-intro { height:420px}
#homepage-intro .content { font-size:13px}
#homepage-intro p:first-child { color:#ED1C24; font-size:15px; font-weight:bold }
#homepage-intro p { margin-bottom:12px; font-size:13px; line-height:1.3em}
#home-categories a  {text-decoration:none }
#home-categories img { 
	float:left;
	width:64px; 
	margin-right:20px;
}
#home-categories span.name { 
	color:#ED1C24; font-size:13px;
	display:block;
	margin-bottom:3px;
}
#home-categories ul { height:745px}
#home-categories li {
	height:47px;
	margin:0 -15px 8px -15px;
	padding:0 15px 8px 15px;
	border-bottom:solid 1px #272727;
}
#home-categories li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
#home-categories span.summary {
	font-size:11px; color:#ccc;
	line-height:1.3em
}
#home-categories li:hover span.summary { color:white }
#home-categories li:hover span.name { text-decoration: underline}

/* 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:320px; height:145px; cursor: pointer; }
		#logo span {display:none  } 
		
		/* Primary Nav */
		#primary-navigation { background:url(img/primary-nav/bg.png) top left no-repeat; z-index:9999 }
		
		#primary-navigation dl { display:inline; 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 {  }

		/* Artist Nav Dropdown */
		#artist_nav {   position:relative; z-index:9999; margin-left: 8px; }
		dl:hover #artist_nav { display:block; padding-bottom:50px;}
		
		#artist_nav ul { 
			padding: 15px 10px !important; background: #000; background:rgba(0,0,0,0.95);
			position:absolute; left:-107px; width:930px; border:solid 3px #333; 
			padding-bottom:50px !important
		}
		#artist_nav img.cover_image { float:left; width:120px; height:80px; background:#151515; display:block;}
		#artist_nav a { display:block; padding:0 !important}
		#artist_nav span { display:block; padding-left:10px; float:left; width:165px}
		#artist_nav span.name { color:#ed1c24; margin-bottom:8px; font-size:13px }
			#artist_nav a:hover span.name { text-decoration:underline}
		#artist_nav span.summary { color:#ccc; font-size:11px; }
			#artist_nav a:hover span.summary { color:#eee}
		
		#artist_nav li { float:left; display:inline; width:33%; height:80px; margin-bottom:15px; overflow:hidden}
		#artist_nav .foot { background:url("img/texture.gif") top left repeat-x #070707; display:block; position:absolute; height:50px; top:303px; width:950px;left:-104px; }
		#artist_nav .foot a {background:none !important; float:right; padding:17px !important; text-decoration:none; color:#ED1C24; font-size:16px;font-weight:bold; }
		#artist_nav .foot a:hover { color:white; text-decoration:underline}

		
		#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:-10px; 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 }

	/* Formatted link list */
	.celebrity-news-list li { margin-bottom:20px}
	.celebrity-news-list a { margin-bottom:3px; text-decoration:underline; font-size:14px; display:block  }
	.celebrity-news-list a:hover { color:#ed1c24 }
	.celebrity-news-list a:hover { text-decoration:underline}
	.celebrity-news-list .description { color:#bbb; padding-left:5px}
	/* 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}

/* Site Map */
#sitemap_links a { text-decoration:none;}
#sitemap_links a:hover { text-decoration:underline }
#sitemap_links li { margin-bottom:4px }
#sitemap_links li.lvl_0 { font-size:16px;  margin-top:15px; }
#sitemap_links li.lvl_1 { font-size:15px; margin-left:20px; margin-top:18px;   }
#sitemap_links li.lvl_2 a  { color:#888 }
#sitemap_links li.lvl_2 { font-size:12px; margin-left: 40px }
#sitemap_links li.lvl_3 a { color:#888 }