/* OVERALL STYLISTIC GENERALISATIONS */

 body						{ background : #7F8BA1; 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;}
 
 /* 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 : 287px;}
 .buttons	div		{ float : left; margin-top : 0px; margin-left :7px; width : 60px; height : 27px; cursor : pointer; cursor : hand; }
 .buttons	img		{ width : 59px; height : 27px;}

 /* BANNER */
 
 .banner				{ width : 100%; padding : 20px 20px 0px 20px; height : 151px; clear : both;}
 .bannerlogo			{ width : 100%; margin : 0px 0px 0px 0px;  height : 151px; background : url(../images/weird/logo.jpg) repeat-y ; display : block;}
 
 /* LAYOUT CONSTRUCTS */
 
 .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; }
 .middle				{ float : left; width : 300px; margin-left : 10px;}
 .right					{ float : left; width : 220px; margin-left : 20px;}
 #container			{ z-index : 10;width : 826px; text-align : left; background : #212121; margin-top : 50px; margin-bottom: 70px}
 #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;}

/* NEW RELEASES */

 .newrelease		{ clear : both; margin-bottom : 15px; 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; }
 .newsarticle	h2{ margin-bottom: 0px; padding-bottom: 0px; font-weight: bold;}
 .newsarticle	p	{ margin-top: 0px; padding: 0px; }
 .datesect			{ height : 100px; min-height : 100px;}
 .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 : 40px; 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; 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 : 14px; background : url(../images/blackpipe/newreleases.png) no-repeat;}
 .newstitle			{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 14px; background : url(../images/blackpipe/news.png) no-repeat;}
 .datestitle		{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 14px; background : url(../images/blackpipe/dates.png) no-repeat;}
 .preltitle			{ margin-left : 0px; margin-top : 0px; margin-bottom : 10px; width : 309px; height : 14px; background : url(../images/blackpipe/popularreleases.png) no-repeat;}
 
/* CONTROL PANEL STUFF */

#controlpanel		{ overflow: hidden; opacity : 0.9; position : fixed; top : 0px; left : 0px; width : 800px; height : 350px; background : #2C2C2C}
#innerpanel			{ z-index : 1; opacity : 1; position : fixed; top : 0px; left : 0px; width : 800px; height : 350px; }
.panellogo			{ margin : 25px;}
.panelselektor	{ clear : both; margin-left : 30px; margin-right : 30px; height : 200px; }
.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					{ position : fixed; top : 0px; margin-left : 760px; background : url(../images/blackpipe/settings.png) no-repeat;}
#stuck		img		{ height : 16px; width : 53px;}
#stuck2					{ cursor : pointer; cursor : hand; display : none; z-index : -4; margin-left : 747px; background : url(../images/blackpipe/settings.png) no-repeat; margin-top : 22px; }
.colourpicker	a	{ color : #FF0000;}
.colourpicker	form		{ color : #FF0000; display : inline;}

/* 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; }