/* ***** Font Face
/* ***** ----------------------------------------------- ***** */
@font-face {
font-family: 'Steelfish RG';
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_rg.eot');
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_rg.eot?#iefix') format('embedded-opentype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_rg.woff') format('woff'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_rg.ttf') format('truetype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_rg.svg#steelfish_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Steelfish Bd';
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.eot');
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.eot?#iefix') format('embedded-opentype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.woff') format('woff'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.ttf') format('truetype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.svg#steelfish_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Steelfish Eb';
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.eot');
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.eot?#iefix') format('embedded-opentype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.woff') format('woff'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.ttf') format('truetype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/steelfish_bd.svg#steelfish_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'Montserrat Regular';
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Regular.eot');
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Regular.woff') format('woff'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Regular.ttf') format('truetype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Regular.svg#') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Montserrat Bold';
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Bold.eot');
src: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Bold.woff') format('woff'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Bold.ttf') format('truetype'),
url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/fontfiles/Montserrat-Bold.svg#') format('svg');
font-weight: 600;
font-style: normal;
}






/* Reset default drupal theme style */
.wrapper-content .block + .block {margin-top: 0;}
.block + .block {margin-top: 0;}
#breadcrumb {display:none;}


#block-views-music-block-1, #block-views-merchandise-block-1{
width:45%;
}
#block-views-music-block-1{
float:left;
display:block;
}
#block-views-merchandise-block-1{
float:right;
display:block;
}


body {
background: #000;
color: #fff;
font-family: 'Steelfish RG';
}

#preheader .col-2 .col {
	width: 100%;
}

#preheader .col-2 .col-first {
	max-width: 0px;
}

a {
color: #cc2626 !important;
}

.page-width {
	width: 100%;
	max-width: 2000px;
}

.stack .box {
padding: 0;
}




#header {
	border-bottom: none;
	margin-top: 0px;
	overflow: hidden;
}

#header_img_block {
	line-height: 0;
	display: block;
	text-align: center;
	border-bottom: 1px solid #2c2c2c;
}

#header_img_block img {
	width: 100%;
	height: auto;
	max-width: 1200px;
}

#header-inner {
	display: inline-block;
	float: left;
	clear: none;
}

h1#site-name {
	line-height: 0;
	margin: 13px 0;
	margin-left: 0px;
}

h1#site-name span {
	display: block;
	width: 173px;
	height: 30px;
	background: url(http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logo_eminem.png);
	text-indent: -9999px;
	margin-left: 20px;
}




/* ---------------------------- */
/* -- Main Navigation - Full -- */
/* ---------------------------- */


/* --- Janrain / SSO --- */

/*
#block-janrain-capture-ui-janrain-capture {
	position: absolute;
	right: 0px;
}

#block-janrain-capture-ui-janrain-capture ul {
	list-style: none;
}

#block-janrain-capture-ui-janrain-capture li.first {
	float: right;
	background-color: #333;
	position: relative;
	top: -24px;
	left: auto;
	height: 23px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 11px;
	padding: 5px;
	margin: 0 20px 0 0;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	transition: background .3s ease-out;
}

#block-janrain-capture-ui-janrain-capture li.first {
	font-size: 95%;
}
#block-janrain-capture-ui-janrain-capture li.first a {
	color: #999 !important;
	font-family: Arial;
	margin-top: 10px;
}
*/


#block-janrain-capture-ui-janrain-capture ul {
	list-style: none;
	width: 100%;
	max-width: 234px;
	float: right;
	margin-right: 10px;
}

#block-janrain-capture-ui-janrain-capture {
	position: fixed;
	top: 0px;
	z-index: 9999;
	font-family: Arial;
	background-color: yellow;
	line-height:2.4;
	/* margin-left:5em; */
	float: right;
	width: 100%;
	
}
#preheader #block-views-users-block {
	top: 0px;
	font-family: Arial;
	float: right;
	z-index: 9999;
}

#preheader-first-region {
	display: none;
}

#preheader .col.left {
	margin: 0px;
	padding: 0px;
}

#preheader #block-views-users-block .view-users {
	margin-top: -10px;
}


