@charset "utf-8";

* { margin:0;
}

html, body {
	   
    font: 1.2em/1.3em 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Roboto-Light', 'Roboto Light', 'Roboto', 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', Helvetica, Arial, sans-serif;
  color: #fff; background-color:rgba(102,102,102,1);
height:100%;
 
	}
	
	
	* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:after, *:before { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {  display: block;}
html {font-size: 100%;height: auto !important;height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.clear {display: block;	}
.clear::after {clear: both;content: ".";display: block;height: 1px;visibility: hidden;}
	
.active{
background-color:rgba(150, 0, 0, 0.5);

	
}

h3{font: 1.2em/1.3em 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Roboto-Light', 'Roboto Light', 'Roboto', 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', Helvetica, Arial, sans-serif;
  }
  
  h4{font: 1em/1.1em 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Roboto-Light', 'Roboto Light', 'Roboto', 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', Helvetica, Arial, sans-serif;}
  
th{font: 0.9em/1em 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Roboto-Light', 'Roboto Light', 'Roboto', 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', Helvetica, Arial, sans-serif;}
	
body{
	background-image:url(../css/metaltexturesmall3.jpg);
	background-size:auto;
	background-repeat: repeat;
	background-attachment:fixed;
	min-width:100%;
	min-height:100%;
	height:auto !important;
		}
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -5em;
	min-height:100vh;
	margin-top:-5px;
}

.footer, .push {
	height: 5em;
	
	
	
	
}

.footer {
		text-align:center;
		color:#F5F5F5;
		
		
}
	
.clearing {/** to clear floats after they are not needed **/ 
	clear:both;
	height:1px;
	border-color: #900000;
	width:80%;
	margin-left:10%;
	margin-bottom:1%;}
	
	/* HEADER STYLES */
.header{
	width:100%;
	margin-top:5px;
	
	/*
	border:#900000 solid 3px;
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.5);
	margin-bottom:10px;
	box-shadow:-5px 5px 10px 0px black, 5px 5px 10px 0px black, 						5px 0 10px 0px rgba(0,0,0,1.00), -5px 0 10px 0px rgba(0,0,0,1.00);
	border-radius:5px;*/}
	
.ltwfull {
	width: 35%;
	margin-left:17.5%;}

.ltwlogo {
	width:15%;
	float:right;
	margin-top:2%;}
	
	
.ltwlogoleft {
	width:15%;	
	float:left;
	margin-top:2%;}

	
	
/*NAVBAR STYLES           */	
/*Strip the ul of padding and list styling*/



ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	
	

}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;

	margin-right: 0px;
	
	
	
	
	
	
}

/*Style for menu links*/
li a {
	display:block;
	min-width:94px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;
	color: #fff;
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.0);
	
	
	text-decoration: none;
	
}

/*Hover state for top level links*/
li:hover a {
	background:rgba(150, 0, 0, 0.5);
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	background:rgba(150, 0, 0, 0.5);
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background:rgba(150, 0, 0, 1);
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;
	text-decoration: none;
	color: #fff;
	background:rgba(150, 0, 0, 0.5);
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}






.hr {
	border-color: #900000;
	width: 80%;
	margin-left: 0%;
	margin-bottom: 1%;
	margin-top: 1%;
	border-width:2px;
}


.hr2 {
	border-color: #900000;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 1%;
	margin-top: 1%;
	border-width:2px;
}

.hr3 {
	border-color:rgba(150, 0, 0, 0.5);	
	width: 90%;
	margin-left: 5%;
	margin-bottom: 1%;
	margin-top: 1%;
	border-width:2px;
}
/* MAIN CONTAINER SHIT */

#main {
   margin-top:5px;
   padding: 0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row;
   flex-flow: row;
   
  
}


#main > asideright,
#main > asideleft,
#main > center {
   margin-top:0;
   padding: 0;
   min-height:450px;
     height:100%;
   
}
 
