@font-face {
	font-family: 'Prosto Light';
	src: url('fonts/tt-prosto-light-webfont.eot');
	src: url('fonts/tt-prosto-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/tt-prosto-light-webfont.woff') format('woff'),
		url('fonts/tt-prosto-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

	@font-face {
	font-family: 'Prosto Bold';
	src: url('fonts/tt-prosto-bold-webfont.eot');
	src: url('fonts/tt-prosto-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/tt-prosto-bold-webfont.woff') format('woff'),
		url('fonts/tt-prosto-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*:focus { outline: none; }	
html, body { height: 100%; width: 100%; }	
body { background-size: cover; background-attachment: fixed; color: #fff; margin: 0; font-family: 'Prosto Light', 'Work Sans', sans-serif; font-weight: 300; letter-spacing: 1px; line-height: 1.5em; }
a { color: #ccc; border-bottom: 1px solid transparent; }
a:hover { color: #fff; border-bottom: 1px solid #fff; }
b, strong { font-family: 'Prosto Bold'; }

h2 { text-transform: uppercase; font-weight: 300 !important; text-align:center; font-size: 30px;  font-family: 'Prosto Light', 'Work Sans', sans-serif; letter-spacing: 3px;  }
h2:before { content: "- "; }
h2:after { content: " -"; }
h3 { font-weight: 300; text-align: center; font-size: 18px; }

.alignleft { margin-right: 20px; float: left; margin-top: 5px; margin-bottom: 20px; }
.alignright { margin-left: 20px; float: right; margin-top: 5px; margin-bottom: 20px;  }
.aligncenter { display: block; margin: 0 auto 10px; }

body#home { background: url(home-bg2.jpg),url(bg.jpg) no-repeat,repeat #171516 !important; background-attachment: fixed !important; background-size: cover !important; }
body#sub { background: url(page-bg.jpg) no-repeat 0 -3%, url(bg.jpg) repeat #171516; background-size: cover; background-attachment: fixed; }

		a { text-decoration: none; }
		



/*--- MENU ---*/

		#menu { background: rgba(23,21,22,1); position: fixed; top: 0; left: 0; width: 98%; padding-left: 1%; padding-right: 1%; padding-top: 15px; padding-bottom: 10px; text-transform: uppercase; font-size: 16px; z-index: 999; }
#menu:hover, #menu:focus { background: rgba(23,21,22,1); }
		
		.links { float: left; padding-top: 0px; }
		.links a { color: #fff; }
		.links a:hover { color: #ccc; }
		.links ul { list-style: none; padding: 0; margin: 0; }
		.links ul li { display: inline-block; margin-right: 10px; }

.dropdown .sub-menu { margin-left: -5px !important; text-align: left; margin-top: -2px !important; padding-top: 15px; padding-bottom: 5px; min-width: 250px; text-align: left !important; padding-left: 0;  }
.dropdown .sub-menu li { background: rgba(23,21,22,0.9); padding-top: 15px; padding-bottom: 10px; display:block !important; padding-left: 12px !important;}
.dropdown .sub-menu li:hover a { border-bottom: 0 !important;  }
.dropdown .sub-menu li:hover {  background: rgba(23,21,22,1) }
.dropdown .sub-menu li a { padding-left: 6px; }
.dropdown .sub-menu li a:hover { border-bottom: 0 !important; }

#responsive-menu-pro-container { padding-top: 50px !important; text-transform: uppercase; }


/*--- SOCIAL ---*/		
.social { float: right; margin-top: -5px; }
.social img { vertical-align: middle; margin-left: 15px; height: 22px; width: auto; }
.social img:hover { opacity: 0.7; }
.social a:hover { border-bottom: 0 !important; }

.social i { padding-top: 2px; margin-left: 10px; font-size: 18px; }

/*--- LOGO - HOME ---*/
#logo { float: right; margin-top: 21%; max-width: 60%; margin-right: 5%; }
#logo img { width: 100%; height: auto; }
		

/*--- CONTENT ---*/
#content { width: 68%; float: right; margin-top: 8%; margin-bottom: 60px; min-height: 80%; margin-right: 2%; }
.page-logo { max-width: 100%; margin: 0 auto; display: block; height: auto; padding-bottom: 25px; }

	
/*--- FOOTER ---*/	

body#home #footer { position: fixed; bottom: 0; left: 0; }
body#sub #footer { position: relative; margin-top: 20px; float: none; clear: both; }
#footer { width: 98%; padding-left: 1%; padding-right: 1%; padding-top: 5px; padding-bottom: 5px; text-align: center; text-transform: uppercase; font-size: 12px; background: rgba(23,21,22,0.5); }
#footer a { color: #ccc; border-bottom: 1px solid transparent; }
#footer a:hover { color: #fff; border-bottom: 1px solid #fff; }
		
		



/*--- VIDEOS ---*/

.video {
	width: 47%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	display: inline-block;
	vertical-align:top;
	margin-bottom: 35px;
}

.video h3 { margin-top: -5px; }

.arve-wrapper { margin-top: 10px; }

 @media screen and (max-width: 820px) {
.video {
width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
margin-bottom: 30px;
}

.video h3 { margin-top: 2px; }

}



/*--- MUSIC ---*/

.paypal input, .product_paypalcode input { border: 1px solid #fff; padding: 1%; width: 100.5%; min-height: 6px; text-transform: uppercase; text-align: center; margin-top: 1px; margin-bottom: 5px; padding-top: 2%; padding-bottom: 2%; line-height: 1.5em; font-size: 15px; background: #000; color: #ccc; font-family: 'Prosto Light' !important; letter-spacing: 2px !important; }
.paypal input:hover, .product_paypalcode input:hover { cursor: pointer !important; opacity: 0.9 !important; }

.music-title { text-transform: uppercase; letter-spacing: 1px; font-size: 22px; text-align: left; }

.buy {  border: 1px solid #fff; padding: 1%; width: 98%; min-height: 6px; text-transform: uppercase; text-align: center; margin-top: 1px; margin-bottom: 5px; padding-top: 2%; padding-bottom: 2%; line-height: 1.5em; font-size: 15px; background: #000; }
.buy a { color: #000; }
.buy:hover { opacity:0.9; color: #ccc; background: #000; }

.release { padding-bottom: 15px; width:98%; padding-right: 2%; margin: 0 auto; clear:both; }

.album-title { padding-right:1.5%; margin-right: 0px; font-size: 20px; padding-bottom: 15px !important; text-align: left; text-transform: uppercase; clear:both; }

.cover-music { width: 25%; margin-right:1%; display: inline-block; float: left; }
.cover-music img { margin-bottom: 0px !important; }

.tracklisting-music { display: inline-block; width: 72%; margin-left:1%; margin-right: 0; margin-top: -10px; float:right; }

.song { font-size: 14px; text-transform: uppercase; padding-top: 12px; padding-bottom: 8px; height: auto !important; line-height: 1.5em !important; border-bottom: 1px solid #fff; width: 100%; text-align:left; clear:both; float: left; display: block; padding-left: 1%; vertical-align: middle; }

.tracklisting-music div.song:last-child { border-bottom: 0 !important; }

.sample { float: left; margin-top: -1px; margin-right: 2%; height: 23px; width: 25px; vertical-align: middle; }

#sm2-container { height: 0 !important; width: 0 !important; }

.spacer { clear: both; height: 35px; }

.sc_player_container1 .myButton_play, .sc_player_container1 .myButton_stop, .play-button { background-size: 100% !important; width: 20px !important; height: 20px !important; position:relative; top: -5px !important; }


@media screen and (max-width: 1024px) {
  .song { font-size: 12px !important; }
}

@media screen and (max-width:885px) {
  .release { width: 90%; margin: 0 auto; clear:both; }  
.cover-music { width: 100% !important; max-width: 100%; display: block; }
.tracklisting-music { width: 100%; display: block; margin-top: 10px; }
.buy { font-size: 12px; }
  .song { font-size: 12px !important; }
  .sample { width: 30px; }
  
}




/*--- MEDIA QUERIES ---*/

		@media screen and (max-width: 1280px) {
		.links { font-size: 12px; }
		.social img { height: 16px; width: auto; margin-left: 10px; }
		body#sub { background-position: 20% 0%; }
		}
		
		@media screen and (max-width: 1024px) {
		.links { display: none; }
		.social { padding-top: 5px; }
		}


@media screen and (max-width: 1380px) {
body#home { background: url(home-bg2.jpg) 18% 30px,url(bg.jpg) no-repeat,repeat #171516 !important; background-attachment: fixed !important; }
body#home #logo { max-width: 60% !important; margin-right: 2% !important; }
}


@media screen and (max-width: 1024px) {
body#home #logo { margin-top: 25%; }
#menu { padding-top: 10px; }
}


@media screen and (max-width: 980px) {
body#sub { background: url(mob-bg.jpg) 20% 5%; background-attachment: fixed; }
.page-logo { width: 100% !important; height: auto; text-align: center !important; float: none; display: block !important; margin: 0 auto !important; }
#content { width: 94% !important; float: none; margin-top: 250px; margin-bottom: 50px; margin-left: 3%; margin-right: 3%; }

body#sub #content img, body#sub #content .alignleft, body#sub #content .alignright { max-width: 100%; height: auto; display: block; }
body#sub #content .alignleft, body#sub #content .alignright { max-width: 40%; }
}
		

@media screen and (max-width: 980px) {
body#home { background: url(home-mob-bg2.jpg) 52% 25% !important; background-attachment: fixed !important; background-size: cover !important; }
#footer { font-size: 8px; line-height: 1.3em; }
body#home #logo { max-width: 98% !important; position: fixed; margin-left: 1%; bottom: 7%; /*background: rgba(0,0,0,0.8);*/ padding-top: 10px; padding-bottom: 10px;}
				}


@media screen and (max-width: 768px) {
body#home { background: url(home-smaller-mob-bg2.jpg) 40% 25% !important; background-attachment: fixed !important; background-size: cover !important; }
}

@media screen and (max-width: 640px) {
#menu { padding-top: 5px; }
}




/*--- EVENTS ---*/

.gigpress-empty { text-align: center !important; display: none !important; }






/*--- STORE ---*/

    span.product_paypalcode table {text-align: center;}
    span.product_paypalcode table tbody {display:inline-block;margin-bottom:5px;}
    .product {display:inline-block; margin-right: 10px; width:272px; vertical-align:top; }
.product_paypalcode table { margin: 0 auto; display: block; }
    .product_image img {width:250px; height:250px; border: 1px solid #fff; padding: 10px;  }
.product-info { height: 160px;  border: 1px solid #fff; border-top:0; margin-bottom: 20px; margin-top: -13px; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }
	.product_image, .product_name, .product_price, .product_paypalcode { margin: 5px auto; display: block; text-align: center; }