#preheader #block-janrain-capture-ui-janrain-capture .content li a {
	background-position:top left;
	color:#FFF;
	background-image:url(http://cache.umusic.com/_drupal/images/sso/sso_social_icons.png);
	padding-left:58px;
	background-repeat:no-repeat;
	display:inline-block;
	height:17px;
	line-height:17px;
	text-decoration:none;
}

#preheader #block-janrain-capture-ui-janrain-capture .content li a:hover {
	text-decoration:underline;
}

body.logged-in #preheader #block-janrain-capture-ui-janrain-capture .content li a {
	padding-left:2em;
	background-image:none;
}

body.logged-in #preheader #block-janrain-capture-ui-janrain-capture .content li {
	float: left;
}

#preheader #block-views-users-block,
body.not-logged-in #preheader #block-janrain-capture-ui-janrain-capture {
	background-color:#333;
	position:fixed;
	top: 31px;
	right: 6px;
	height:28px;
	width:234px;
	text-align:center;
	cursor:default;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	font-size:11px;
	padding:5px;
}

body.not-logged-in #preheader #block-janrain-capture-ui-janrain-capture {
	top:60px;
}



/*--- End Janrain / SSO --- */


/*Close btn*/
.menu-link-5666 {
	padding: 0px 2%;
}
#navigation .menu li {
	padding: 0 1%;
}

#navigation .menu li.menu-link-5721,
#navigation .menu li.menu-link-5726,
#navigation .menu li.menu-link-5731,
#navigation .menu li.menu-link-5736,
#navigation .menu li.menu-link-5741 {
	padding: 0 0 !important;
}


#navigation .menu li.menu-link-5666 a {
	margin: 0px;
	padding: 0px 2%;
}


.menu-link-5646 {
	width: 13%;
	width: auto
}

/*Tour, Store */
.menu-link-3036,
.menu-link-3041 {
	width: 9%;
	width: auto
}
/*Video*/
.menu-link-5631,
.menu-link-5161 {
	width: 9%;
	width: auto
}

.menu-link-5651,
.menu-link-5801 {
	width: 18%;
	width: auto
}

.menu-link-5656,
.menu-link-5841 {
	width: 13%;
	width: auto
}

/* Facebook */
#navigation .menu .menu-link-5721 {
	border: none;
	width: 2.8%;
	padding: 4px;
	padding-left: 10px;
	border-left: 1px solid #2c2c2c;

}

/* Twitter */
#navigation .menu .menu-link-5726 {
	border: none;
	width: 2.8%;
	padding: 4px;
}

/* YouTube */
#navigation .menu .menu-link-5731 {
	border: none;
	width: 2.8%;
	padding: 4px;
}

/* Instagram */
#navigation .menu .menu-link-5736 {
	border: none;
	width: 2.8%;
	padding: 4px;
}

/* SoundCloud */
#navigation .menu .menu-link-5741 {
	border: none;
	width: 2.8%;
	padding: 4px;
}

/* Tumblr */
#navigation .menu .menu-link-5746 {
	border: none;
	width: 2.8%;
	padding: 4px;
}




/* --- Social Menu Items Normal --- */

/* Facebook */
#navigation .menu-link-5721 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat 0px 0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}
/* Twitter */
#navigation .menu-link-5726 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat -36px -0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}
/* YouTube */
#navigation .menu-link-5731 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat -79px -0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}
/* Instagram */
#navigation .menu-link-5736 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat -117px -0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}
/* SoundCloud */
#navigation .menu-link-5741 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat -156px -0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}
/* Tumblr */
#navigation .menu-link-5746 a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icons-social-mini-4.png') no-repeat -191px -0px;
	text-indent: -9999px;
	width: 24px;
	height: 20px;	
}

/* --- Social Menu Items Rollover --- */

/* Facebook */
#navigation .menu-link-5721 a:hover {
	background-position: 0px -20px !important;
}
/* Twitter */
#navigation .menu-link-5726 a:hover {
	background-position: -36px -20px !important;
}
/* YouTube */
#navigation .menu-link-5731 a:hover {
	background-position: -79px -20px !important;
}
/* Instagram */
#navigation .menu-link-5736 a:hover {
	background-position: -117px -20px !important;
}
/* SoundCloud */
#navigation .menu-link-5741 a:hover {
	background-position: -156px -20px !important;
}
/* Tumblr */
#navigation .menu-link-5746 a:hover {
	background-position: -191px -20px !important;
}





