html {
	color:white;
	overflow: hidden;
	font-family: "lucida grande";	
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; 
}

img, object, video, embed {
	width: 100%;
}

@font-face {
    font-family: CaraFont;
    src: url(NanumBrushScript-Regular.ttf);
}



nav {
	font-family: "CaraFont";
	text-transform: uppercase;
}

body, header, div, span {
	display: inline-block;

}



body {
	 
	  background-repeat: no-repeat;
	  background-position: top left;
	  background-attachment: scroll;
  		width: 100%;
  		height: 100vh;
  		-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

footer {
	    display: inline-block;
    position: fixed;
    bottom: 0;
    padding: 1em 1em .1px .1px;
    color: white;
    width: 99%;
    z-index: 1;
}

footer img {
	width: 50px;
	height: auto;
}

.login {
	background-color: #d1001d;
}

#left-bottom-footer {
	float: left;
}

#right-bottom-footer {
	float: right;
}

.content-area {
	width:100%;
	text-align: center;
}

#main-content {
	margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

iframe {
	  margin: auto;
  position: absolute;
  top: 0em;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;

}

.login-content {
	display: block;
	text-align: center;

}

.main-login-area {
	  position: relative;
  top: 160;
  display: block;
}


.amazon, .white-downloading-updates-24, .apple-24, .twitter, .instagram, .soundcloud-24, .spotify, .you-tube, .facebook, .bandcamp-icon{
	background: url(sprites.png) no-repeat;
}

.amazon{
	background-position: -27px 0;
	width: 24px;
	height: 22px;
}

.white-downloading-updates-24{
	background-position: 0 -2px ;
	width: 18px;
	height: 18px;
}

.apple-24{
	background-position: -57px 0;
	width: 18px;
	height: 22px;
}

.twitter{
	background-position: -87px 0;
	width: 24px;
	height: 24px;
}

.instagram{
	background-position: -133px 0;
	width: 24px;
	height: 24px;
}

.soundcloud-24{
	background-position: -172px 0;
	width: 24px;
	height: 24px;
}

.spotify{
	background-position: -208px 0;
	width: 24px;
	height: 24px;
}

.you-tube{
	background-position: -247px 0;
	width: 24px;
	height: 24px;
}

.facebook{
	background-position: -284px 0;
	width: 24px;
	height: 24px;
}

.bandcamp-icon{
	background-position: -318px 0;
	width: 24px;
	height: 24px;
}






/* links */

a {
	color:white;
	text-decoration: none;
}

a:visited {
	color:white;
}

a:hover {
	opacity: 0.6;
}


/* Lists */

#present-dates {
	list-style: none;
	    line-height: 15px;
}

#show-dates {
	margin: 0 auto;
        width: 60%;
    text-align: right;
    top: 100;
    position: relative;
    font-size: 8px;
    text-transform: uppercase;
}

.click header {
	visibility: hidden;
}

/* utilities */

small {
	    font-size: 8px;
}

button {
	  background-color: transparent;
	  border: 1px solid white;
	  color: white;
	  text-transform: uppercase;
}

#credits {
	position: absolute;
    bottom: 7;
    left: 10%;
    right: 10%;
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;


}

#error {
	display: block;
}

/* if user is logged in */

.User-Logged-In {
	    background-color: rgb(70, 1, 2) !important;
}

.white-downloading-updates-24 {
	    visibility: hidden;
}

.User-Logged-In .white-downloading-updates-24 {
	    visibility: visible;
}




/* sprites ul */

nav {
	width: 98vw;
}

#nav-right {
	float:right;
}

ul#social-nav {
	display: inline-block;
}

ul#social-nav li {
	display: inline-block;
	margin-right: 5px;
}

#present-dates-frame {
	    height: 80%;
    width: 95%;
}

span.present-drool-image {
	 width: 100%;
    top: 50px;
    position: relative;

}

#present-dates li {
	  padding-bottom: 2em;
}


@media screen and (max-width: 767px) {
	#nav-right {
		display: none;
	}

	footer {
		  display: inline-block;
		  position: fixed;
		  bottom: 0;
		  padding: 1em 1em .5em 1em;
		  color: white;
		  z-index: 1;
		  width: 80%;
	}

	html {
		overflow: scroll;
	}

	header {
		    position: relative;
    		z-index: 10;
    
	}

	#credits {
	    display: none;
	}

	#present-dates li {
		padding-bottom: 2em;
	}


}

@media only screen  and (max-device-width : 768px)  {


	header {
		width: 100%;
	}

		#nav-right {
		display: none;
	}

	footer {
		  display: inline-block;
		  position: relative;
		  bottom: 0;
		  padding: 1em 1em .5em 1em;
		  color: white;
		  z-index: 1;
		  width: 100%;
		  margin-top: 9em;
	}

	html {
		overflow: scroll;
	}

	header {
		    position: relative;
    		z-index: 10;
    
	}

	#credits {
	    display: none;
	}

	ul#present-dates {
		-webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-padding-start: 0px;
}
	}
	#present-dates li {
		padding-bottom: 2em;
	}

	* {
	float: none;
	}

	.center {
	width: 100% !important;
	text-align: center;
	}

	#content img { 
	max-width: 250px;
	}

	h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

	#sidebar, #footer {
	display: none;
	}

	html {
	-webkit-text-size-adjust: none;
	}

	footer {text-align: Center; }


	  .login-content {
	  	height: 70%;
	  }

}

@media handheld {

	.selector-01 {
		padding: 0;
		margin: 0;
		}
	.selector-02 {
		padding: 0;
		margin: 0;
		}
	.selector-03 {
		padding: 0;
		margin: 0;
		}

}

.tape {
	width: 50px;
}

.tapebox {
	margin-bottom: 2em;
}