@charset "UTF-8";
/* CSS Document */




/**
 * Colours
 * -------
 * 
 * Green: #D6DE23
 * Blue: #67C6E8
 * Grey: #9B9B9B
 * Light Grey: #9B9B9B
 * Very Light Grey: #d0d0d0
 *
 */

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body{
	font-size:0.9em;
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	line-height:1.5em;
	background-image:url(../img/backgrounds/background-1.gif);
	background-color:#d0d0d0;
}




 
/* ------------------------------------------------------------------------------------------------------------------------ */
/* GENERIC
/* GENERIC
/* GENERIC
/* GENERIC
/* ------------------------------------------------------------------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,h7{
	color:#D6DE23;
	line-height:1em;
	margin:.2em 0 .5em 0;
	font-weight:normal;
}

h1.ir,h2.ir,h3.ir,h4.ir,h5.ir,h6.ir,h7.ir{
	margin-left:0.2em;
}

h2{
	border-top:4px Solid #000000;
	padding-top:2px;
	width:auto;
	display:inline;
	clear:both;
}

h3{
	font-size:1.3em;
}

h4{
	color:#000000;
	margin-top:1.2em;
	margin-bottom:.3em;
	text-transform:uppercase;
	font-size:0.8em;
}

p{
	margin:.4em 0 .5em 0;
}

a{
	text-decoration:none;
	color:#D6DE23;
}

a:hover{
	text-decoration:underline;
}

img{
	border:0;	
}

form{
	display:inline;
	margin:0;
}

br.vertSpace1{
	margin:15px 0 0 0;
	padding:0;
	display:block;
}

.noMargin{
	margin:0 !important;
}

.noMarginRight{
	margin-right:0 !important;
}

.noBorder{
	border:0 !important;
}

.lowercase{
	text-transform:lowercase !important;	
}

.c{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	display:block;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

.green{
	color:#D6DE23 !important;
}
.black{
	color:#000000 !important;
}
.error-message{
	color:#AA0000 !important;
	margin-bottom:12px;
	margin-top:-7px;
}

.ir{
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	font-size:1em;
}

div.row{
	clear:both;
	margin-top:15px;	
}

.vertSpace1{
	margin:20px 0 0 0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;
}

.vertSpace2{
	margin:20px 0 0 0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;	
}

ul{
	list-style-type:circle;	
}



 
/* ------------------------------------------------------------------------------------------------------------------------ */
/* CONTAINERS
/* CONTAINERS
/* CONTAINERS
/* CONTAINERS
/* ------------------------------------------------------------------------------------------------------------------------ */
 
div#wrap{
	width:1000px;
	margin:0 auto;
}

div#col1{
	width:260px;
	float:left;
	font-size:0.9em;
	margin-bottom:20px;
}

div#col2{
	width:484px;
	float:left;
	color:#6D6D6C;
}

div#col3{
	width:256px;
	float:left;
	font-size:0.9em;
}

div#footer{
	border-left:4px Solid #000000;
	padding:39px 0 15px 31px;
	margin:0 0 0 0;
	clear:both;
	width:40px;
	color:#FFFFFF;
	font-size:0.85em;
	line-height:1.3em;
	text-transform:lowercase;
}



 
/* ------------------------------------------------------------------------------------------------------------------------ */
/* NAV
/* NAV
/* NAV
/* NAV
/* ------------------------------------------------------------------------------------------------------------------------ */


div#header{
	height:160px;
	width:1003px;
	background-image:url(../img/logo/black.gif);
	background-repeat:no-repeat;
	margin:65px 0 0 0;
}

ul#nav{
	margin:0 0 0 25px;
	padding:15px 0 0 0;
	text-transform:lowercase;
	font-size:1.15em;
	width:330px;
}
ul#nav li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}
ul#nav li a{
	color:#FFFFFF;
}
ul#nav li a.active{
	text-decoration:line-through;
}