.nav-tier-wrapper {
	width: 100%;
	float: left;
	border-width: 1px;
	border-color: #2c2c2c;
	border-style: solid none solid none;
	padding: 5px 0px 5px 0px;
	background-color: #000;
}

body.not-front .nav-tier-wrapper {
	padding-bottom: 18px;
}

#navigation {
display: inline-block;
float: right;
clear: none;
margin-top: 15px;
}

#navigation #block-block-141 {
	float: right;
	margin-top: -28px;
	margin-right: 30px;
	background-color: #000;
	z-index: 9999;
}

#navigation #block-block-141 #menu_icon {
	display: block;
	width: 32px;
	height: 27px;
	background: url(http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icon_menu.png);
	margin: 0px;
	text-indent: -9999px;
}






#navigation #block-system-main-menu {
float: right;
}

#navigation h2 {
display: none
}

#navigation .menu li {
border-left: 1px solid #2c2c2c;
}

#navigation .menu li.menu-link-5666 a{
	text-indent: -9999px;
	width: 15px;
	height: 27px;
	background: url(http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/btn_close.png) no-repeat 7px 7px;
	padding: 0px 10px 0px 10px;
	margin-left: 10px;
}

#navigation .menu a {
text-transform: uppercase;
padding: 0 35px;
color: #6c6c6c !important;
display: block;
font-size: 21px;
font-family: 'Steelfish Bd';
letter-spacing: 2px;
line-height: 27px;
}

#navigation .menu a:hover {
color: #b92b2b !important;
text-decoration: none;
}

#menu-mailinglist,
#block-block-116 {
	display: none;
}


#header #navigation li.menu-link-5666 {
	display: block;
}


/* -- End Navigation -- */

/* --- Top Promo Banner (above navigation) --- */

#block-views-top-banner-block {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

#block-views-top-banner-block img {
	width: 100%;
	height: auto;
	max-width: 1140px;
}


/* Begin FlexSlider CSS */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('fonts/flexslider-icon.woff') format('woff'),
url('fonts/flexslider-icon.ttf') format('truetype'),
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}



/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { 
	margin: 0 0 60px; 
	background: transparent; 
	border: none; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	-webkit-box-shadow: none;; 
	-moz-box-shadow:  none; 
	-o-box-shadow:  none; 
	box-shadow:  none; 
	zoom: 1; 
}


.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { height: 0;}
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 50px; }
.flex-direction-nav .flex-next { right: 50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }


.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* End FlexSlider CSS */




.photo-masonry-container .views-row {
margin-top:0px !important;
}

/* Begin FitVids Fix */
.fluid-width-video-wrapper,
.media-youtube-preview-wrapper,
.media-youtube-outer-wrapper {
width: auto !important;
height: auto !important;
}
.media-youtube-preview-wrapper object,
.media-youtube-preview-wrapper iframe {
max-width: none;
}
/* End FitVids Fix */





/* ------------------------- */
/* -- News Page Permalink -- */
/* ------------------------- */

.node-type-blog .field-name-body .field-item,
.node-type-blog .field-name-field-text-top-newsitem .field-items, 
.node-type-blog .field-name-field-text-bottom-newsitem .field-items {
	max-width: 900px;
	margin: 0px auto;
	color: #8d8d8d;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8em;
	letter-spacing: 1px;
}

.node-type-blog .field-name-body .field-item p span {
	margin: 0px auto !important;
	color: #8d8d8d !important;
	font-family: Arial !important;
	font-size: 100% !important;
	font-weight: 300 !important;
	line-height: 1.8em !important;
	text-align: left !important;
}



.node-type-blog .field-name-field-news-image img {
	width: 100%;
	max-width: 800px;
	height: auto;
}
.node-type-blog .field-name-field-news-image img.hi-res-img {
	width: 100%;
	max-width: none;
	height: auto;
}

.node-type-blog .field-name-field-news-image .field-item {
	text-align: center;
	margin: 0px auto;
}




.node-type-blog .created {
	display: none;
}

.node-type-blog .submitted {
	display: none !important;
}

.node-type-blog .meta .date {
	display: block !important;
}

