/* 

	Andrea Cadorin
	http://www.andreacadorin.com
	
	Yellow: #ffff00
	Red: #cc0000
	Light Gray: #cccccc
	Dark Gray: #666666

 */



/* RESET */
/* ----------------------------------------- */

* 							{margin: 0; padding: 0;}

html						{overflow-y: auto; overflow-x: auto; }

html, body					{height: 100%; }

h1 							{
	font-size: 250%;
	padding-top: 0px;
	padding-bottom: 30px;
}

h2 							{font-size: 120%; font-style: normal; padding-left: 0; padding-right: 0; padding-top: 5px;
							border-top-style: solid; border-top-width: thin; border-top-color: #666666; 
							}




body						{
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	color:white;
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url(whb_bg2.jpg);
}

ul							{list-style: none;}

ol							{list-style: disc;}

a							{outline: none; 
							color:red;
							text-decoration: none;}

a img						{border: none;}

img							{vertical-align: middle;}

table						{border-collapse: collapse;}

/*UTILITY---------------------------------------------------------------------------------- */

.floatLeft					{float: left;}
.floatRight					{float: right;}
.clear						{clear: both;}
.button						{text-transform: uppercase;	background-color: yellow; 
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size:x-small;
							color: #000000;
							border-top-style: none;
							border-right-style: none;
							border-bottom-style: none;
							border-left-style: none;
							padding: 1px 1px 1px 1px;}
				
.button:hover				{text-transform: uppercase; border-color: white; background-color: #ffff44;}

/*STRUCTURE---------------------------------------------------------------------------------- */

/*HEAD*/
#top-bar					{padding: 20px 0 0 0; }
#top-bar p					{color:gray; width: 300px; float:left;}	

h4#logo						{
	position:absolute;
	width: 257px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 40px 0 40px;
	float: left;
	background-image: url(whb_logonew_03.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
		

/*SOCIAL_MENU_BAR---------------------------------------------------------------------------------- */

#social_menu_bar				{
	position: absolute;
	display: block;
	width:960px;
	margin-left: 430px;
	padding-top: 0px;
}
ul#social_main_nav 				{float: left; margin: 0 0 0 0; }
ul#social_main_nav li 			{display: inline;}
ul#social_main_nav li a 		{background-color: black; color: #cccccc; font-size:11px;padding: 2px 4px 2px 4px; margin-right: 10px;}
ul#social_main_nav li a:hover 	{color:white; }


/*OTHERS---------------------------------------------------------------------------------- */

#footer 					{display: none;}
#page-wrap					{width: 4600px; margin:0 40px -250px; display: block;
							/*min-height: 100%; height: auto; !important; height: 100%; */
							}

#cont_slide				{	position:absolute;			
							display: block;
							width: 4550px;
							height: 2px;			
							left: 40px;
							top: 20px;
							}
							
#butt_slide					{ position: relative;
							width: 50px; height: 480px; 
							float:left; 
							margin: 70px 25px 0 0; 
							overflow: hidden;
							z-index: 100;
							/*background: url(/blog/images/whb_arrow_trasp.png) no-repeat;*/
							}
			
#push						{height: 250px;}



/*COLUMN OPENER---------------------------------------------------------------------------------- */
#opener_cont 				{ display: block;
							width: 1100px; height: 480px; 
							float:left; 
							background-color: #000000;
						 	/*filter:alpha(opacity=80);
						  	/* CSS3 standard 
  							opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 30px;
							overflow: hidden;
														
							} 

#inner_opener_cont			{width: 800px; height: 480px;
							position: absolute;
							top: 103px;
							filter:alpha(opacity=100);
						  	/* CSS3 standard */
  							opacity:1;
							/*background: url(http://wehaveband.com/images/whb_honeytrap_13.png) no-repeat;*/
							background: url(http://wehaveband.com/images/whb_album/whb_cover.jpg) no-repeat; 
							float:left;
							
							}

