@import url(normal.css);

/* Netscape 4 stuff*/
body, div, p, li, dd	{ font-family: Verdana, arial, helvetica, sans-serif; 	font-size: 11px;}

body { margin:0px;border: 0; padding:0px; font-size: 11px;color:#fff; background-color: #666633; }

div.spacer {
  overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}

em  {
  color: #9DCC4A;
  font-style:normal;
}

p { margin:0; font-size: 11px; padding: 0 0 1em 0; }

img { border:0;}



a {
  color: #9DCC4A; font-size: 11px; text-decoration: none;
}

a:hover {
  color: #FEDD02;
  text-decoration:underline;
}

label { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
a:hover strong, a:hover b {
  color: #FEDD02;
}

.small {
  font-size:85%;
}



h2 {
  color:#fff;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 12px 0;

}

h2 a {
  color:#fff;
}

h3 {
  color:#9DCC4A;
  text-transform:uppercase;
  font-size:11px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 12px 0;
}


h4 {
  font-size:12px;
  margin:3px 0 2px 0;
  font-weight:normal;
  color:#fff;
}

h4 a {
  color:#fff;
  text-decoration:none;
}

h4 a:hover {
  color:#A6CE39 !important;
}

.strong {
  color:#fff;
}

.strong a {
  color:#fff;
}


#radio {
  float:right;
  margin: 20px 0 0 0;
}

.wrapper {  text-align:left; margin: 0;  width: 760px;overflow:hidden; margin-left: 20px;}

#container {
	background: url(../images/bg_likesoul.gif) top left repeat-y; padding-bottom: 20px;
}

#logo {
  float:left;
  width:195px;
  margin: 20px 0 0 0;
}


/* menu stuff */
#wrapperMainMenu {    margin-left: 0px; padding-bottom:10px; }

#mainMenu { overflow: none; width:800px;} 

#mainMenu ul {
  margin: 0;
  padding: 0;
}
.hider {
  position: absolute;
  top: -9999px;
  left: -9999px;
	
	}
#mainMenu li { margin: 0; padding: 0; list-style-type: none; display: inline; float: left; background-image: url(../images/headernav_51.gif); }

#mainMenu a {   text-decoration:none !important; display:block; font-size:1px; background-image: url(../images/headernav_51.gif); overflow: hidden; height:51px; }

#mainMenu a span { visibility:hidden; }

#menu01, #menu01 a {
  background-position: 0 0;
  width: 66px;
}
#menu01 a:hover, #menu01 a.selected {
  background-position: 0px 51px;
}

#menu02, #menu02 a {
  background-position: -66px 0;
  width: 72px;
}
#menu02 a:hover, #menu02 a.selected {
  background-position: -66px 51px;
}

#menu03, #menu03 a {
  background-position: -138px 0;
  width: 94px;
}
#menu03 a:hover, #menu03 a.selected {
  background-position: -138px 51px;
}

#menu04, #menu04 a {
  background-position: -232px 0;
  width: 102px;
}
#menu04 a:hover, #menu04 a.selected {
  background-position: -232px 51px;
}

#menu05, #menu05 a {
  background-position: -334px 0;
  width: 102px;
}
#menu05 a:hover, #menu05 a.selected {
  background-position: -334px 51px;
}

#menu06, #menu06 a {
  background-position: -436px 0;
  width: 107px;
}
#menu06 a:hover, #menu06 a.selected {
  background-position: -436px 51px;
}

#menu07, #menu07 a {
  background-position: -543px 0;
  width: 87px;
}
#menu07 a:hover, #menu07 a.selected {
  background-position: -543px 51px;
}

#menu08, #menu08 a {
  background-position: -630px 0;
  width: 120px;
}
#menu08 a:hover, #menu08 a.selected {
  background-position: -630px 51px;
}

#menu09, #menu09 a {
  background-position: -750px 0;
  width: 78px;
}
#menu09 a:hover, #menu09 a.selected {
  background-position: -750px 51px;
}

#footer {
	height:122px;
}