#main > asideright {
 	background:rgba(0, 0, 0, 0.5);
	border:3px solid rgba(150, 0, 0, 0.5);
    -webkit-flex:2;
  	flex:2;
	-webkit-order: 3;
           order: 3;
		   text-align:center;
		   padding:0.5em;
		   
		  
}


#main > asideleft {
	border-right:0px;
   -webkit-order: 1;
           order: 1;
		   flex:4;
		   -webkit-flex:4;
		    background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  padding:0.5em;
		   
		  
		 
}

.gigsmainpage{font-size:16px;
align:left;
margin-left:0px;
text-align-last:left;
	
}
 
  
#main > center {
	border-left:0px;
   -webkit-order: 2;
   -webkit-flex:2;
   flex:2;
           order: 2;
		    background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  margin:0 5px;
		  padding:0.5em;
		  max-height:80%;
}



 

/*Responsive Styles*/

#main2 {
	margin-top:0;
   padding:0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row;
   flex-flow: row;	
   min-height:250px;
   overflow:hidden;
   padding-top:50px;

   
	
}
 #main2 > youtubehomepage {
	  order:1;
	  -webkit-order:1;
	  flex: 5;
	  -webkit-flex:5;
	  ;
	      background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		 
		 margin-right:5px;
		
		  
	 
	  	  }
		  
	#main2 > bandcamphomepage {
	order:2;
	-webkit-order:2;
	 -webkit-flex:8;
	 flex:8;	
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		padding:0 0 0.5em 0;
		
		  
		
	}
	
	.bandcampplayermainpage {
	width:100%;
	
	height:80%;
	border:none;
	display:flex;	
}





/*music page styles */

#main3{
   margin-top:5px;
   padding-top: 50px;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row;
   flex-flow: row;
  
}

#main3 > nomercyplayer {
	-webkit-flex-order:1;
	flex-order:2;
	-webkit-flex:1;
	flex:1;
padding:1em;	
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  margin-right:1%;
		  text-align:center;
}

#main3 > neckbreakerplayer {
	-webkit-flex-order:2;
	flex-order:1;
	-webkit-flex:1;
	flex:1;
padding:1em;	
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
	  text-align:center;
	  
}

.neckbreakerplayermobile{
display:none;	
}

.nomercyplayermobile{
	display:none;
}

#main4{
	
	text-align:center;
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  margin-top:5px;
		  padding:0.5em;
}
		  

.centertext {
text-align:center;	
}

/*gigs page*/

#gigs  {
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
margin-top:60px;

text-align:center;
	
}


.button1 {
	
	
border: 2px solid rgba(150, 0, 0, 0.5);
	background: rgba(0,0,0,0.0);
    margin-bottom:1%;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: 4px;
   font-size:100%;

  
	
}
.button1:hover {
    background-color: rgba(150, 0, 0, 0.5);
    color: white;
}



.centerbutton{
text-align:center;	
}

.gigscontainer{
	font: 90%'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Roboto-Light', 'Roboto Light', 'Roboto', 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', Helvetica, Arial, sans-serif;
}

#main3 > videoleft {
-webkit-flex-order:1;
	flex-order:1;
	-webkit-flex:1;
	flex:1;

	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  margin-right:5px;
		  text-align:center;
		  
}

#main3 > videoright {
-webkit-flex-order:2;
	flex-order:2;
	-webkit-flex:1;
	flex:1;
	
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  
		  text-align:center;
}

#biography {
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
margin-top:60px;
padding:1em;
text-align:center;
	
}

.bioenglish{
	width:80%;
	margin-left:10%;
}

#members {
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
margin-top:60px;
padding:1em;
text-align:center;
	
}

#gear {
 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
margin-top:60px;
padding:1em;
text-align:center;
		
}

#main5{	
  display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row;
   flex-flow: row;	
   margin-top:60px;
   
  
		  
}

#main5 > neckbreakercd{
	-webkit-flex-order:1;
flex-order:1;	
margin-right:5px;
 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  flex:2;
		  
}