#butt_preorder {width: 65px; height: 155px;
background-color: #000011; position:absolute; 
							top:305px; margin-left: 810px;}

#butt_slide_inner			{width: 31px; height: 298px; 
							margin-left: 920px;
							position:absolute; 
							top:80px;
							float: left;

							/*background: url(/blog/images/whb_arrow_trasp.png) no-repeat;*/
							}
							
#mailing_widget				{position: relative; 
							margin-left: 480px;
							margin-top: 0px;}



/*COLUMN LIVE DATES---------------------------------------------------------------------------------- */
#gigs_cont 					{ width: 360px; height: 480px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 10px;
							overflow: hidden;
							} 

#inner_gigs_cont			{width: 350px; height: 435px;}

.giglist 					{font: 120% Helvetica, Verdana, Arial,  sans-serif;
							margin-bottom: 10px; padding: 0;
							list-style-type: none;
							/*border-bottom: solid;
							border-bottom-width: thin;
							border-bottom-color: #666666;*/
							}

.giglist p 					{ padding: 0;}

.giglist dl 				{margin: 0; padding: 0px;
							list-style-type: none;}

.giglisttime 				{ padding-left: 0; padding-bottom: 2px; padding-right: 0; padding-top: 5px; 
							border-top-style: solid; border-top-width: thin; border-top-color: #666666; 
							margin-bottom: 2px;
							font-size: 100%; font-weight: normal;}
						
.giglistcontent 			{ margin: 0 0 0 0; }
.giglisttitle 				{ margin: 0 0 0 0; float: right; padding-top: 5px; margin-right: 5px;}


/*COLUMN MUSIC---------------------------------------------------------------------------------- */
#music_cont 				{
							width: 360px; height: 250px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 10px;
							overflow: hidden;
							} 

#inner_music_cont			{width: 350px; height: 450px;}


/*COLUMN TWITTER & NEWS---------------------------------------------------------------------------------- */

#socialsidebar				{width: 360px; float:left; margin: 0 25px 0 0; }

/*TWITTER---------------------------------------------------------------------------------- */

#contact_cont_tweet			{width: 360px; height: 230px; 
							margin: 70px 25px 0 0; 
							float:left; 
							background-color: #000000; 
							/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
							padding-bottom: 35px;
							padding-left: 5px; 
							overflow: hidden;} 

#inner_contact_cont_tweet 	{width: 350px; height: 180px; 
							padding-left: 5px; }

.tweet						{color:white;} 

.twitter_list 				{font: 120% Helvetica, Verdana, Arial,  sans-serif;
							margin: 0 0 10px 0; padding-top: 0px;
							list-style-type: none;
							border-top: solid;
							border-top-width: thin;
							border-top-color: #666666;}

.twitter_title 				{font: 140% Helvetica, Verdana, Arial,  sans-serif; 
							padding-bottom: 5px;}

.twitter_time				{font-size: xx-small; padding-top:5px; color: aqua;}

.twitter_content			{font: 100% Helvetica, Verdana, Arial,  sans-serif; 
							padding-top: 5px; text-align: left;}

/*NEWS---------------------------------------------------------------------------------- */

#news_cont					{width: 360px; height: 190px; 
							float:left; 
							background-color: #000000; 
							/*filter:alpha(opacity=80);*/
							/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 20px 25px 0 0; 
							padding-top:3px; 
							padding-bottom: 35px; 
							padding-left: 5px;
							overflow: hidden;}

#inner_news_cont 			{width: 350px; height:150px; 
							padding-left: 5px;}
							