.node-type-blog .created .date {
	display: block;
}

.node-type-blog .field-name-body .date {
	color: #fff;
	font-family: 'Steelfish RG';
	letter-spacing: 3px;
	text-align: center;	
	font-size: 160%;
	text-transform: uppercase;
	margin-top: 20px;
	display: block;
}

.node-type-blog .field-name-body .share-link:before {
	content: '\0000a0\0000a0\0000a0\0000a0|\0000a0\0000a0\0000a0\0000a0'
}

.node-type-blog .share-link {
	display: inline;
}
.node-type-blog .share-link a {
	color: #fff !important;
}

.node-type-blog  h1.title {
	color: #cc2626;
	width: 70%;
	max-width: 900px;
	text-align: center;
	border-bottom: 1px solid #2c2c2c;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: 600;
	padding-bottom: 20px;
	margin: 0px auto;
}

.node-type-blog .field-name-field-article-feature-video {
	width: 70%;
	max-width: 900px;
	margin: 0px auto;
	text-align: center;
}

.node-type-blog #block-system-main .media-embed-wrapper-outer {
	width: 100%;
	max-width: 900px !important;
}

.node-type-blog #block-system-main .media-thumbnail-frame iframe {
	width: 100%;
	border: 1px solid #2c2c2c;
}

.node-type-blog .field-name-body p span {
	display: block;
}



/* ------------------------- */
/* ---- News Main Page ----- */
/* ------------------------- */

.page-news #block-system-main .view-id-news .views-field {
	width: 400px;
	background-color: #666;
	padding: 10px;
}






/* -- Home Page -- */



/* - temporarily hide "Access Denied" messages - */
.front .skip-to-link,
.front h1.title,
.front .tabs {
	display:none;
}
.front #block-system-main {
	display: none;
}
/* --- */



.latest-news-body span {
	color: #fff !important;
}


.latest-news-body {
	color: #fff;
	font-family: Arial;
}

.front .latest-news-body {
	color: #fff;
	font-family: Arial;
	font-size: 110%;
}
.front .latest-news-body span {
	color: #fff;
	font-family: Arial;
	font-size: 110%;
}

.front #content .flexslider {
	background: transparent;
	border: none;
	width: 100%;

}

.front #content .flexslider img {
	width: 100%;
	height: auto;
	margin-left: -18px;
}


.front #block-views-carousels-slideshows-block-3 {
	margin-top: -17px;
}

#block-views-carousels-slideshows-block-3 .flexslider {
	margin: 0px;
	padding: 0px;
}


.front .wrapper-content {
	margin-top: 0px;
}

.front .stack-content-inner {
	padding-top: 0px;
}



/* -- Site Wide -- */
.not-front #header {
	padding-bottom: 15px;
}


#main {
	min-height:inherit;
}




/*  desktop */

#block-system-main-menu ul.menu {
	width: 100%;
}

#block-system-main-menu .content {
	margin-left: -40px;
}

#block-system-main-menu li.leaf {
	margin: 0px;
	text-align: center;
}

#block-system-main-menu li.last {
}


#navigation .menu a {
	padding: 0px;
}

#header #navigation {
	width: 75%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#header #header-inner {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 25%;
}


#navigation #block-system-main-menu {
	width: 100%;
}




#block-views-news-block-4 h2,
#block-views-news-block-1 h2 {
	color: #9b9b9b;
	width: 100%;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 70px;
	text-align: center;
	border: 1px none #333;
	border-style: solid none solid none;
	padding: 5px 0px;	
	max-width: 100%;
	margin: 0px auto;	
}

#block-views-news-block-1 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: -70px !important;
}

#block-views-news-block-1 .content {
	padding: 0px 90px 0px 90px;
}


#block-views-news-block-1 .view-news {
	border-bottom: none;
	max-width: 1200px;
	margin: 0px auto;	
}


/* single news carousel */

#block-views-news-block-4 {
	display: none;
}


#block-views-news-block-4 img {
	width: 100%;
	height: auto;
	max-height: none;
}




/* --- Homepage News Items --- */


/*  Hero Image Slider */

.front #block-views-carousels-slideshows-block-3 .flex-control-paging {
	width: 100%;
	position: relative;
	top: -115px;
}