ul#nav li.blog{
	clear:both;
	padding:0 0 2px 0;
}
ul#nav li.merch{
	float:left;
	padding:0 52px 25px 19px;
}
ul#nav li.releases{
	float:left;
	padding:0 0 25px 0;
}
ul#nav li.mixtapes{
	float:left;
	padding:0 0 25px 70px;
}
ul#nav li.videos{
	float:left;
	padding:0 0 25px 0;
}
ul#nav li.otherStuff{
	float:left;
	padding:0 0 0 42px;
}
ul#nav li.live{
	float:left;
	padding:5px 0 0 33px;
}



 
/* ------------------------------------------------------------------------------------------------------------------------ */
/* HEADERS
/* HEADERS
/* HEADERS
/* HEADERS
/* ------------------------------------------------------------------------------------------------------------------------ */

.headerMailingList{
	background-image:url(../img/titles/mailing-list.gif);
	width:171px;
	height:31px;
}

.headerLive{
	background-image:url(../img/titles/live.gif);
	width:52px;
	height:32px;
}

.headerMerch{
	background-image:url(../img/titles/merch.gif);
	width:84px;
	height:24px;
}

.headerBlog{
	background-image:url(../img/titles/blog.gif);
	width:59px;
	height:30px;
}

.headerFindUsOn{
	background-image:url(../img/titles/find-us-on.gif);
	width:138px;
	height:27px;
}

.headerFindItOn{
	background-image:url(../img/titles/find-it-on.gif);
	width:99px;
	height:20px;
}

.headerShoutbox{
	background-image:url(../img/titles/shoutbox.gif);
	width:108px;
	height:30px;
}

.headerReleases{
	background-image:url(../img/titles/releases.gif);
	width:108px;
	height:26px;
}

.headerMixtapes{
	background-image:url(../img/titles/mixtapes.gif);
	width:129px;
	height:27px;
}

.headerOtherStuff{
	background-image:url(../img/titles/other-stuff.gif);
	width:174px;
	height:33px;
}

.headerStatus{
	background-image:url(../img/titles/status.gif);
	width:93px;
	height:27px;
}

.headerVideos{
	background-image:url(../img/titles/videos.gif);
	width:94px;
	height:29px;
}

.headerBorderRight{
	border-right:8px Solid #FFFFFF;
	margin:0;
	padding:20px 0 5px 0;
	background-position:0px 20px;
}

div#col1 .headerBorderRight{
	width:233px;
}

div#col2 .headerBorderRight{
	width:460px;
}

div#col3 .headerBorderRight{
	width:244px;
}


div#col1 div.panel:first-child .ir{
	height:31px !important;
	margin:5px 0 7px 1px !important;
}

div#col2 div.panel:first-child .ir{
	height:31px !important;
	margin:5px 0 7px 1px !important;
}

div#col3 div.panel:first-child .ir{
	height:31px !important;
	margin:5px 0 7px 1px !important;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* PANELS
/* PANELS
/* PANELS
/* PANELS
/* ------------------------------------------------------------------------------------------------------------------------ */

div.panel div.body{
	background-color:#FFFFFF;
}

div#col1 div.panel div.body{
	width:236px;
}

div#col2 div.panel div.body{
	width:405px;
	padding:35px 22px 40px 35px
}

div#col3 div.panel div.body{
	width:247px;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* FORMS
/* FORMS
/* FORMS
/* FORMS
/* ------------------------------------------------------------------------------------------------------------------------ */

input.textField{
	background-color:#000000;
	color:#FFFFFF;
	padding:5px 3px 6px 6px;
	border:0;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
}

textarea.textArea{
	background-color:#000000;
	color:#FFFFFF;
	padding:5px 3px 6px 6px;
	border:0;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
}

input.button{
	background-color:transparent;
	border:0;
	cursor:pointer;
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
}

input.checkbox{
	margin:0 3px 0 0;
	padding:0;
}





/* ------------------------------------------------------------------------------------------------------------------------ */
/* BLOG
/* BLOG
/* BLOG
/* BLOG
/* ------------------------------------------------------------------------------------------------------------------------ */

 
p.date{
	border-top:4px Solid #000000;
	color:#D6DE23;
	font-size:1em;
	padding-top:5px;
	width:auto;
	display:inline;
	clear:both;
	margin-top:10px;
}
 
