/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}
#mc_embed_signup{
	/*background:#fff;*/ 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	display: table;
  	width: 100%;
  	height: 100%; /* For at least Firefox */
  	min-height: 100%;
	}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
.inputmailo {
	background-color: #111;
	background-color: #111; /* IE8 proofing */
    background-color: rgba(025,025,025,.35);
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}
body {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.cover-headinggrey {

  color: #ddd;
  text-align: center;
  text-shadow: 0 3px 5px rgba(182,36,42,.7);
}
.cover-headingsmile {

  color: #EEE;
  text-align: center;
  text-shadow: 2px 3px 5px rgba(13,13,13,.6);
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
		  background-image:url(../images/Pixiecoverout.jpg);
		  background-size: cover;
		  background-attachment: fixed;
    	  background-position: center; 
    	  background-repeat: no-repeat;
		  }
.site-wrappertheband{
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
		  background-image:url(../images/KINGRAY03W.jpg);
		  background-size: cover;
		  background-attachment: fixed;
    		background-position: center; 
    	  background-repeat: no-repeat;
		  }	
.site-wrapperabout{
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
		  background-image:url(../images/KINGRAYaboutevil.jpg);
		  background-size: cover;
		  background-attachment: fixed;
    		background-position: center; 
    	  background-repeat: no-repeat;
		  }
.site-wrapperconcerts{
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
		  background-image:url(../images/listenx.jpg);
		  background-size: cover;
		  background-attachment: fixed;
    		background-position: center; 
    	  background-repeat: no-repeat;
		  }	
  		  		  		  	  
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.infolinko {
	font-size: 18px;
	font-weight: 300;
	color: #EEE;
	padding-top: 20px;
}
.leadphil {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
  color:#DDD;
  }
  
  .relocator {
	margin: 20px;
	padding-top: 80px;
	padding-bottom: 60px;
}


/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */
.masthead-brand {
	
	background-image: url(../images/logox2.png);
	background-size: 300px 36px;
	width:300px;
	height:36px;
	margin-top: 10px;
  	margin-bottom: 10px;
  
  }
.itunesking	{
	
  
  }

/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 100px) {
	.masthead-brand {
	background-image: url(../images/logox2.png);
	background-size: 300px 36px;
	width:300px;
	height:36px;
	
	
}
	.itunesking	{
	background-image: url(../images/available-on-itunes-logo.png);
	background-size: 250px 93px;
	background-repeat: no-repeat;
	width: 250px;
	height: 93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
  }	
  	.amazonking	{ 
	background-image:url(../images/amazon-logo_king.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
	}	
	.tubeking	{ 
	background-image:url(../images/tubelogoblack.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
	}	
	.spotking	{ 
	background-image:url(../images/spotifyking.png);
	background-size: 262px 93px;
	background-repeat:no-repeat;
  	width:262px;
  	height:93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
	}	
	}
/* Custom,  */ 
	@media only screen and (min-width : 280px) {
	.masthead-brand {
	overflow: visible;
	background-image: url(../images/logox2.png);
	background-size: 300px 36px;
	width:300px;
	height:36px;
	margin-top: 10px;
  	margin-bottom: 10px;
	
	
}
	.itunesking	{
	background-image:url(../images/available-on-itunes-logo.png);
	background-size: 250px 93px;
	background-repeat:no-repeat;
  	width:250px;
  	height:93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
	}	
  .amazonking	{ 
	background-image:url(../images/amazon-logo_king.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	float:left;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	
	
  
  }	
  .tubeking	{ 
	background-image:url(../images/tubelogoblack.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	float:left;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	
	
  
  }	
  .spotking	{ 
	background-image:url(../images/spotifyking.png);
	background-size: 262px 93px;
	background-repeat:no-repeat;
  	width:262px;
  	height:93px;
	float:left;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	
	
  
  }	
		
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
	.masthead-brand {
	overflow: visible;
	background-image: url(../images/logox2.png);
	background-size: 300px 36px;
	width:300px;
	height:36px;
	margin-top: 10px;
  	margin-bottom: 10px;

}
.itunesking	{ 
	background-image:url(../images/available-on-itunes-logo.png);
	background-size: 250px 93px;
	background-repeat:no-repeat;
  	width:250px;
  	height:93px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	float:left;
  
  }	
  .amazonking	{ 
	background-image:url(../images/amazon-logo_king.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	float:left;
  }	
  .tubeking	{ 
	background-image:url(../images/tubelogoblack.png);
	background-size: 193px 93px;
	background-repeat:no-repeat;
  	width:193px;
  	height:93px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	float:left;
  }	
  .spotking	{ 
	background-image:url(../images/spotifyking.png);
	background-size: 262pxpx 93px;
	background-repeat:no-repeat;
  	width:262px;
  	height:93px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 20px;
	float:left;
  }	
	}
  

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.55);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
	.leadphil {
	font-size: 16px;
  }
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 20px 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 900px;
  }
}
@media (max-width: 768px) {
  .signupking {
    width: 60%;
	margin-right: auto;
 	margin-left: auto;
	}
	
  .relocator {
	padding-top: 40px;
	padding-bottom: 60px;
}
	.masthead-brand {
	float: left;
	}
	.masthead-nav {
		width: 320px;
    float: left;
  }
  .cover {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
}
}