.front #block-views-news-block-1 .flex-control-paging li a,
.front #block-views-carousels-slideshows-block-3 .flex-control-paging li a {
	width: 36px;
	height: 6px;
	display: block;
	background: #a4a4a4;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	-o-box-shadow:  none;
	box-shadow:  none;
}

.front #block-views-news-block-1 .flex-control-paging li a.flex-active,
.front #block-views-carousels-slideshows-block-3 .flex-control-paging li a.flex-active {
	background: #cc2626;
	cursor: default;
}


.front #block-views-carousels-slideshows-block-3 .views-field-title span {
	display: inline;
	background-color:rgba(0, 0, 0, 0.7);
	padding: 3px 10px;
	font-size: 250%;
	color: #cc2626;
	text-transform: uppercase;
	top: -140px;
	left: 25px;
	position: relative;
}

.front #block-views-carousels-slideshows-block-3 .views-field-field-sub-title .field-content {
	display: inline;
	background-color:rgba(0, 0, 0, 0.7);
	font-size: 540%;
	line-height: 1em;
	padding: 3px 10px;
	text-transform: uppercase;
	top: -120px;
	left: 25px;
	position: relative;
}

.front-news-carousel ul.slides li {
	width: 100%;
	padding: 5px;
	margin: 5px;
	left: -28px;
	position: relative;	
}

.front-news-carousel ul.slides .views-field-field-news-image-thumb img {
	width: 100%;
	height: auto;
	max-height: 288px;	
}



.front  #block-views-news-block-1 ul.flex-direction-nav {
	width: 100%;
}

.front #block-views-news-block-1 ul.flex-direction-nav li a {
	position: relative;
}

.front #block-views-news-block-1 .flex-direction-nav a.flex-prev { 
	opacity: 1; 
	float: left;
}
.front #block-views-news-block-1 .flex-direction-nav a.flex-next { 
	opacity: 1; 
	float: right;
}

	

.front .latest-news-date {
	font-family: 'Steelfish RG';
	letter-spacing: 3px;
	font-size: 130%;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

.front span.latest-news-title {
	font-family: 'Steelfish Eb';
	text-transform: uppercase;
	font-size: 210%;
	display: block;
	margin-top: 10px;
	line-height: 1.1em;
	margin-bottom: 5px;
}

.front .latest-news-body,
.front .latest-news-body span {
	color: #8d8d8d !important;
	font-size: 10pt !important;
	line-height: 1.5em !important;
}

.front .latest-news-body,
.front .latest-news-body p {
	padding-right: 10px;
}

.front .views-field-body p:nth-child(1) {
	margin-top: 0px;
}

.front .merch-slideshow-title,
.front .front-music-slideshow-title {
	margin-top: 10px;
	height: 75px;
}

.front .merch-slideshow-title a.buy-button,
.front .front-music-slideshow-title a.buy-button {
	color: #fff !important;
	font-family: 'Montserrat Regular' !important;
	text-transform: uppercase !important;
	font-size: 110% !important;
	font-weight: normal;
	letter-spacing: 3px;
	float: left;
	margin: 5px 0px 0px 0px;
	position: relative;
	left: -18px;
}

.front .merch-slideshow-title a.buy-button:hover,
.front .front-music-slideshow-title a.buy-button:hover {
	text-decoration: none;
	color: #808080 !important;
}

.front .merch-slideshow-title span.title,
.front .front-music-slideshow-title span.title {
	font-family: 'Steelfish Eb';
	text-transform: uppercase;
	font-size: 33px;
	color: #cc2626;
	float: left;
	margin-left: -17px;
	line-height: 1.1em;
	width: 96%;
}




/* --- Homepage Music and Merch blocks --- */

.mid-tier-wrapper {
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
	max-width: 1440px;
	margin: 0px auto;
	position: static;
	border-top: 1px solid #2c2c2c;
}


.front #block-views-music-block-1 {
	display: block;
	width: 50%;
	float: left;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	border-right: 1px solid #2b2b2b;
	margin-top: 0px;
}

.front #block-views-merchandise-block-1 {
	display: block;
	width: 50%;
	float: left;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	border: none;
	margin-top: 0px;
	clear: none;
}


.front #block-views-music-block-1 img {
	width: 100%;
	height: auto;
}