.newslist 					{font: 120% Helvetica, Verdana, Arial,  sans-serif;
							margin: 0 0 10px 0; padding-top: 2px;
							list-style-type: none;
							border-top: solid;
							border-top-width: thin;
							border-top-color: #666666;}
	
.newtitle 					{font: 100%  Helvetica, Verdana, Arial,  sans-serif; 
							padding-top: 8px;}
							
.newtime					{font-size: xx-small; padding-top:5px; color: aqua;}
.newcontent					{font: 100%  Helvetica, Verdana, Arial,  sans-serif; 
							padding-top: 2px; text-align: left;}
							

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

#releases_cont				{width: 260px; height: 480px; 
							float:left; 
							background-color: #000000; 
							/*filter:alpha(opacity=80);*/
							/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; padding-left: 5px; 
							overflow: hidden;}

#inner_releases_cont 		{width: 250px; height: 440px; 
							padding-left: 5px;}

.releaseslist 				{font: 120% Helvetica, Verdana, Arial,  sans-serif;
							margin-bottom: 15px; padding: 0;
							list-style-type: none;
							/*border-bottom: solid;
							border-bottom-width: thin;
							border-bottom-color: #666666;*/
						 	}

.releaseslist p 			{padding: 0;}

.releaseslist dl 			{margin: 0; padding: 0px;
							list-style-type: none;}
						
.releaseslistcontent 		{margin: 0 0 0 0; }
p img 						{margin-bottom: 5px;}


.releaseslisttitle 			{margin: 0 0 0 0;  
							padding-top: 5px;
							padding-bottom: 5px; 
							border-top-style: solid; border-top-width: thin; border-top-color: #666666; 
							margin-bottom: 5px;}

/*COLUMN LISTEN---------------------------------------------------------------------------------- */
#listen_cont 				{display:none;
							width: 360px; height: 480px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 10px;
							overflow: hidden;
							} 

#inner_listen_cont			{width: 350px; height: 435px;}


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

#videos_cont {				width: 420px; height: 480px; 
							float:left; 
							background-color: #000000; 
							/*filter:alpha(opacity=80);*/
							/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; padding-left: 5px;
							overflow: hidden;
							} 


#inner_videos_cont 			{width: 410px; height: 440px; 
							padding-left: 5px;
							}

.videostitle 				{font: 100%  Helvetica, Verdana, Arial,  sans-serif; 
							margin-bottom: 8px;}

/*COLUMN GIGOGRAPHY---------------------------------------------------------------------------------- */

#gigs_past_cont				{display: none;
							width: 360px; height: 480px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
							margin: 70px 25px 0 0; 
							padding-bottom: 35px;
							padding-left: 10px; 
							overflow: hidden;
							}
							 
#inner_gigs_past_cont		{width: 350px; height: 435px;}



/*COLUMN VIDEO-BLOGS---------------------------------------------------------------------------------- */

#videoblogs_cont { 			width: 340px; height: 480px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8;*/
 							margin: 70px 25px 0 0; 
							padding-bottom: 35px;
							padding-left: 5px; 
							overflow: hidden;
							} 


#inner_videoblogs_cont { 	width: 330px; height: 440px; 
							padding-left: 5px;
							}

/*COLUMN SHOP---------------------------------------------------------------------------------- */

#shop_cont { 				width: 286px; height: 320px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8; */
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 5px;
							overflow: hidden;
							} 

#inner_shop_cont {			width: 290px; height: 320px;}

/*COLUMN CONTACT---------------------------------------------------------------------------------- */

#contact_cont { 			width: 340px; height: 480px; 
							float:left; 
							background-color: #000000; 
						 	/*filter:alpha(opacity=80);*/
						  	/* CSS3 standard */
  							/*opacity:0.8; */
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; 
							padding-left: 10px;
							overflow: hidden;
							} 

#inner_contact_cont {		width: 330px; height: 440px;}






/*COLUMN PRESS---------------------------------------------------------------------------------- */

#press_cont				{width: 260px; height: 480px; 
							float:left; 
							background-color: #000000; 
							filter:alpha(opacity=80);
							/* CSS3 standard */
  							opacity:0.8;
							margin: 70px 25px 0 0; 
							padding-bottom: 35px; padding-left: 5px; 
							overflow: hidden;}

