/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Kerrang! promotion - Samaritans.org
created by t.bran@rroom.com - 27/03/2008
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body {
	font:normal 62.5%/1.5em "Helvetica", "Arial", sans-serif;
	text-align:center;
	margin:0;
	background:#FFF url("../../../../images/kerrang/bg_grad.jpg") repeat-x top left;
}

h1 {
	font-size:2em;
}
h2 {
	font-size:1.6em;
}
h3, h4 {
	font-size:1.4em;
}

p, li, dt, dd, label, span, legend, a {
	font-size:1.1em;
	text-align:left;
}

p span, p a, li p, li span, li a, li h3, li li, li li li, dt a, dd a, h1 span, h2 span, h3 span, div span, span a{
	font-size:1em;
}

a:link, a:visited {
	text-decoration:none;
	color:#000;
}
a:hover, a:active {
	text-decoration:none;
	color:#dc0303;
}

input, select, textarea {}

form {
	padding:0;
	margin:0;
	background:url("../../../../images/kerrang/bg_ragged.gif") no-repeat top center;
}
div#wrapper form {
	background:none;
}

hr {
	border: none 0; 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 98%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}
ul {
	margin:0;
	padding:0;
}
ul ul, ul ul ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
	text-transform:uppercase;
}

img {
	border:0;
}

/* hidden nav (accessibility)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.hide h1 {
	text-indent:-9999px;
	position:absolute;
}
div.hide p {
	text-indent:-9999px;
	position:absolute;
}
div.hide ul {
	position:absolute;
	top:0;
	left:0;
}
div.hide li a {
	padding:5px;
	margin:5px;
	background-color:#ff9;
	visibility:hidden;
}
div.hide li a:hover, div.hide li a:active {
	background-color:#ff0;
}

/* containers~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#wrapper {
	margin: 0 auto;
	text-align:left;
	width:78.5em;
	padding-right:0.3em;
	position:relative;
	margin-bottom:5em;
}

/* header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#header {
	width:78em;
	height:18.5em;
	padding-top:4.5em;
}
div#header h2 {
	text-indent:-9999px;
	position:absolute;
	display:none;
}
div#header img.title {
	width:78em;
	height:18.5em;
}
div#header div#phone, div#header div#email {
	display:block;
	width:17.6em;
	position:absolute;
	top:9.2em;
	right:1em;
}
div#header div#email {
	top:12.7em;
	width:15.5em;
}

div#header div#phone dt, div#header div#email dt {
	float:left;
	padding-right:0.7em;
	text-transform:uppercase;
}
div#header div#phone dt a, div#header div#email dt a {
	color:#dc0303;
	font-weight:bold;
}

/* left nav~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#leftcol {
	width:17.2em;
	background:#EEE url("../../../../images/kerrang/leftcol_top.gif") no-repeat top left;
	padding:30px 2.1em 0 0;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}
div#leftcol div.rightedge {
	display:block;
	width:3.5em;
	height:1000px;
	position:absolute;
	top:0;
	right:0;
	background:transparent url("../../../../images/kerrang/leftcol_right.gif") repeat-y top right;
}
li a {
	display:block;
	padding:8px 0 0 12px;
}
li.on {
	padding-top:5px;
}
li.on span {
	display:block;
	background:#FFF url("../../../../images/kerrang/bg_subnav_header.gif") no-repeat left center;
}
li.on span a {
	color:#FFF;
	background:transparent url("../../../../images/kerrang/bg_subnav_header-right.gif") no-repeat right center;
	padding:6px 0 6px 7px;
	margin:0 3.5em 0 0.4em;
}
div#leftcol ul {
	background:url("../../../../images/kerrang/leftcol_bottom.gif") no-repeat left bottom;
	padding-bottom:30px;
}
div#leftcol ul li ul {
	padding:0 0 10px 0;
	background:#F7F7F7 url("../../../../images/kerrang/bg_subnav_footer.gif") no-repeat bottom left;
}
div#leftcol ul li ul li a {
	padding:2px 0 0 30px;
	margin:0;
	background:none;
	background:transparent url("../../../../images/kerrang/subnav_dash.gif") no-repeat 22px 0.6em;
	color:#000;
}
div#leftcol ul li ul li a:hover {
	color:#dc0303;
}
div#leftcol ul li ul li span {
	background:none;
}
div#leftcol ul li ul li.on span {
	display:block;
	background:transparent url("../../../../images/kerrang/bg_subnav-on.gif") no-repeat 0.7em center;
}
div#leftcol ul li ul li.on span a {
	padding:10px 0 9px 7px;
	margin: 7px 1em 7px 2.1em;
	color:#FFF;
	background:transparent url("../../../../images/kerrang/bg_subnav-on-right.gif") no-repeat right center;
}
div#leftcol ul li ul li.on span a:hover {
	color:#fff;
}

/* page content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#content {
	width:77.4em;
	background-color:#000;
	position:relative;
}
div#content div#mainContent {
	min-height:50em;
	width:51.4em;
	color:#fff;
	padding:2em 2em 10em 22em;
	background:#000 url("../../../../images/kerrang/bg_content-top.gif") no-repeat 20em top;
	overflow:hidden;
}
div#content div#mainContent p img {
	margin:0;
	display:block;
}
div#content div#mainContent img {
	margin:15px 0 0 0;
}
div#content div#mainContent span.cuttingup img {
	height:26.9em;
	width:54.7em;
}
div#content div#mainContent span.inflames img {
	height:24.8em;
	width:54.9em;
}
div#content div#mainContent span.tattoo img {
	margin:0;
	height:27.1em;
	width:56.9em;
}
div#content div#mainContent hr {
	clear:both;
}

div#content div#mainContent h2 {
	font-size:2.8em;
	line-height:1.2em;
	margin:0.5em 0;
	font-family:"Helvetica", "Arial", sans-serif;
}
div#content div#mainContent a, div#content div#mainContent h2 a, div#content div#mainContent h3 a, div#content div#mainContent h4 a, div#content div#mainContent p a {
	font-size:1em;
	color:#de0405;
	text-decoration:underline;
}
div#content div#mainContent h2 a:hover, div#content div#mainContent h3 a:hover, div#content div#mainContent h4 a:hover, div#content div#mainContent p a:hover {
	text-decoration:none;
}
div#content div#mainContent h3, div#content div#mainContent h4 {
	color:#de0405;
	text-transform:uppercase;
	font-size:1.2em;
	line-height:2.5em;
	font-weight:bold;
	padding:10px 35px 10px 5px;
	background:url("../../../../images/kerrang/bg_h3-right.gif") no-repeat right center;
	display:block;
	float:left;
	clear:both;
	margin-top:0;
}
div#content div#mainContent h4 {
	text-transform:none;
}
div#content div#mainContent p {
	color:#FFF;
	font-size:1.4em;
	display:block;
	float:none;
	clear:both;
	margin-top:0;
}
div#content div#mainContent .paragraph{
	padding:10px;
	font-size:1.4em;
	background-color:#e0e0e0;
	color:#000;
	font-family:"Arial", sans-serif;
	display:block;
}
div#content div#mainContent table {
	border-collapse:collapse;
	margin:15px 0 0 0;
}
div#content div#mainContent th, div#content div#mainContent td {
	border:1px solid #000;
/* Commented out 31/07/08 by DD
	background-color:#fff;
	color:#000; */
	padding:4px;
	vertical-align:top;
}

