/* @override http://parallelmusicstudios.com/css/layout.css */

/*_____________________________________________________________ COLORS 

*/
/*_____________________________________________________________ GENERAL */

html{
	height:100%;
}
body{
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/bg.jpg) no-repeat top right fixed;
	background-attachment:fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
/*_____________________________________________________________ LAYOUT DIVs */


#site-header{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: rgb(34,39,32);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
	}
#logo{
	position: absolute;
	height: 90%;
	top: 5%;
	line-height:0;
	margin: 0;
	background: url("../images/parallel-music-studios-ko.svg") 0 0 no-repeat;
	text-indent:-9999px;
	}

#primary, #site-footer{
	width:90%;
	max-width: 900px;
	margin: 0 auto;
	}
#primary{
	padding-top: 100px;
	}
#site-footer{
	margin-top: 20px;
	padding-bottom: 20px;
	border-top: 2px solid black;
	}
article{
	clear: both;
	padding-bottom: 3em;
	}
@media screen and (max-width: 767px) {
	#site-header{
		top: auto;
		bottom: 0;
		box-shadow: 0 -1px 3px rgba(0,0,0,.5);
	}
	#site-nav li{
    	font-size:12px;
	}
	#primary{
	padding-top: 10px;
	}
}

/*_____________________________________________________________NAVIGATION STYLES */
#site-nav{
	width: 100%
	}
#site-nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;		
	}
#site-nav li{
    font-size:18px;
    letter-spacing:1px;
    line-height: 36px;
    list-style: none;
    margin-bottom: 0;
	}
#site-nav a{
	display:block;
	padding: 10px 20px;
	color: rgb(250,252,238);
	background-color:rgb(34,39,32);
	text-decoration:none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}
#site-nav a:visited{
	}
#site-nav a:hover,
#site-nav a:focus, #site-nav .current a{
	background-color:rgb(136,125,150)
	}

/*_____________________________________________________________HELPER styles */
/* clearfix courtesy of Handcrafted CSS p 106-7 */
#flashtest{ display:none; }
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
} /* IE6 */
*:first-child+html .clearfix {
	min-height:1px; /* IE7 */
}