#inner_press_cont 		{width: 250px; height: 440px; 
							padding-left: 5px;}

.presslist 				{font: 120% Helvetica, Verdana, Arial,  sans-serif;
							margin-bottom: 15px; padding: 0;
							list-style-type: none;
							/*border-bottom: solid;
							border-bottom-width: thin;
							border-bottom-color: #666666;*/
						 	}

.presslist p 			{padding: 0;}

.presslist dl 			{margin: 0; padding: 0px;
							list-style-type: none;}
						
.presslistcontent 		{margin: 0 0 0 0; }

.presslisttitle 			{ margin: 0 0 0 0; 
							 
							padding-top: 5px;
							padding-bottom: 5px; 
							border-top-style: solid; border-top-width: thin; border-top-color: #666666; 
							margin-bottom: 5px;}









/*RUBBISH*----------------------------------------------------------------------------/

/*#whb_descr_cont			{width: 400px; height: 200px; float:left; background-color: #000000; margin: 0 0 25px 0; overflow: hidden;}
#inner_whb_descr_cont	{width: 400px; height: 200px;}*/

/*#contact_cont			{width: 360px; height: 150px; 
						float:left; background-color: #000000; 
						margin: 0 0 0 0; 
						padding-bottom: 35px; 
						overflow: hidden;} 
						
#inner_contact_cont		{width: 360px; height: 150px;}*/

/*#blog_cont {				display:none; 
							width: 400px; height: 560px; 
							float:left; 
							background-color: #000000; 
							margin: 0 0 0 0; 
							padding-bottom: 35px; 
							overflow: hidden;
							} 

#inner_blog_cont {			width: 400px; height: 530px;}*/


/*#list_gigsall_cont			{width: 400px; height: 560px; 
							float:left; 
							background-color: #000000; 
							margin: 0 25px 0 0; 
							padding-bottom: 35px; 
							overflow: hidden;
							} 

#inner_list_gigsall_cont	{width: 400px; height: 560px;}*/



/*h2#gigs_title_up		{font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}

h2#gigs_title_prev		{ font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;} */

/*


#menu-bar				{display: block; width:960px; margin-left: 400px; padding-top: 0px; }
ul#main-nav 			{ float: left; margin: 0 0 0 0; }
ul#main-nav li 			{display: inline;}
ul#main-nav li a 		{color: #cccccc; font-size:11px;padding: 0 15px 0 0;}
ul#main-nav li a:hover 	{color:white; }




#socialnet_cont			{width: 400px; height: 100px; 
						float:left; background-color: #000000; 
						margin: 0 0 0 0; 
						padding-bottom: 35px; 
						overflow: hidden;}
						
#inner_socialnet_cont {width: 400px; height: 100px; }

*/


#table_album {
	height:560px;
	width:980px;
	background-color:black;
	color:white;
	position:absolute;
	margin-top:40px;
	margin-left:45px;
	padding-top: 10px;
	font-size: 10px;

}

#table_album table tr {
	font-size: 12px;
	
}

#table_album table td {

	padding-top: 3px;
	padding-bottom:3px;
}
.separat_row{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#table_single_01 {
	height:190px;
	width:465px;
	background-color:black;
	color:white;
	position:absolute;
	padding-top:10px;
	margin-top:620px;
	margin-left:45px;
	}
	
	#table_single_01 table tr {
	font-size: 12px;
	
}

	#table_single_01 table td {

	padding-top: 3px;
	padding-bottom:3px;
}
	
	#table_single_02 {
	height:190px;
	width:505px;
	padding-top:10px;
	background-color:black;
	color:white;
	position:absolute;
	margin-top:620px;
	margin-left:520px;

	}
	
		#table_single_02 table tr {
	font-size: 12px;
	
}

	#table_single_02 table td {

	padding-top: 3px;
	padding-bottom:3px;
}

.noborder {
	border: thin solid #000;
}