/* Global element styles */
* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body {width:100%; font-family:'Roboto Condensed'; background:#292929; color:rgba(255,255,255,0.75); letter-spacing:0.1em; font-size:.72em;}
h1, h2, h3, h4, h5 {margin-left:.18em; text-transform:uppercase; font-weight:400; letter-spacing:0.36em;}
h2 {margin-bottom:30px; text-align:center; font-size:1.2em;}
h3 {font-size:1em;}
section, header, aside, footer, article {display:block;}
a {text-decoration:none; color:inherit;}
    a:visited {color:inherit}
    a:hover {color:#fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
img {max-width:100%;}
p {line-height:175%; font-size:1.12em; max-width:600px; margin:0 auto 30px auto;}
ul {list-style-type:none}

/*video background*/
video#bgvid {position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url('../img/background.jpg') no-repeat; background-size: cover; opacity:.2;}

/*frame styles*/
.wrapper {float:left; width:100%;}
.left_panel {position:fixed; top:0; left:0; float:left; width:15%;}
.right_panel {float:right; width:85%; padding:30px 25px 30px 0px;}
.content {float:left; width:100%; height:100%; padding:50px 20px; border:2px solid rgba(255,255,255,0.75); background:rgba(43,43,43,0.65); overflow-y:scroll;}
#title {display:block; position:fixed; top:0; left:0; width:15%; padding:30px 25px; margin-bottom:40px; color:rgba(255,255,255,0.85); font-size:1.25em;}
#title span {display:block; max-width:127px; margin:0px auto 5px auto;}
.title_line2 {text-align:right;}
nav {margin-top:110px; font-size:.9em; text-align:center; text-transform:uppercase;}
nav ul li a {display:block; width:100%; padding:25px 0px; border-bottom:2px solid transparent;}
.active {border-bottom:2px solid rgba(255,255,255,0.75);}

/*home styles*/
.home .content {padding:50px;}
#home_inner_wrapper {position:relative; width:100%; height:100%; padding:20px;}
#home_photo {max-height:480px; position:absolute; top:0; left:0; bottom:0; right:0; margin: auto;}
#description, #description_mobile {position:absolute; bottom:140px; right:20px; color:#fff; opacity:0.9; text-align:left; z-index:99;}
#description span, #description_mobile span {display:block;}
#description_line1 {font-size:1.25em; margin-bottom:8px;}
#description_line2 {margin-left:75px; font-size:1em;}
#mobile_line1 {margin-bottom:8px;}
#mobile_line2 {margin-left:75px;}
#description_mobile {display:none; font-size:1.1em;}
#mobile_photo {display:none;}

/*show styles*/

/*music styles*/
.album {max-width:600px; margin:0px auto 50px auto;}
	.album:last-child {margin-bottom:0px; border-bottom:none;}
	.album div {margin:0px auto 25px auto;}
.album_art {max-width:400px; opacity:0.75;}
.album_title, .reviews_header {text-align:center; margin:0px auto 25px auto;}
.bandcamp {text-transform:uppercase; font-size:1em; text-align:center; letter-spacing:0.36em;}
.reviews_header {padding:5px; border:1px solid rgba(255,255,255,0.4); background:rgba(43,43,43,0.65); font-size:1em; text-transform:lowercase; letter-spacing:0.1em;}
.reviews_header:hover {background:#292929; color:#fff; cursor:pointer; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.all_reviews {display:none; border-bottom:1px solid rgba(255,255,255,0.5);}
.all_reviews:last-child {border-bottom:none;}
.review {margin-bottom:25px;}
.review:last-child {margin-bottom:0px;}
	.minus {display:none;}
.mobile_player {display:none; max-width:400px; margin:0px auto;}

/*photo styles*/
.coming_soon {text-align:center;}

/*video styles*/
.video_wrapper {max-width:600px; height:100%; margin:0 auto;}
.video {position:relative; padding-bottom:56.25%; height:0; margin-bottom:35px;}
.video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video:last-child: {margin-bottom:0px;}

/*contact styles*/
.contact h3 {margin-bottom:20px; text-align:center; margin-top:30px;}
.contact form {
	max-width:600px;
	margin:30px auto;
	width:90%;
}
input {
    -webkit-appearance:none;  
    -webkit-border-radius:1px;
}

input[type=text], input[type=email], input[type=submit], textarea {
    width:100%;
    margin-bottom:30px;
    padding:15px;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto Condensed', Helvetica;
    color:#fff;
    background:none;
    border:1px solid rgba(255,255,255,0.4);
}

input[type=submit] {
	text-transform:uppercase;
	color:rgba(255,255,255,0.75);
	font-weight:400;
	letter-spacing:0.36em;
}

input[type=submit]:hover {
		color:#fff;
}

::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto Condensed', Helvetica;
    color:rgba(255,255,255,0.75);
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto Condensed', Helvetica;
    color:rgba(255,255,255,0.75);
}

::-moz-placeholder {  /* Firefox 19+ */
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto Condensed', Helvetica;
    color:rgba(255,255,255,0.75);
}

:-ms-input-placeholder {  
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto Condensed', Helvetica;
    font-style: italic;
    color:rgba(255,255,255,0.75);
}

input::-moz-focus-inner { 
    margin-top:-1px; 
    margin-bottom: -1px; 
}

textarea {
    min-height:180px;
}

textarea:focus, input[type=email]:focus, input[type=text]:focus {
    color:#fff;
    outline:none;
}

#social {width:95%; max-width:300px; margin:0 auto; text-align:center;}
#social ul li {width:32%; margin:0 auto; display:inline-block;}
#social ul li a {display:block; width:98%; margin:0 auto; padding:5px 10px; border:1px solid rgba(255,255,255,0.4); background:rgba(43,43,43,0.65); text-align:center;}
#social ul li a:hover {background:#292929;}
.thank_you_message {font-size:1.5em; text-align:center;}

.about ul {
    max-width:600px;
    margin:0 auto 30px auto;
}

.about ul li {
    margin-bottom:12px;
}

/*media queries*/

@media only screen 
and (max-width:820px) {
	#title {position:static; width:100%; font-size:1.5em; margin-bottom:0px; padding:40px 20px 20px 20px; text-align:center;}
	#title span {width:128px; margin:0 auto;}
	.title_line2 {text-align:center;}
	nav {width:100%; margin:15px auto 15px auto; font-size:1.1em; text-align:center; text-transform:uppercase;}
	nav ul {width:100%;}
	nav ul li {display:inline-block; margin:0px 10px;}
	nav ul li a {padding:5px 0px;}
	.left_panel {position:static; width:100%;}
	.right_panel {width:100%; margin:0px; padding:0px;}
	.content {padding:20px; border:none; background:none; overflow-y:none;}
	.home .content {padding:0px 15px;}
	#description {display:none;}
	#description_mobile {display:block; bottom:50px;}
	#home_photo {display:none;}
	#mobile_photo {display:block;}
	.music_player {display:none;}
	.mobile_player {display:block;}
}

@media only screen 
and (max-width:500px) {
	nav ul li:first-child {display:none;}
	nav ul li {display:inline-block; margin:0px 5px;}
]