.front #block-views-merchandise-block-1 img {
	width: 100%;
	height: auto;
}



.front #block-views-merchandise-block-1 .front-music-slideshow img {
	margin-left: -18px;
}

.front #block-views-merchandise-block-1 .front-merch-slideshow img {
	margin-left: -18px;
}

.front #block-views-merchandise-block-1 .inner .middle,
.front #block-views-music-block-1 .inner .middle {
	max-width: 470px;
	margin: 0px auto;
}

.front #block-views-merchandise-block-1 .bottom,
.front #block-views-music-block-1  .bottom {
	display: none;
}



.front #block-views-music-block-1 h2,
.front #block-views-merchandise-block-1 h2 {
	color: #9b9b9b;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 70px;
	font-weight: 600;
	margin-top: 0px;
}


.front #block-views-music-block-1 .flexslider,
.front #block-views-merchandise-block-1 .flexslider {
	margin: 0px;
}


/* --- generic Page site title graphic fix -- */
#site-name span {
	display: block;
	width: 173px;
	height: 43px;
	background: url(http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logo_eminem.png);
	text-indent: -9999px;
	margin-left: 20px;
}

.not-front .site-name-wrapper  {
	position: relative;
	top: 13px;
}

#main .tabs {
	display: none;
}

.front .wrapper-footer .stack,
.not-front .wrapper-content,
.not-front .wrapper-content .stack {
	padding-top: 0px;
	margin-top: 0px
}


#preheader,
#block-views-news-block-1,
#header {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}



#block-views-news-block-1 .flex-control-nav {
	position: static;
}


.front #block-views-merchandise-block-1 .block .flex-direction-nav  {
	margin-top: 0px;
}

.flex-direction-nav a:before {
	content: '' !important;
	font-family: inherit !important;
}

.flex-direction-nav a.flex-prev:before {
	content: '';
}
.flex-direction-nav a.flex-next:after {
	content: '';
	width: 20px;
	height: 20px;
}


.front #block-views-news-block-1 .flex-direction-nav a.flex-prev {
	width: 59px;
	height: 56px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-prev-simple.png');
	text-indent: -9999px;
	position: relative;
	top: -320px;
	left: -90px;	
}
.front #block-views-news-block-1 .flex-direction-nav a.flex-next {
	width: 59px;
	height: 56px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-next-simple.png');
	text-indent: -9999px;
	text-align: left;
	position: relative;
	top: -320px;
	right: -58px;	
}
.front #block-views-music-block-1 .flex-direction-nav a.flex-prev {
	width: 38px;
	height: 38px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-prev-small.png');
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 10px
}
.front #block-views-music-block-1 .flex-direction-nav a.flex-next {
	width: 38px;
	height: 38px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-next-small.png');
	text-indent: -9999px;
	text-align: left;
	position: absolute;
	top: 50px;
	left: 50px;
}

.front #block-views-merchandise-block-1 .flex-direction-nav a.flex-prev {
	width: 38px;
	height: 38px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-prev-small.png');
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 10px
}

.front #block-views-merchandise-block-1 .flex-direction-nav a.flex-next {
	width: 38px;
	height: 38px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-next-small.png');
	text-indent: -9999px;
	text-align: left;
	position: absolute;
	top: 50px;
	left: 50px;
}





/* ---- Main Homepage Carousel ---- */

.front #block-views-carousels-slideshows-block-3 .flex-direction-nav a.flex-prev {
	width: 59px;
	height: 105px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-prev.png');
	text-indent: -9999px;
	margin: -121px 0 0;	
}
.front #block-views-carousels-slideshows-block-3 .flex-direction-nav a.flex-next {
	width: 59px;
	height: 105px;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-next.png');
	text-indent: -9999px;
	text-align: left;
	margin: -121px 0 0;
}

/* Mid Tier Wrapper (for Music and Merch blocks) */



.front #prefooter {
	border: none;
}

.front #block-views-music-block-1 .flexslider .slides img,
.front #block-views-merchandise-block-1 .flexslider .slides img {
	height: auto;
	margin-left: -18px;
}

.front #prefooter {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
}

.front .wrapper-footer {
	padding-top: 0px;
}




/* ------------------------- */
/* -------- Footer --------- */
/* ------------------------- */