h2.noBorder{
	border-top:0;
	padding-top:0;
	width:auto;
	display:block;
	margin-top:0px;
}

div#col2 h2{
	margin-bottom:-1px;
}

/**
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *  FIX THIS TO STOP IT SCALING IMAGESSSS
 *
 *
 *
 *
 *
 */
div#col2 div.blog img{
	width:100%;
	height:auto;
	margin-top:10px;
}

div#col2 div.blog a img{
	width:auto;
	height:auto;
	border:0;
}

div#col2 div.blog ul{
	margin:10px 0 10px 10px;
	padding:0 0 0 10px;
	list-style-type:circle;
}


div.blogContent{
	margin-bottom:50px;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* FIND US ON...
/* FIND US ON...
/* FIND US ON...
/* FIND US ON...
/* ------------------------------------------------------------------------------------------------------------------------ */

 
div#findUsOn{
	margin:0 0 0 15px;
	padding:16px 0 19px 0;		
}
 
div#findUsOn ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
 
div#findUsOn ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	overflow:hidden;
}
 
div#findUsOn ul li a{
	display:block;
	float:left;
	width:112px;
	height:37px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	overflow:hidden;
}
 
div#findUsOn ul li a.myspace{
	background-image:url(../img/find-us-on/off/myspace.gif);
} 
div#findUsOn ul li a.myspace:hover{
	background-image:url(../img/find-us-on/on/myspace.gif);
}
 
div#findUsOn ul li a.facebook{
	background-image:url(../img/find-us-on/off/facebook.gif);
} 
div#findUsOn ul li a.facebook:hover{
	background-image:url(../img/find-us-on/on/facebook.gif);
}
 
div#findUsOn ul li a.twitter{
	background-image:url(../img/find-us-on/off/twitter.gif);
} 
div#findUsOn ul li a.twitter:hover{
	background-image:url(../img/find-us-on/on/twitter.gif);
}
 
div#findUsOn ul li a.bebo{
	background-image:url(../img/find-us-on/off/bebo.gif);
} 
div#findUsOn ul li a.bebo:hover{
	background-image:url(../img/find-us-on/on/bebo.gif);
}
 
div#findUsOn ul li a.flickr{
	background-image:url(../img/find-us-on/off/flickr.gif);
} 
div#findUsOn ul li a.flickr:hover{
	background-image:url(../img/find-us-on/on/flickr.gif);
}
 
div#findUsOn ul li a.lastFm{
	background-image:url(../img/find-us-on/off/last-fm.gif);
} 
div#findUsOn ul li a.lastFm:hover{
	background-image:url(../img/find-us-on/on/last-fm.gif);
}
 
div#findUsOn ul li a.youtube{
	background-image:url(../img/find-us-on/off/youtube.gif);
} 
div#findUsOn ul li a.youtube:hover{
	background-image:url(../img/find-us-on/on/youtube.gif);
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* MERCH
/* MERCH
/* MERCH
/* MERCH
/* MERCH
/* ------------------------------------------------------------------------------------------------------------------------ */

div.smallInfo{
	margin:14px 0 20px 33px;
	padding:0 0 1px 0;
	font-size:1.1em;
	line-height:1.2em;
	background-image:url(../img/ornaments/line-1.gif);
	background-repeat:no-repeat;
	background-position:46px 13px;
	border-bottom:3px Solid #000000;
	text-transform:lowercase;
	width:190px;
}

div.smallInfo p{
	width:30px;
	display:block;
	float:left;
	margin-right:58px;
}