#main5 > tshirt {
	-webkit-flex-order:2;
	flex-order:2;	
	margin-right:5px;
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  flex:2;
		 
}

#main5 > prices{
	-webkit-flex-order:3;
	flex-order:3;	
	 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
padding:0.5em;
flex:3;
font-size:0.9em;
}



#main > booking, info, socialmedia {
flex:row;
 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  width:100%;
		  margin-top:50px;
		  text-align:center;
		  padding:1em;
}
#main > booking{
flex:1 1 1;	
margin-right:5px;
}
#main > info{
flex:1 1 1;	
margin-right:5px;
}
#main > socialmedia{
flex:1 1 1;	
}

#main6 > merchinfomobile {
visibility:hidden;

}

.merchinfomob {
display:none;	
}




@media screen and (max-width : 769px){

	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
		margin-top:0;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
		background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.2);
	padding:0;
	margin:0;
	
	font-size:90%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		margin-bottom:0px;
		
		
	}
	li:hover ul a {
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.4);
	color: #fff;
	height: 40px;
	line-height: 40px;
}
.header{
margin-bottom:0px;	
}

.ltwfull {
	width: 50%;
	margin-left:1%;}

.ltwlogo {

	width:20%;
	float:right;
	margin-top:2%;}
	
.ltwlogoleft {
	display:none;
	width:15%;	
	float:left;
	margin-top:2%;}
	
	li:hover ul a:hover {
	background:rgba(150, 0, 0, 0.5);
	color: #fff;
}

	
	/* Too narrow to support three columns */
	
	.gigsmainpage{font-size:16px;
align:center;

text-align-last:center;
	
}

#main2 {
	
  -webkit-flex-flow:column;
  flex-flow:column;
  margin-top:0;
   padding-top:0px;
   
}
  
  #main2 > youtubehomepage{
	 height:220px;
	  width:100%;
	  -webkit-flex-order:2;
	  flex-order:2;
	  padding:0.2em;
margin-bottom:5px;
	  
	 }
	 
#main2 > bandcampplayermainpage {
	width:100%;
	
	height:100%;
	border:none;
	display:flex;
	flex-order:1;
	-webkit-flex-order:1;
	padding:0.5em;
}

  
  
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
			
}

   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
			margin-top:-80px;
   }
  
   #main > nav, #main > aside, header, footer {
    min-height: 50px;
	
  
   }
   
   #main > asideleft {
	   text-align:center;
	   min-height:300px;
	height:100%;
	max-height:100%;
	
   }
   
   #main > center {
	
	width:100%;
	margin-left:0;   
	margin-top:5px;
	min-height:300px;
	height:300px;
	max-height:300px;
	   
   }
   
#main > asideright{
	margin-top:5px;
	max-height:100%;
}
   
.snapwidget-widget {
	max-height:100%;   
	max-width:60%;
   }
	
.fb-page {
 max-width:60%;
	}
	
.fb-pagediv{
	display:none;
	}
	
.neckbreakerwebpic {
	width:35%;
	margin-left:15%;		
	}
	
.tshirtwebpic{
	width:35%;
	}
	
#main3	{
	 -webkit-flex-flow: column;
            flex-flow: column;
			margin-top:0px;
		padding:0;
			width:100%;
			
	   
}




#main3 > neckbreakerplayer{
margin-right:0px;
margin-left:0px;


}

#main3 > nomercyplayer{
margin-bottom:0px;
margin-left:0px;
margin-bottom:5px;
width:100%;

	
}

.allmusic {margin-left:0px;
margin-right:0px;
width:100%;
}

.neckbreakerplayermobile{
display:inherit;
width:100%;

	
	
}

.neckbreakerplayerdesktop{
	display:none;
}

.nomercyplayermobile{
	display:inherit;
	
}

.nomercyplayerdesktop{
	display:none;	
}

#main4 {
margin-bottom:25px;	
margin-right:0px;
margin-left:0px;
}