.col1 { width: 260px; float: left;  }
.col1_2 { width: 540px; float: left;  }
.col1_480 { width: 480px; float: left;  }
.col1_370 { width: 370px; float: left;  }
.col2 { width: 260px; float: left; padding-left: 20px; }
.col3 { width: 200px; float: right; font-size: 11px;}
.col3_260 { width: 260px; float: right; font-size: 11px;}
.col3_370 { width: 370px; float: right; font-size: 11px;}
.padbot20px { padding-bottom: 20px; }
.padbot10px { padding-bottom: 10px; }
.margbot20px { margin-bottom: 20px; }
.margbot17px { margin-bottom: 17px; }
.margbot15px { margin-bottom: 15px; }
.margbot10px { margin-bottom: 10px; }
.padleft10 { padding-left: 10px; }
#intro { font-size: 11px; padding: 0; margin: 0 }
#intro p { font-size: 11px;  }

.col1 p { font-size: 11px; }
.col1_2 p { font-size: 11px; }
.col1_2 h2 { font-size: 16px; font-weight: bold; }
.col1_480 p { font-size: 11px; }
.col3 p { font-size: 11px; }
.col3_370 p, ol, ul, li { font-size: 11px; padding-left: 0; margin-left: 0;}
.col3_370 ol { font-size: 11px;  margin-top: 0; }
.col3_370 li { font-size: 10px; color: #E1CF5A;}
.col3_260 p, ol, ul, li { font-size: 11px; }
.col3_260 ol { font-size: 11px; }
.col3_260 li { font-size: 10px; color: #E1CF5A; }
.col1_480 li { font-size: 10px; color: #E1CF5A; }
.col1_480 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }
.col1_370 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }
.col3_370 ol { margin-top: 0;  list-style-type: decimal-leading-zero; margin-left: 29px; }
.col1_370 p, ol, ul, li { font-size: 11px; padding-left: 0; margin-left: 0;}
.col1_370 ol { font-size: 11px;  margin-top: 0}
.col1_370 li { font-size: 10px; color: #E1CF5A; }
.col1 h2 { font-size: 11px; font-weight: bold; }
.col2 h2 { font-size: 11px; font-weight: bold; }
.col2 p { font-size: 11px; }
.date { color: #949494; }
.sbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333333; margin-right: 5px; background: #fff; }
.clearer { clear: both; }


#newsletter { font-size: 11px;  }
.green { color: #9DCC4A; }
.lightgrey { color: #D3D3D3; }

.img_floatleft { float: left; padding: 0 10px 10px 0; }
@media print {
	.noprint {
		display:none;
	}
}	


.line { background: #000 url(http://www.soulshaker.co.uk/images/line.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
}
/*Resident Rollover*/
#ben { 
  background-image: url(../images/ben_front.gif);
  height: 100px;
  width: 260px;
  }
#paul { 
  background-image: url(../images/ben_front.gif);
  height: 100px;
  width: 260px;
  }
#todd { 
  background-image: url(../images/ben_front.gif);
  height: 100px;
  width: 260px;
  }
#menu a {
	position: absolute;
	height: 20px;
	width: 85px;
	top: 20px;
	text-decoration: none;
	left: 543px;
  }
  
#menu a i { visibility: hidden; }

a#bio_ben { top: 551px; }
a#mix_ben { top: 577px; }
a#bio_ben:hover { background-image: url(../images/biography.gif); }
a#mix_ben:hover { background-image: url(../images/mixes.gif); }
a#bio_ben:hover, a#mix_ben:hover { border: none; }

a#bio_paul { top: 671px; }
a#mix_paul { top: 697px; }
a#bio_paul:hover { background-image: url(../images/biography.gif); }
a#mix_paul:hover { background-image: url(../images/mixes.gif); }
a#bio_paul:hover, a#mix_paul:hover { border: none; }

a#bio_todd { top: 791px; }
a#mix_todd { top: 817px; }
a#bio_todd:hover { background-image: url(../images/biography.gif); }
a#mix_todd:hover { background-image: url(../images/mixes.gif); }
a#bio_todd:hover, a#mix_todd:hover { border: none; }
/*End Resident Rollover*/

#biocontent img {
	float: left;
	margin-top: 5px;
	position: relative;
	padding-right: 10px;
}


#biocontent p{
	font-size:11px;
	position:relative;
	text-align:left;
	padding-top: 5px;
	color: #ffffff;
}