div.tshirt{
	width:180px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

div.tshirt img.item{
	width:180px;
	height:250px;
}

div.tshirt h3.details{
	width:30px;
	display:block;
	padding-left:22px;
	padding-right:25px;
	margin-top:10px;
	line-height:1.05em;
	font-size:0.98em;
	float:left;
	color:#D6DE23;
	text-transform:lowercase;
	background-image:url(../img/ornaments/line-2.gif);
	background-repeat:no-repeat;
	background-position:56px 22px;
}


div.tshirt form{
	display:block;
	float:left;
	margin-top:20px;
	padding-left:10px;
}

div.tshirt form select{
	margin-bottom:10px;
}


div.tshirt form select option{
	text-transform:lowercase;
}

div.tshirt form select option.soldOut{
	text-decoration:line-through;	
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* LIVE
/* LIVE
/* LIVE
/* LIVE
/* ------------------------------------------------------------------------------------------------------------------------ */

dl.dates{
	margin:0 0 0 27px;
	padding:15px 10px 15px 0;
	font-size:1.05em;
	line-height:1.3em;
}

div#col2 dl.dates{
	margin:0;
	padding:0;
}

dl.dates dt{
	color:#D6DE23;
	display:block;
	margin:0 0 -1px 0;
	padding:0;
}

dl.dates dd{
	display:block;
	margin:0 0 18px 17px;
	padding:0;
}

dl.dates p.tickets{
	color:#9B9B9B;
	margin:3px 0 -2px 0;
}

dl.dates p.tickets a{
	color:#9B9B9B;
}

dl.dates p.social{
	color:#9B9B9B;
	margin:3px 0 -2px 0;
}

dl.dates p.social a{
	color:#9B9B9B;
}





div.show{
	clear:both;
	border-left:5px solid #F2F2F2;
	padding-left:9px;
	margin-bottom:35px;
	margin-left:-5px;
	font-size:1.2em;
}

div.show div.details{
	float:left;
	width:210px;
	padding:3px 0 9px 0;
}

div.show div.details p.date{
	color:#D6DE23;
	border:0;
}

div.show div.details h3.showTitle{
	color:#D6DE23;
	margin:0;
}

div.show div.details p.city{
	color:#9B9B9B;
	margin:5px 0 9px 0;
}

div.show div.details a.tickets{
	color:#9B9B9B !important;
	text-decoration:underline;
}

div.show div.details a.tickets:hover{
	color:#D6DE23;
}



div.show div.findItOn{
	float:right;
	width:136px;
	padding-right:15px;
	margin-top:0;
	position:relative;
}

div.show div.findItOn h4.headerFindItOn{
	width:99px;
	height:20px;
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}
 
div.show div.findItOnList{
	margin:0 0 0 0;
	padding:11px 0 0 11px;
	width:134px;
	height:45px;
	background-color:#F2F2F2;
	position:absolute;
	left:-5px;
	top:30px;
}
 
div.show div.findItOn ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:134px;
	height:45px;
}
 
div.show div.findItOn ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	display:inline;
	overflow:hidden;
}
 
div.show div.findItOn ul li a{
	display:block;
	float:left;
	width:33px;
	height:34px;
	margin:0 11px 0 0;
	text-indent:-9999px;
	background-repeat:no-repeat;
	overflow:hidden;
}
 
div.show div.findItOn ul li a.myspace{
	background-image:url(../img/find-it-on/off/myspace.gif);
} 
div.show div.findItOn ul li a.myspace:hover{
	background-image:url(../img/find-it-on/on/myspace.gif);
}
 
div.show div.findItOn ul li a.facebook{
	background-image:url(../img/find-it-on/off/facebook.gif);
} 
div.show div.findItOn ul li a.facebook:hover{
	background-image:url(../img/find-it-on/on/facebook.gif);
}
 
div.show div.findItOn ul li a.lastFm{
	background-image:url(../img/find-it-on/off/last-fm.gif);
} 
div.show div.findItOn ul li a.lastFm:hover{
	background-image:url(../img/find-it-on/on/last-fm.gif);
}







/* ------------------------------------------------------------------------------------------------------------------------ */
/* MAILING LIST
/* MAILING LIST
/* MAILING LIST
/* MAILING LIST
/* ------------------------------------------------------------------------------------------------------------------------ */

form#mailingList{
	margin:0 0 0 32px;
	padding:20px 0 1px 0;
	display:block;
	text-transform:lowercase;
}

form#mailingList dl{
	margin:0;
	padding:0;
}

form#mailingList dt{
	display:none;
}

form#mailingList dd{
	margin:0 0 14px 0;
	padding:0;
}

form#mailingList dd.name{
	margin-bottom:24px;
}

form#mailingList input.textField{
	width:180px;
}

