/*======================================================================================================================
General
======================================================================================================================*/
body { width:100%; height:100%; margin:0 atuo; padding:0; }
a:hover, a:active, a:focus { outline:none; } 
.ir { width:0; height:0; display:block; overflow:hidden; }
ul li { list-style-type:none; }


/*======================================================================================================================
@font-face
======================================================================================================================*/
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/league_gothic/League_Gothic-webfont.eot');
    src: url('fonts/league_gothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic/League_Gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MissionGothicBlack';
    src: url('fonts/mission_gothic/Mission_Gothic_Black.otf');
   /* src: url('fonts/mission_gothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mission_gothic/League_Gothic-webfont.woff') format('woff'),
         url('fonts/mission_gothic/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/mission_gothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

/*======================================================================================================================
Main Logo & Sub Menu
======================================================================================================================*/
.main_logo { position:absolute; z-index:10; margin-top:-30px; }
#mainlogo_hover { position:absolute; top:88px; left:-97px; z-index:5; display:block; }
.main_hover { height:164px; position:relative; z-index:0; left:45px; }

.main_hover > ul > li > div  { display:block; width:100%; opacity:0; visibility:hidden; position:absolute; top:-175px; 
	-webkit-transition: all .4s ease .15s;
    -moz-transition: all .4s ease .15s;
    -o-transition: all .4s ease .15s;
    -ms-transition: all .4s ease .15s;
    transition: all .4s ease .15s; }
.main_hover > ul > li:hover > div { opacity:1; visibility:visible; overflow:visible; top:-25px; }
	
.btn { background:url(../img/sprite.png) 0 0 no-repeat; display:block; }

.mca.btn { position:relative; z-index:5; top:121px; left:-73px; display:block; cursor: default; }
	.mca.btn { width:57px; height:25px; background-position:0 -90px; }
		.mca.btn:hover { background-position:0 -115px; cursor: default; }
.capitol.btn { position:relative; z-index:5; top:147px; left:-15px; display:block; cursor: default;  }
	.capitol.btn { width:104px; height:43px; background-position:-67px -90px; }
		.capitol.btn:hover { background-position:-67px -133px; cursor: default; }
.emi.btn{ position:relative; z-index:5; top:114px; left:122px; display:block; cursor: default; }
	.emi.btn { width:46px; height:34px; background-position:-181px -90px; }
		.emi.btn:hover { background-position:-181px -124px; cursor: default; }
.mercury.btn{ position:relative; z-index:5; top:17px; left:185px; display:block; cursor: default; }
	.mercury.btn { width:87px; height:33px; background-position:-237px -90px; }
		.mercury.btn:hover { background-position:-237px -123px; cursor: default; }
ul.share li .fb-like span { vertical-align:top !important; }
ul.news_share li .fb-like span { vertical-align:top !important; }
.fb-like iframe {
   max-width: inherit;
}

/*======================================================================================================================
Navigation
======================================================================================================================*/
.top_bar { position:relative; z-index:1000; background-color:#101010; padding-top:10px; }
.nav_bar { position:relative; z-index:10; background-color:#000; height:88px; }
ul.social { float:right; margin:4px 0 15px;}
	ul.social li { float:left; }
	ul.social li.twitter { margin:0 13px; }

.facebook a { width:6px; height:11px; background-position:-106px 0; }
	.facebook a:hover { background-position:-106px -11px; }
.twitter a { width:13px; height:11px; background-position:-122px 0; }
	.twitter a:hover { background-position:-122px -11px; }
.sign_up a { width:198px; height:13px; background-position:-145px 0; }
	.sign_up a:hover { background-position:-145px -13px; }

#main_nav { float:right; margin:0; height:88px; display:inline-block; position:relative; cursor:default; z-index:500; }
#main_nav, #main_nav a, #main_nav li, #main_nav div { margin:0; padding:0; border:none; outline:none; }
#main_nav li { float:left; display:block; position:relative; border:none; padding-top:0; list-style:none; }
#main_nav a { text-decoration:none; }
	#main_nav > li > a { position:relative; display:block; z-index:510; height:88px; padding:15px 20px 20px; line-height:50px; font-family:'MissionGothicBlack', sans-serif; font-size:24px; letter-spacing:2px; color:#888; background:#000; text-transform:uppercase;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	}
		#main_nav > li:hover > a { background:#161616; color:#c3ba10; }

/*mega dropdown navigation*/
#main_nav > li > div { position:absolute; display:block; top:88px; left:-725px; opacity:0; visibility:hidden; background:#161616; width:930px; padding-top:25px; padding-bottom:25px; z-index:6;
	-webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}
	#main_nav > li:hover > div { opacity:1; visibility:visible; overflow:visible; }
#main_nav .nav_column { float:left; width:100%; margin-left:0; }
#main_nav .nav_col { width:20%; float:left; margin-left:0; }
#main_nav .nav_column1, #main_nav .nav_column2, #main_nav .nav_column3, #main_nav .nav_column4, #main_nav .nav_column5 { width:16%; float:left; margin-left:4%; }
	#main_nav .nav_col li { float:none; }
	#main_nav .nav_col li a { display:block; line-height:30px; font-family:'Raleway', sans-serif; font-size:13px; color:#999; margin-right:3px; }
		#main_nav .nav_col li a:hover, #main_nav .nav_col li a:active, #main_nav .nav_col li a:focus { color:#c3ba10; }
		
nav.desktop { display:block; }
nav.mobile { display:none; }
	
/*======================================================================================================================	
Soundcloud Player
======================================================================================================================*/
/*.sc-artwork-list li { display:none; }*/
.sc-player { position:relative; width:338px; }
	.sc-player .hidden { display:none; }
	.sc-player-engine-container { width:1px; height:1px; position:fixed; top:0; left:0; }
	.sc-info, .sc-info-toggle { display:none; }
	.sc-player .header { position:absolute; top:0; left:0; width:100%; padding-top:16px; }
		.sc-player .header h3 { display:none; }
		.sc-player .header .close-btn { -webkit-border-radius:3px; border-radius:3px; width:45px; height:22px; padding:0 0 0 26px; background:#2e517c url(../img/sprite_alpha.png) -579px -584px no-repeat; color:#fff; font:normal 13px 'BauOT-Bold'; display:none; float:right; }
			.sc-player .header .close-btn:hover { background-color:#2587cc; }
			.sc-player .header .close-btn:active { background-color:#34a5f5; }
	
	.sc-artwork-list { position:absolute; top:53px; left:8px; z-index:21; }
		.sc-artwork-list li { width:65px; display:none; }
		.sc-artwork-list li.active { display:none; }
		
	.sc-trackslist { position:absolute; left:0; width:100%; height:30px; background:url(../img/bg_mediaplayer.jpg) no-repeat; z-index:20; }
	.sc-trackslist li { color:#fff; font-family:'BauOT-Bold'; font-size:15px; overflow:hidden; display:none; }
	.sc-trackslist li.active { display:block; cursor:pointer; width:230px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#aaa; }
		.sc-trackslist li.active span { font-family: 'LeagueGothicRegular', sans-serif; color:#ccc; font-size:16px; letter-spacing:2; line-height:20px; }
	.sc-trackslist li .sc-track-duration { display:none; }
	.sc-trackslist li .buyLink { position:absolute; top:0; right:-36px; width:28px; height:24px; background-color:#333; color:#c3ba10; font-family:'LeagueGothicRegular', sans-serif; font-size:16px; text-align:center; display:block; text-transform:uppercase; }
		.sc-trackslist li a.buyLink:hover { color:#fff200; }
		/*.sc-trackslist li span.buyLink { background-position:-279px -231px; color:#a4a4a4; cursor:default; }*/
	
	.show .header .close-btn { display:block; }
	.show .sc-artwork-list { display:none; }
	.show .sc-trackslist { -webkit-box-shadow:0px 0px 5px 3px rgba(0, 0, 0, .2); box-shadow:0px 0px 5px 3px rgba(0, 0, 0, .2); left:-2px; border:solid 2px #e5e5e5; height:289px; background:#000; overflow-x:hidden; overflow-y:auto; display:block; }
		.show .sc-trackslist li { height:auto; padding:12px 21px; color:#2587cc; font-size:13px; display:block; cursor:pointer; }
			.show .sc-trackslist li:hover { color:#fff; }
		.show .sc-trackslist li .buyLink { display:none; }
	
	.sc-controls { padding:7px 0 0 0; position:absolute; left:240px; z-index:21; }
	.sc-controls a { width:10px; height:10px; margin-right:7px; background:url(../img/sprite.png) 0 0 no-repeat; display:block; float:left; text-indent:-3000px; overflow:hidden; cursor:pointer; }
	.sc-player.playing a.sc-play { display:none; }
	.sc-player.playing a.sc-pause { display:block; visibility:visible; }
	
	.sc-controls a.playlist { display:none; width:33px; height:32px; margin-top:1px; background-position:-334px -163px; }
		.sc-controls a.playlist:hover { background-position:-334px -195px; }
	.sc-controls a.sc-prev { background-position:0 0; }
	.sc-controls a.sc-prev:hover { background-position:0 -10px; }
	/*.sc-controls a.sc-prev.disabled { background-position:-144px -163px; }*/
	.sc-controls a.sc-play { background-position:-49px 0; }
	.sc-controls a.sc-play:hover { background-position:-49px -10px; }
	.sc-controls a.sc-pause { background-position:-17px 0; }
	.sc-controls a.sc-pause:hover { background-position:-17px -10px; }
	.sc-controls a.sc-next { background-position:-30px 0; margin-left:-6px; }
	.sc-controls a.sc-next:hover { background-position:-30px -10px; }
	/*.sc-controls a.sc-next.disabled { background-position:-245px -163px; }*/
	
	/* volume control */
	/*.sc-volume-slider { background:url(../img/vol.jpg); width:18px; height:10px; position:absolute; right:-19px; top:8px; z-index:602; }
	.sc-volume-slider .sc-volume-status { background:url(../img/vol_scrub.jpg) transparent; display:block; width:18px; height:10px; left:0; position:absolute; top:0; }*/
	
	/* scrubber */
	.sc-scrubber { position:absolute; width:120px; left:288px; }
	.sc-scrubber .sc-time-span{ position:relative; width:48px; height:2px; margin:11px 0 0 0 !important; background-color:#333; float:left; }
	.sc-scrubber .sc-buffer, .sc-scrubber .sc-played { position:absolute; top:0; height:2px; background-color:#545454; }
	.sc-time-indicators { width:60px; display:none; }
	/*.sc-scrubber .sc-time-indicators { position:absolute; top:-4px; left:60px; color:#666; font-family:'Cinzel', serif; font-size:11px; z-index:2; cursor:default; }
		.sc-scrubber .sc-time-indicators .sc-position { color:#aaa; }
		.sc-scrubber .sc-time-indicators em { color:#666; }*/
	.sc-scrubber .sc-played { background:#999; z-index:1; }
	.sc-scrubber .sc-time-span img { border:none; width:100%; height:2px; display:block; }
	
	
/*======================================================================================================================	
Responsive
======================================================================================================================*/
/* Smaller than standard 1024 */
@media only screen and (max-width: 1024px) {
	.main_hover { left:0; }
	.main_hover ul li div { display:none; }
	#main_nav > li > div { display:none; }
	#main_nav > li > a { font-size:21px; }
	#main_nav > li > div { left:-731px; z-index:10; }
	
	nav.desktop { display:none; }
	nav.mobile { display:block; }
} 

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#main_nav > li > a { font-size:19px; padding:15px 12px 20px; }
	/*#main_nav > li > div { left:-587px; width:768px;}*/
	#main_nav .nav_column { padding:1%; width:17%; }
	#main_nav .nav_column li a { font-size:12px; }
} 

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
	/*#home { background-color:#000; height:35%; top:157px; }*/
	
	/*top bar*/
	.top_bar { padding:10px 0 13px; }
	.sound_cloud { display:none; }
	ul.social { float:none; margin:19px auto 0; width:280px; }
	ul.social li { float:none; }
	ul.social li.facebook { margin-top:-11px; }
	ul.social li.twitter { margin:-11px 30px 0; }
	ul.social li.sign_up { margin:-13px 0 0 70px; }
	
	/*nav bar*/
	.column, .columns { padding:0; }  
	.nav { background-color:#000; }
	.nav_bar { height:143px; }
	.main_hover { position:relative; top:-22px; left:0; }
	.main_logo { position:relative; text-align:center; left:0; }
	#mainlogo_hover, .mca, .capitol, .emi, .mercury { display:none; visibility:hidden; width:0; height:0 ;}
	#main_nav { display:block; float:none; margin-top:-45px; height:50px; }
	#main_nav li { text-align:center; width:50%; }
		#main_nav > li > a { font-size:20px; padding:0; height:55px; }
	
	/*drop down*/
	/*#main_nav > li > div { top:55px; left:0; width:200%; height:300px; overflow:hidden; }
		#main_nav > li:hover > div { opacity:1; visibility:visible; overflow-y:scroll; }*/
	#main_nav .nav_column { float:none; width:95%; margin-top:15px; }
	#main_nav .nav_column li { float:none; margin-bottom:13px; width:100%; }
		#main_nav .nav_column li a { font-size:13px; line-height:16px; }
	/*social stream*/
	.social_bar { display:none; }
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}

@media only screen and (max-width: 766px) {
	
}

@media only screen and (max-width: 480px) {
	#main_nav .nav_column { width:90%; }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) { 
	
}