/* OVERALL STYLISTIC GENERALISATIONS */

 body						{ background : #959DB0; margin : 0px; padding : 0px; }
 p							{ color:#FFFFFF; text-align: left; letter-spacing: 0.1px; font-family: Arial; font-size : 9px; line-height : 13px;}
 h2							{ text-transform: uppercase; font-family: sans-serif; font-size: 12px;  font-weight : normal; color:#FFFFFF; line-height:13px;}
 h3,h4,h5					{ margin : 0; padding : 0;}
 a:link,
 a:hover,
 a:active,
 a:visited {
 	color : #FFFFFF;
	text-decoration : underline;
	font-family : arial;
 }
 
 a:hover { font-weight : bold; }
 
 /* LOGO */
 
 .logo						{ float : left; margin-top : 5px; height : 28px; width : 160px; background : url(../images/blackpipe/title.png) no-repeat; }
 .logo		img				{ height : 28px; width : 160px;}
  
/* HEADER */

 .headerbutton2			{ background : url(../images/blackpipe/releases.gif) no-repeat;}
 .headerbutton3			{ background : url(../images/blackpipe/shop.gif) no-repeat;}
 .headerbutton4			{ background : url(../images/blackpipe/forum.gif) no-repeat;}
 .headerbutton5			{ background : url(../images/blackpipe/irc.gif) no-repeat;}
 .headerbutton1			{ background : url(../images/blackpipe/artists.gif) no-repeat;}
 .header				{ width : 100%; padding-left : 20px; height : 60px; float : left;}
 .buttons				{ float : left; height : 220px; margin-left : 225px;}
 .buttons	div			{ float : left; margin-top : 0px; margin-left :7px; width : 60px; height : 27px; cursor : pointer; cursor : hand; }
 .buttons	img			{ width : 59px; height : 27px;}
 .artistslogo			{ margin-top : 4px; float : left; width : 64px; height : 23px; background : none;}
 /* BANNER */
 
 .banner				{ width : 100%; padding : 0px 20px 0px 20px; height : 151px; clear : both;}
 .bannerlogo			{ width : 100%; margin : 20px 0px 0px 0px;  height : 151px; background : url(../images/blackpipe/logoold.jpg) repeat-y ; display : block;}
 
 /* LAYOUT CONSTRUCTS */
 #pipes 						{}
 .center						{ clear : both;}
 img							{ border : none; opacity : 1;}
 .left							{ float : left; width : 270px;}
 .title							{ margin-top : 0px; margin-bottom : 10px;}
 .left		.title				{ margin-left : 20px; }
 #middleholder #middle			{ float : left; width : 303px; margin-left : 10px; }
 #middleholder #middle #news 	{ position: relative; overflow-y : scroll; overflow-x : hidden; height : 350px; min-height: 350px; width : 302px;}
 .right							{ float : left; width : 220px; margin-left : 20px; min-height: 400px;}
 #container						{  z-index : 10;width : 824px; height : 685px;text-align : left; background : #0F0F0F; margin-top : 88px; margin-bottom: 0px}
 #middleholder					{ display : block; }
 #cover							{ font-family : sans-serif; color : #CCCCCC; display : none; border : solid 2px #CCCCCC; float : left; height : 370px; line-height : 370px; text-align : center; width : 540px; background : #EEEEEE;}
 #sideright						{ background : url(../images/blackpipe/siderightlong.png) no-repeat;  margin-top : 86px; height : 687px; width : 42px; float : left; }
 #bars							{ width : 100%; background : url(../images/blackpipe/bargrad.png) repeat-x; height : 408px;position : absolute; top : 151px; left : 0px; z-index:-100;}
 #bottomshadow					{ clear : both; margin-left : -3px; height : 50px; width : 870px; background : url(../images/blackpipe/sidebottom.png) no-repeat; }
 .lotable						{ padding-left : 35px; }
 
/* NEW RELEASES */
 
 .newrelease			{ clear : both; margin-bottom : 15px; min-height : 100px;}
 .newrelease    img		{ margin-top :  0px; margin-left: 20px;}
 .newrelease    h2  	{ text-transform: uppercase; font-family: sans-serif; font-size: 9px;}
 .nrimage				{ float : left;}
 .newsarticle			{ margin-bottom : 20px; margin-top : -10px; }
 .newsarticle	h2		{ margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; width : 290px;}
 .newsarticle	p		{ margin-top: 0px; padding: 0px;width : 290px;}
 .newsarticle .dots		{width : 290px;}
 .newsarticle a			{ font-size : 10px; }
 .datesect				{ min-height : 100px;}
 #datesinner			{ width : 210px; margin-bottom : 3px;}
 .nrtext				{ float : left; width : 140px; margin-left : 10px; margin-top : 0px; }
 .nrtext	h2			{ margin : 0px; padding : 0px; font-size : 11px;}
 .nrtext	p			{ margin-top : 0px; padding : 0px; }
 .cont					{ width : 100%;}
 .dots 					{ border-bottom : dotted 1px #9F9F9F; clear : both; height : 1px; padding-top: 7px}
 .newrelease	.dots		{ margin-left : 20px; width : 240px; }
 
 /* POPULAR RELEASES */
 
 .preltext				{ margin-right: 10px; padding-right: 0px; text-align: right; width: 130px; height : 50px; float : left;}
 .preltext		h2		{ font-size: 9px}
 .prelimg				{ float : left;}
 .prel		a			{ text-decoration : none; color : #000000;}
 .prel		p			{ text-align: right; margin-top : 0px; padding-top : 0px;}
 .prel		h2			{ margin-bottom : 0px; padding-bottom : 0px; font-size: 10px}
 .prel					{ height : 80px;}
 
 /* FOOTER SETUP */
 
 .footer				{ clear : both; margin-left : 17px; font-family : sans-serif; font-size : 10px; padding-top : 30px; padding-bottom : 30px;}
 .footer	a			{ text-decoration : none; color : #FFFFFF;}
 .footspace1			{ background : #BBC93E; border-top : solid 1px #AABA36; border-bottom : solid 1px #AABA36;}
 .footspace2			{ background : #FFBB4E; border-top : solid 1px #D2AA4B; border-bottom : solid 1px #D2AA4B;}
 .footspace3			{ background : #B86438; border-top : solid 1px #A9583B; border-bottom : solid 1px #A9583B;}
 .footspace4			{ background : #592A20; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footspace5			{ width : 374px; background : #F3F3F3; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footspace6			{ width : 12px; background : #BCCB3E; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footspace7			{ width : 4px; background : #F0C45B; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footspace8			{ width : 6px; background : #B26038; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footspace9			{ width : 12px; background : #572629; border-top : solid 1px #522427; border-bottom : solid 1px #522427;}
 .footlink				{ float : left; }
 .footerlinks	span	{ margin : 4px 10px 0px; height : 3px; width : 12px; display : block; float : left;} 
 .footerbar				{ margin-left : 10px; margin-right : 5px; float : left;}
 .footerbar	span		{ margin-top : 4px; height : 3px; ; float : left;}  
 .footlogo				{ height : 19px; width : 95px; background : url(../images/blackpipe/soaklogofooter.png) no-repeat; float : left;}
 .footlogo	img			{ height : 19px; width : 95px; float : left;}

/* OVERLAY for AJAX PAGE LOAD TRANSITIONS */

 #overlay				{ margin : 0px; position : fixed; opacity : 0.7; display : none; height : 100%; width : 100%; left : 0px; top : 0px; background : #0D0D0D;}				
 .hide					{ display : none;}

/* TITLES GRAPHICS - SWITCH IMAGES FOR TITLES HERE */
 
 .newreleasetitle		{ margin-left : 20px; margin-top : 0px; margin-bottom : 10px; width : 242px; height : 19px; background : url(../images/blackpipe/newreleases.png) no-repeat;}
 .newstitle				{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 19px; background : url(../images/blackpipe/news.png) no-repeat;}
 .artiststitle			{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; background : url(../images/artiststitle.gif) no-repeat;}
 .datestitle			{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 19px; background : url(../images/blackpipe/dates.png) no-repeat;}
 .preltitle				{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 19px; background : url(../images/blackpipe/popularreleases.png) no-repeat;}
 
/* CONTROL PANEL STUFF */

#controlpanel			{ z-index : 1; visibility:hidden; overflow: hidden; opacity : 0.7; position : fixed; top : 0px; left : 0px; width : 100%; height : 385px; background-color : #959593; background-image: url(/SOAK/images/soakback3.png); background-position:bottom left;background-repeat:repeat-x; border-bottom : solid 2px #000000;}
#innerpanel				{  z-index : 1000; opacity : 1; position : fixed; top : 0px; left : 0px; width : 100%; overflow: hidden; height : 425px; }
#innerinner				{ width : 1200px; overflow : hidden; height : auto; z-index : 999; position : absolute; left : 50%; margin-left : -430px; text-align : left;}
.panellogo				{ margin : 25px; clear : both;}
/*.panelselektor		{ clear : both; margin-left : 30px; margin-right : 30px; height : 200px; }*/
#theme					{ float : left; display : none; width : 400px; height : 320px; border : solid 1px #00FF00; margin-top : -20px; }
.theme1					{  background : 	#883757; margin : 22px; width : 199px; height : 139px; opacity :1; z-index :-1; float : left; }
.theme2					{ background : 	#D1560D; width : 199px; margin : 22px;  height : 139px; opacity :1; z-index :-1; float : left;}
.theme3					{ background : 	#883757; margin : 22px; width : 199px; height : 139px; opacity :1; z-index :-1; float : left;}
.themeimage				{ z-index : -2; margin-left :8px; margin-top : 6px;  }
.colourpicker			{ z-index : -3; text-align : center; width :100%; font-family : sans-serif; color : #F1F1F1; font-size : 12px; margin-top :20px;}
#stuck					{ font-family : arial; width : 100%; position : fixed; top : 0px; left : 0px; height : 41px; background : url(../images/blackpipe/panelgrad.jpg) repeat-x; color : #FFFFFF; font-size : 15px; z-index : 1500;}
.stucklinks				{ color : #FFFFFF; float : left; margin-top : 15px; margin-left : 10px; }
.stucktitle				{ color : #FFFFFF; float : right; margin-top 15px; margin-right : 10px; margin-top : 25px; font-size : 10px;}
#stuck a:active,
#stuck a:link,
#stuck a:visited		{ color : #FFFFFF; text-decoration : none; }
#stuck a:hover			{ color : #FF0000; text-decoration : none; }
#stucklinks2 a:active,
#stucklinks2 a:link,
#stucklinks2 a:visited		{ color : #FFFFFF; text-decoration : none; }
#stucklinks2 a:hover			{ color : #FF0000; text-decoration : none; }
#stuck		img			{ height : 16px; width : 53px;}
#stuck2					{ font-size : 15px; font-family : Arial; cursor : pointer; cursor : hand; display : none; z-index : -4; background : url(../images/blackpipe/panelgrad.jpg) repeat-x; margin-top : 0px; height : 59px; width : 100%; overflow : hidden; }
.bottomgrad				{ z-index : -20; position : absolute; top : 41px; left : 0px;height : 18px; background : url(../images/topbar_gradient.png) repeat-x; width : 100%;}
.bottomgrad2			{ z-index : -20; height : 18px; position : relative; top : 40px; background : url(../images/images/topbar_gradient.png) repeat-x; width : 100%;}
.colourpicker	a		{ color : #FF0000;}
.colourpicker	form	{ color : #FF0000; display : inline;}
#player					{ opacity : 1; margin : -20px 5px 0px 5px; padding : 0px;  height : 330px; overflow : hidden; float : left; margin-left : 25px; }
#stucklinks2			{ display : none; float : left; margin : 17px 0px 0px 10px;}

/* DEBUG OUTPUT WINDOW */

.debug					{ width : 1280px; height : 200px; position : fixed ; top : 0px; font-family : sans-serif; font-size : 9px; }
.debug	textarea		{ opacity : 0.5; font-family : sans-serif; font-size : 9px; color : #EE0000;width : 420px; height : 150px; }
.debug1					{ float : left; background : #330000; opacity : 0.8;}
.debug2					{ float : left; background : #003300; opacity : 0.8; }
.debug3					{ float : left; background : #000033; opacity : 0.8; }
.debug	a				{ font-size : 11px; text-decoration : none; float : right; margin-right : 20px; line-height : 35px;}
.debug	h3				{ float : left; margin : 0px; line-height : 34px;}
.debug	h4				{ float : left; margin : 0px; line-height : 34px; padding-left : 10px; color : #FF0000;}
.debughead				{ opacity : 0.9; background : #EEEEEE; height : 35px; font-family : sans-serif; font-size : 8px; padding : 0px; margin : 0px; }

/* SCROLL BAR */
.scrollgeneric 			{ line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar 			{ width: 5px;background: #7B7B7B -36px 0px repeat-y;}
.vscrollerbarbeg		{ height: 24px !important;width: 10px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend 		{ height: 24px;width: 5px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase 			{ width: 5px;background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;  }
.vscrollerbasebeg 		{ width: 5px;height: 10px !important;}
.vscrollerbaseend 		{ height: 10px;width: 10px;}
.hscrollerbase 			{ display : none;}
.hscrollerbar 			{ display:none;}
.vscrollerbar 			{ padding: 0px; z-index: 2; } 
.scrollerjogbox 		{ width: 10px;height: 5px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* NEWS POPUP */

#main-news 				 		{ margin : 0 10px 10px 10px;  width : inherit; background: #0F0F0F; }
#main-news #newspopup h1 		{ font-family : Georgia, serif; font-size : 28px; color : #FFFFFF; float : left; }
#main-news #newspopup h2 		{ font-family : Georgia, serif; font-size : 20px; color : #FFFFFF; float : right; } 
#main-news #newspopup img 		{ margin-right : 10px; float : left; }
#main-news #newspopup #newsText p {  font-family:Georgia, "Times New Roman", Times, serif; font-size : 16px; color : #FFFFFF; }

.clear 							{ clear : both; }

/* DATES */
.dates 							{ cursor : pointer; cursor : hand; padding : 0; margin-bottom : 10px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color : #FFFFFF; font-weight : bold;}
.dates h2 						{ padding : 0; margin : 0; font-size : 10px; }

/* ARTISTS */
.artistimageblock 				{ width : 330px; float : left; margin-top : 10px;}
.artistimageblock .artist 		{ float : left; text-align : center; width : 110px; height : 130px; cursor : pointer; cursor : hand;}
.artistimageblock .artist h2	{ margin : 0; padding : 0; }

/* INFO PANEL FOR - SHOP PAGE - RELEASE PAGE - ARTIST PAGE*/
.infoartistname 				{ text-align:right; padding-right : 10px; font-size : 18px; font-family : Arial, sans-serif;  }
.inforeleasetitle				{ text-align:right; padding-right : 10px; font-size : 18px; font-family : Arial, sans-serif;  }
.inforeleasecatno				{ text-align:right; padding-right : 10px; font-size : 10px; font-family : Arial, sans-serif; }
.inforeleasedescription			{ color : #000000; padding-left : 10px; font-size : 12px; }
.infoavailable					{ text-align:right; padding-right : 10px; font-size : 10px; font-family : Arial, sans-serif; color : #000000;}
.infoartistnameart  			{ text-align:right; padding-right : 10px; font-size : 22px; font-family : Arial, sans-serif; }
.infoboxbottom					{ width : 191px; height : 11px; background : url(../images/infobottom.jpg) no-repeat; }
#loadinfo						{ height : 352px; width : 193px;background : #CCCCCC; opacity : 0; position : absolute;  margin-left : 612px; margin-top : 20px; z-index : 2; }
.loadgif						{ z-index : 10000; margin : 130px 0 0 70px; font-family : arial; font-size : 12px; color : #FFFFFF; }
#info							{ float : left;margin-left : 12px; width : 191px; }
#artistInfo						{ width : 100%; background : url(../images/infograd.jpg) repeat-x; height : 340px; }
.infotop						{ height : 11px; width : 191px; background : url(../images/infotop.jpg) no-repeat; }
.infoartistdescription			{ clear : right; margin-top : 2px; font-family : sans-serif; font-size : 12px; color : #FFFFFF; float : left ; width : 180px; }


/* SHOP/RELEASES PAGES  */
.releaseimageblock		 			{ width : 330px; float : left;margin-top : 10px;}
.releaseimageblock .release			{ float : left; text-align : center; width : 110px; height : 160px;}
.releaseimageblock .release h2 		{ margin : 0; padding : 0; }
.shopimageblock		 				{ width : 330px; float : left;margin-top : 10px;}
.shopimageblock .shop				{ float : left; text-align : center; width : 110px; height : 230px;}
.shopimageblock .shop h2 			{ margin : 0; padding : 0; }
.shop								{ cursor : hand; cursor : pointer; }
.shop .shopcatno					{ font-size : 10px; }
.artist	.shopprice					{ font-size : 10px; }	
.shop .shopheader					{ height : 20px;  width : 535px;  float : left; }
.shop .shopheader .infohead 		{ float : right; margin-right : 0px; }
.releases .releaseheader			{ height : 20px;  width : 535px;  float : left; }
.releases .releaseheader .infohead 	{ float : right; margin-right : 0px; }
.release							{ cursor : hand; cursor : pointer; }
.release .releasecatno				{ font-size : 10px; }
.release_info						{ width : 334px; float: left; margin-left : 10px; }
.release_info .infoinner			{ float : left; text-align : right; width : 155px; text-transform : uppercase; font-family : sans-serif; margin-top : 10px; }
.release_info .infoinner h1			{ color : #FFFFFF; margin : 0; padding : 0; }
.release_info .infoinner h2			{ font-size : 12px; color : #FFFFFF; margin : 0 0 5px 0; padding : 0; }
.release_info .infoinner h3			{ font-size : 10px; color : #FFFFFF; margin : 0; padding : 0; }
.release_info .infoinner img 		{ cursor : pointer; cursor : hand; }
.release_info .releasefreetext 		{ clear : both; font-family : arial; font-size : 10px; color : #FFFFFF;}
.release_info .releasetracklist		{ clear : both; margin-top : 2px; float : left ; width : 150px; text-align:left; }
.release_info .releasedescription	{ clear : right; margin-top : 2px; font-family : sans-serif; font-size : 12px; color : #FFFFFF; float : left ; width : 180px; }
.release_info .releaseimage			{ float : right; padding : 10px; }
#releaselinksreviews				{ float : left; width : 195px; margin-left : 10px; font-family : arial; color : #FFFFFF; }
#releaselinksreviews a 				{ font-size: 10px; }
/* ARTIST PAGE */
.artists_info						{ width : 334px; float: left; margin-left : 10px; }
.artistnameart						{ text-transform:uppercase; font-family : arial; color : #FFFFFF; margin : 0; padding : 0; float : left; width : 155px; margin-top : 10px;font-family : sans-serif; text-align:left; }
.artistimageart						{ float : right; padding : 10px; }
.artistlonginfo						{ clear : left; min-height : 80px; text-align : left; width : 300px; }
.releasesbyartist					{ cursor : pointer; cursor : hand; float : left; font-size : 12px; text-align:center; margin-right : 10px; color : #FFFFFF; margin-top : 10px; width : 70px;}
#linksreviewartist					{ float : left; width : 195px; margin-left : 10px; font-family : arial; color : #FFFFFF; }
.reviewsimg							{ margin-top : 10px; }
 #linksreviewartist a 				{ font-size : 10px;}
.artistlinkshtml					{ font-size : 10px; }

/* ARTISTS LHN */
#artistsleft						{ margin-left : 20px; float : left; width : 246px; height : 600px; overflow : hidden; top : 0; left : 0; }
#artistsleft .artistslefttitle		{ margin-botom : 10px; }
#artistsleft .artistsimagediv		{ float : left; width : 70px; }
#artistsleft .artistimage			{ cursor : hand; cursor : pointer; margin-left : 10px; }
#artistblurb						{ float : left; font-family : arial; width : 100px; color : #FFFFFF; font-size : 10px; margin-top : 10px; }
#artistblurb h3						{ font-size : 12px; font-family : verdana; width : 160px;}
#artistblurb h4						{ font-size : 10px; }
#artistblurb h5						{ font-size : 10px; width : 170px; }

/* BASKET */
.basketitem							{ width : 404px; height : 76px; /*border : solid 1px #FF0000;*/ background : #5F5F5E; margin-top : 2px;}
.basketiteminner					{ float : left; margin-left : 10px; /*border : solid 1px #0000FF;*/ height : 90%; width : 300px; font-size : 12px; color : #FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top : 7px;}
.itemname							{ font-family : arial; font-size : 14px; color : #FFFFFF; padding : 0; margin : 0; }
.formatprice						{ float : left; width : 200px; }
.qtyinput							{ width : 10px; height : 10px; font-size : 9px; }
.qtyremove							{ float : right; margin-top : 15px; }
#innercart							{ width :  404px; height : 240px; /*border : 2px solid #0000FF; */overflow : hidden; cursor:n-resize; }
#cart								{ float : left; margin-left : 80px; width : 404px; height : 320px; /*border : solid 1px #00FF00;*/ margin-top : -20px; background : url(../images/blackpipe/basket/baskethead.png) no-repeat; background-color: #959593; opacity : 0.9;}
#innercart 	p						{ margin-top : 40px; padding-left : 20px; font-size : 12px;}
#totals								{ z-index : 50000; height : 39px; width : 100%; background : url(../images/blackpipe/basket/basketfoot.png) no-repeat;; margin-top : 9px; }
h4#totalprice						{ color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; font-size : 12px; margin : 12px 0px 0px 10px; float : left; }
#innercart	img						{ margin : 5px; border : solid 2px #000000; }
#innercart	img.plusminus			{ margin : 2px 2px 0px 2px; border : none }
.qtyinputdiv						{ float : left; margin-top : 1px; margin-left : 5px; margin-right : 5px;}
#checkout							{ z-index: 100000000; cursor : pointer; cursor : hand; width : 120px; height : 36px; position : relative; left : 280px; }

/* AJAX WAIT */
#ajaxwait 							{ position : fixed; top : 0px; left : 0px; z-index : 100000;font-family : arial; font-size : 10px;height : 10px; background : #020202; color : #F2F2F2; height : 20px; width : 70px; display : none;}

.reltracks 							{ font-family : arial; font-size : 10px; color : #FFFFFF; list-style-type: circle; padding : 0 0 0 10px; }
.fleft								{ float : left; }

#artistscroll						{ height : 600px; overflow : hidden; }