form#mailingList input.button{
	margin-top:-10px;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* SHOUTBOX
/* SHOUTBOX
/* SHOUTBOX
/* SHOUTBOX
/* ------------------------------------------------------------------------------------------------------------------------ */

div.panel div.shoutbox{
	width:207px !important;
	padding:15px 10px 15px 30px;
}

div.panel div.shoutbox dl dt{
	color:#9B9B9B;
}

div.panel div.shoutbox dl dd{
	margin:0 0 10px 9px;
}

div.panel div.shoutbox dl dt a{
	text-decoration:underline;
	color:#BABABA;
}

div.panel div.shoutbox dl dt a:hover{
	color:#67C6E8;
}

div.panel div.shoutbox dl dd p{
	color:#9B9B9B;
	font-size:0.9em;
	margin:0px 0 0 0;	
}

div.panel div.shoutbox dl dd p a{
	text-decoration:underline;
	color:#BABABA;
}

div.panel div.shoutbox dl dd p a:hover{
	color:#67C6E8;
}





form#shout{
	margin:0 0 0 6px;
	padding:0px 0 1px 0;
	display:block;
	text-transform:lowercase;
}

form#shout dl{
	margin:0;
	padding:0;
}

form#shout dt{
	display:none;
	margin:0;
	padding:0;
}

form#shout dd{
	margin:0 0 7px 0;
	padding:0;
}

form#shout input.textField{
	width:180px;
}

form#shout textarea.textArea{
	width:180px;
	height:90px;
}

form#shout input.button{
	margin-top:0px;
}

form#shout h4{
	text-transform:lowercase;
	font-size:1.4em;
	margin-bottom:10px;
	color:#BABABA;
}

input#shoutCheck{
	display:none;	
}




/* ------------------------------------------------------------------------------------------------------------------------ */
/* RELEASES
/* RELEASES
/* RELEASES
/* RELEASES
/* RELEASES
/* ------------------------------------------------------------------------------------------------------------------------ */


div.release{
	width:390px;
	float:left;
	margin-bottom:40px;
}

div.release img.item{
}

div.release h3.title{
	width:30px;
	min-height:50px;
	padding-left:22px;
	padding-right:85px;
	margin-top:13px;
	line-height:1.05em;
	font-size:0.98em;
	float:left;
	color:#000000;
	text-transform:lowercase;
	background-image:url(../img/ornaments/line-3.gif);
	background-repeat:no-repeat;
	background-position:79px 13px;
}

div.release div.details{
	width:200px;
	padding-left:22px;
	margin-top:13px;
	line-height:1.05em;
	font-size:0.98em;
	float:right;
	color:#000000;
	text-transform:lowercase;
}

div.release div.details ul{
	margin:0;
	padding:0;
	list-style-type:none;
}





/* ------------------------------------------------------------------------------------------------------------------------ */
/* STATUS
/* STATUS
/* STATUS
/* STATUS
/* ------------------------------------------------------------------------------------------------------------------------ */

div.panel div.status{
	width:207px !important;
	padding:12px 10px 15px 30px;
}

div.panel div.status p.status{
	color:#000000;
}

div.panel div.status p.status a{
	color:#000000;
}

div.panel div.status p.time{
	color:#9B9B9B;
	font-size:0.9em;
	margin:0px 0 0 0;	
}

div.panel div.status p.time a{
	text-decoration:underline;
	color:#BABABA;
}

div.panel div.status p.time a:hover{
	color:#67C6E8;
}





/* ------------------------------------------------------------------------------------------------------------------------ */
/* MIXTAPES
/* MIXTAPES
/* MIXTAPES
/* MIXTAPES
/* ------------------------------------------------------------------------------------------------------------------------ */

p.mixtape{
	margin-bottom:60px;
	margin-top:15px;
	font-size:.95em;
}



/* ------------------------------------------------------------------------------------------------------------------------ */
/* VIDEOS
/* VIDEOS
/* VIDEOS
/* VIDEOS
/* ------------------------------------------------------------------------------------------------------------------------ */

div.video{
	margin:15px 0 30px 0;	
}