#copyright {
	margin-top: -36px;
	border-top: 1px solid #2c2c2c;
}



#block-block-156 a {
	color: #4c4c4c !important;
}
#block-block-156 a:hover {
	color: #cc2626 !important;
}

#block-block-156 {
	color: #4c4c4c;
	width: 100%;
	max-width: 2000px;
	margin: 0px auto;
	border-top: 1px solid #2c2c2c;
	padding-top: 27px;
}

.reserved-rights,
.email-signup,
.policy-terms {
	font-family: 'Montserrat Regular';
	text-transform: uppercase;
	font-size: 10.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	display: inline-block;	
}

.reserved-rights {
	width: 47%;
	text-align: left;
	float: left;
	padding-left: 40px;
}
.email-signup {
	width: 17%;
	max-width: 165px;
	min-width: 160px;
	text-align: center;
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icon-mail.png') no-repeat 0px 1px;
	cursor: pointer;
}
.policy-terms {
	width: 30%;
	text-align: right;
	float: right;
	padding-right: 40px;
}



#block-block-151 .label-icons {
	width: 100%;
	max-width: 560px;
	margin: 30px auto;
}

#block-block-151 .label-icons .aftermath,
#block-block-151 .label-icons .shady-records,
#block-block-151 .label-icons .interscope-records,
#block-block-151 .label-icons .famehouse {
	width: 24%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	display: inline-block;
	text-align: center;	
}

#block-block-151 .label-icons .shady-records a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2.png') 0px 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	width: 115px;
	height: 89px;
	display: inline-block;
}

#block-block-151 .label-icons .aftermath a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2.png') -423px 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	width: 115px;
	height: 89px;
	display: inline-block;
	border-width: 1px;
	border-color: #2c2c2c;
	border-style: none none none solid;

}

#block-block-151 .label-icons .interscope-records a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2.png') -141px 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	width: 115px;
	height: 89px;
	display: inline-block;
	border-width: 1px;
	border-color: #2c2c2c;
	border-style: none solid none solid;
}

#block-block-151 .label-icons .famehouse a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2.png') -286px 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	width: 115px;
	height: 89px;
	display: inline-block;
}





/* ------ RESPONSIVE ADJUSTMENTS ONLY BELOW -------- */


/*=====================================================
 *                    Desktop - Super Wide
 =====================================================*/

@media screen and (min-width:1400px) {

#navigation .menu li {
	padding: 0 3%;
}


}

/*=====================================================
 *                    Desktop - Wide
 =====================================================*/

@media screen and (min-width:1100px) {

#dev-responsive-indicator { width: 25px; height: 25px; background-color: red; }
#navigation .menu li {
	padding: 0 2%;
}


}



/*=====================================================
 *                    Desktop - Normal
 =====================================================*/

@media only screen and (min-width: 769px) and (max-width: 1099px) {

#dev-responsive-indicator { width: 25px; height: 25px; background-color: orange; }

	
	.front #block-views-news-block-1 .flex-direction-nav {
		display: block;
	}
	
	.front #block-views-news-block-1 .flex-control-paging {
		display: block;
		Xmargin-bottom: 40px;
	}

	#block-views-news-block-1 .content {
		Xpadding: 0px 40px !important;
	}

	
	/*
	#block-views-merchandise-block-1,
	#block-views-music-block-1 {
		margin-top: 0px !important;
	}
	*/
	
	
}


/*=====================================================
 *                    Mobile/Tablet
 =====================================================*/
