@charset "UTF-8";
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}


/* GLOBAL */

body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: #555;
}

a:hover {
    color: #000;
}

.a_inverse {
	color: #DDD;
}

.a_inverse:hover {
	color: #FFF;
}

.header {
	font-weight:bold;
	font-size:48px;
	margin-bottom:25px;
}

.subheader1 {
	font-weight:bold;
	font-size:32px;
	margin-bottom:9px;
}

.subheader2 {
	font-weight:normal;
	font-size:16px;
	margin-bottom:6px;
}
.subheader3 {
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	margin-bottom:6px;
}

.desc {
	font-size:18px;
	line-height: 1.3;
	margin-bottom:25px;
}

.photo_credit {
	font-size:11px;
	color: #555;
	text-align: right;
	margin-top:-20px;
	margin-bottom: 20px;
}

.boxed{
	color:#FFF;
	background-color:#000;
	display: inline-block;
	padding-top:10px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 50px;
}


/* SPLASH */

.splash_header {
	font-weight:bold;
	font-size:48px;
	margin-bottom:0px;
}

#splash_img{
	width:100%;
}

#splash_text{
	position:absolute; 
	margin-left:7%; 
}

#splash_photo_credit {
	position: absolute;
	font-size:11px;	
	color: #6E6D6D;
	right: 4px;
	padding: 5px;
}

#splash_photo_credit_link{
	color: #6E6D6D;
	text-decoration: underline;
}

/* INTRO */

.intro {
	background-color:#222;	
	margin-bottom:200px;
	margin-left:-8px;
	margin-right: -8px;
	margin-top: -8px;
}

.intro_text {
	color:#FFF;
	padding-top:10%;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:12%;
	max-width:800px;
	margin: auto;
}


/* CONTENT */

.content {
	margin-top:100px;
	max-width:1000px;
	margin-left:10%;
	margin-right:10%;

}

.content_section {
	margin-bottom:200px;
}

.content_image img{
	width:100%;	
	margin-top:20px;
	margin-bottom:30px;
}

.content_image img:hover { 
  opacity: 0.8; 
}

.content_item {
	margin-bottom:20px;
}


/* CONTENT - MUSIC PLAYER */

.content_music_player{
	margin-top:20px;
	margin-bottom:50px;
	width:100%;	
}

/* soundcloud */

.content_music_player_iframe{
	width: 100%;
}


/* CONTENT - MORE BUTTON */

.more_btn{
	cursor:pointer;
	margin-top:20px;
	margin-bottom:150px;
	height:1px;
}



.more_btn_text{
	color:#000;
	float:right;
	font-weight:bold;
	font-size:20px;
	margin-top:4px;
	margin-right:8px;
}

.more_btn_arrow{
	float:right;
	font-weight:bold;
	font-size:24px;
	color:#FFF;
	background-color:#000;
	display: inline-block;
	padding-left:7px;
	padding-right:6px;
	padding-bottom:6px;
	
}



/* FOOTER */

.footer{
	width:100%;
	text-align:center;
	margin-top:200px;
	margin-bottom:200px;
	margin-left:0%;
}
.footer_items{
	display:inline-block;
}
.footer_item{
	display:inline-block;
	margin:8px;
	cursor:pointer;
}
.footer_item img{
	width:64px;
}
.footer_item img:hover { 
  opacity: 0.8; 
}


/* INFO */

.info {
	background-color:#666;	
	margin-bottom:0px;
	padding-top:10%;
	padding-bottom:12%;
}

.info_text {
	color:#FFF;
	padding-left:10%;
	padding-right:10%;
	max-width:800px;
	margin: auto;
	font-size:14px;
	line-height: 1.5;
}

.info_subheader {
	font-weight:bold;
	margin-top: 1px;
	margin-bottom:5px;
}

.info_header {
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}