#main3 > videoleft {
	margin-right:5px;
margin-left:5px;
	margin-bottom:5px;
}

#main3 > videoright{margin-right:5px;
margin-left:5px;
}


#gigs {
margin-top:0;	
margin-right:5px;
margin-left:5px;
}

#biography {
margin-top:0;	
margin-right:5px;
margin-left:5px;
}

#members{
margin-top:0;	
margin-right:5px;
margin-left:5px;
}

#gear {
margin-top:0;	
margin-right:5px;
margin-left:5px;
}

#main5 {
	margin-right:5px;
margin-left:5px;
 
  margin-top:0px;
  
  }
  
  
  #main5 > neckbreakercd{

margin-right:0;
padding:0.5em;
margin-bottom:5px;
width:50%;
height:50%;
 
		  
}


#main5 > tshirt {
padding:0.5em;
	margin-right:0;
	width:50%;
height:50%;
   }

#main5 > prices{
	margin-top:5px;
	display:none;
}


#main6 > merchinfomobile {
display:flex;
 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		  
		  text-align:center;
		  
}

.merchinfomob {
display:inherit;	
 background:rgba(0, 0, 0, 0.5);
		  border:3px solid rgba(150, 0, 0, 0.5);
		margin-left:5px;
		margin-right:5px;
		  text-align:center;
		  padding:0.5em;
		

		  
}

#main > booking, info, socialmedia {

		  margin-top:5px;
		  
}
#main > booking{
flex:1 1 1;	
margin-right:0px;
margin-top:-25px;
}
#main > info{
flex:1 1 1;	
margin-right:0px;
}
#main > socialmedia{
flex:1 1 1;	

}


}
@media screen and (min-width:770px){
.wrapper{width:80%;
margin-left:10%;
}

.navbarfull{
	width:inherit;
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.5);
	border:solid 3px rgba(150, 0, 0, 0.5);
	
	text-align:center; 
	
	

	}
	li a {
	display:block;
	font-size:100%;
	min-width:60px;
	
	
	height: 50px;


}
.hidden{border:solid 3px rgba(150, 0, 0, 0.5);
background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.5);
}
	
	li:hover ul a {
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,1);
	margin-right:0;
	color: #fff;
	height: 40px;
	line-height: 40px;
}
.musicstreamlogos {
font-size:80%;	

}


.fb-page{
height:325px;
max-height:350px;
overflow:hidden;
}

.fbmobile{
	display:none;
}

.neckbreakerwebpic {
	width:45%;
}
	
.tshirtwebpic{
	width:45%;
	}





}

@media screen and (min-width:1024px){


.header{	
}


.navbarfull{
	width:inherit;
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.5);
	border:solid 3px rgba(150, 0, 0, 0.5);
		
text-align:center; 

	}
	li a {
	display:block;
	font-size:110%;
	min-width:90px;
	height: 50px;
	

}
#main > asideright,
#main > asideleft,
#main > center {
  max-height:450px;
   min-height:450px;
     height:100%;
   
}
.neckbreakerwebpic{
max-height:250px;

}
.tshirtwebpic {
	max-height:250px;
	}

.musicstreamlogos {
font-size:80%;	

}

.fb-page{
height:325px;
max-height:350x;
overflow:hidden;
}

.snapwidget-widget{
height:400px;	
max-height:400px;
min-height:400px;
}

}

@media screen and (min-width:1420px){
	.wrapper{width:60%;
	margin-left:20%;}
	
	
	.navbarfull{
	width:inherit;
	border:solid 3px rgba(150, 0, 0, 0.5);
	background: rgba(0,0,0,1.00);
	background: rgba(0,0,0,0.5);
	
	text-align:center; 
	}
	
	li a {
	display:block;
	font-size:110%;
	min-width:90px;
	height: 50px;
	padding:0px 3px;



}

.musicstreamlogos {
font-size:90%;	
 margin-bottom:1%;

}

}