@media screen and (max-width:768px) {

#dev-responsive-indicator { width: 25px; height: 25px; background-color: yellow; }


	#block-views-news-block-4 .middle {
		margin-top: 110px;
	}

	.front #block-views-carousels-slideshows-block-3 .flex-direction-nav a.flex-prev {
		width: 59px;
		height: 56px;
		background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-prev-simple.png');
		text-indent: -9999px;
		margin: 0px;
		position: absolute;
		top: 50%;
	}



	.front #block-views-carousels-slideshows-block-3 .flex-direction-nav a.flex-next {
		width: 59px;
		height: 56px;
		background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/carousel-nav-next-simple.png');
		text-indent: -9999px;
		text-align: left;
		margin: 0px;
		position: absolute;
		top: 50%;
	}


	
	.front #block-views-carousels-slideshows-block-3 .views-field-title span {
		position: static;
		top: 0px;
		font-size: 32px;
		display: inline-block;
	}

	.front #block-views-carousels-slideshows-block-3 .views-field-field-sub-title .field-content {
		position: static;
		top: 0px;
		font-size: 32px;
		display: inline-block;
	}



	.front #block-views-carousels-slideshows-block-3 .flex-direction-nav {
		position: absolute;
		top: 50%;
	}
	
	.front #block-views-carousels-slideshows-block-3 .views-field-title,
	.front #block-views-carousels-slideshows-block-3 .views-field-field-sub-title {
		display: inline-block;
		margin: 0px;
	}
	
	.front #block-views-carousels-slideshows-block-3 .views-field-title {
		margin-top: 30px;
	}


	.front #block-views-carousels-slideshows-block-3 .flexslider .slides > li {
		text-align: center;
	}

	#block-views-carousels-slideshows-block-3 .flex-control-paging {
		display: none;
	}

	#block-views-news-block-1 {
		display: none;
	}

	#block-views-news-block-4 {
		display: block;
	}
	
	#block-views-news-block-4 .flex-direction-nav {
		float: none;
		margin: 0px;
		position: relative;
		top: -280px;
	}
	
	#block-views-news-block-4 .flex-direction-nav a.flex-next {
		margin-right: -40px;
	}
	#block-views-news-block-4 .flex-direction-nav a.flex-prev {
		margin-left: -40px;	
	}
	
	
	#block-views-merchandise-block-1,
	#block-views-music-block-1 {
		width: 100% !important;
		margin-top: 0px !important;
		padding: 0px !important;
	}

	#block-views-news-block-4 .content,
	#block-views-merchandise-block-1 .content,
	#block-views-music-block-1 .content {
		padding: 40px;
	}

	#block-views-news-block-4 .content {
		padding: 0px 60px 0px 60px;	
	}


	.front #block-views-merchandise-block-1 .inner .middle, 
	.front #block-views-music-block-1 .inner .middle {
		max-width: none;
	}	
	
	#block-views-music-block-1 h2 {
		border-top: 1px solid #2b2b2b;
		border-bottom: 1px solid #2b2b2b;
	}
	
	#block-views-merchandise-block-1 h2 {
		border-top: 1px solid #2b2b2b;	
		border-bottom: 1px solid #2b2b2b;	
	}


	#block-views-news-block-4 {
		Xmargin-top: -80px;
	}
	
	

	.reserved-rights {
		display: block;
		width: 100%;
		max-width: none;
		text-align: center;
		margin: 0px auto;
		padding: 0px;
		margin-bottom: 10px;
	}
	.email-signup {
		display: block;
		width: 100%;
		max-width: 200px;
		text-align: center;
		margin: 0px auto;
		padding: 0px;
		background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/icon-mail.png') no-repeat 17px 28px;
		left: 15px;
		position: relative;
		margin-bottom: 10px;
	}
	.policy-terms {
		display: block;
		width: 100%;
		max-width: none;
		text-align: center;
		margin: 0px auto;
		padding: 0px;
	}


#block-block-151 .label-icons .aftermath,
#block-block-151 .label-icons .shady-records,
#block-block-151 .label-icons .interscope-records,
#block-block-151 .label-icons .famehouse {
	width: 24% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	display: inline-block;
	text-align: center;	
}


#block-block-151 .label-icons .shady-records a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2-small.png') 0px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	border: none;
}

#block-block-151 .label-icons .aftermath a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2-small.png') -257px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	border: none;
}

#block-block-151 .label-icons .interscope-records a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2-small.png') -90px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	border: none;
}

#block-block-151 .label-icons .famehouse a {
	background: url('http://www.eminem.com/sites/deveminem.umg.edrupalgardens.com/files/201310/logos-labels-2-small.png') -190px 0px;
	background-repeat: no-repeat;
	width: 70px;
	height: 50px;
	border: none;
}


}


/*=====================================================
 *                    Mobile
 =====================================================*/
@media all and (max-width:480px){

#dev-responsive-indicator { width: 25px; height: 25px; background-color: lime; }


}