div#content div#mainContent th, div#content div#mainContent td, div#content div#mainContent table p, div#content div#mainContent table span {
	font-size:1.4em;
}
div#content div#mainContent th p, div#content div#mainContent th span, div#content div#mainContent td p, div#content div#mainContent td span {
	font-size:1em !important;
}
div#content div#mainContent table h2, div#content div#mainContent table h3, div#content div#mainContent table h4 {
	font-size:0.85em;
	background:none;
	padding:0;
	margin:0 !important;
	line-height:1em;
}

div#content div#mainContent caption {font-size: 0.8em;}

div#content div#mainContent th p caption, div#content div#mainContent th span caption, div#content div#mainContent td p caption, div#content div#mainContent td span caption {
	font-size:0.8em !important;
}
div#content div#mainContent ol, div#content div#mainContent ul{
	display:block;
	float:none;
	clear:both;
	margin:0 0 0 20px;
	padding:0;
}
div#content div#mainContent ol{
	margin-left:30px
}
div#content div#mainContent ol li {
	list-style-type:decimal;
	text-transform:none;
}
div#content div#mainContent ul li {
	list-style-type:circle;
	text-transform:none;
}
/*TABLE ImmTS_Default*/
div#content div#mainContent table.ImmTS_Default,
div#content div#mainContent table.ImmTS_Default p,
div#content div#mainContent table.ImmTS_Default p.paragraph{
	color:#000;
}
div#content div#mainContent table.ImmTS_Default caption{
	color:#fff;
}



/* footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#footer {
	width:79em;
	height:5em;
	background:transparent url("../../../../images/kerrang/footer_ragged.gif") no-repeat center bottom;
	z-index:500;
	position:absolute;
	bottom:-1px;
	left:-10px;
}

div#footer p {
	display:none;
	text-indent:-9999px;
	position:absolute;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */