/*
Theme Name: Shady
Theme URI: https://www.shadyrecords.com/
Description: Custom theme developed for Shady Records.
Author: Fame House
Author URI: http://famehouse.net/
Version: 1.0

NOTES:
	Using Gecko/Firefox as baseline standard and 'fixing' for Trident/MSIE, Webkit/Safari/Chrome, Presto/Opera as necessary.
	body classes for user agent engine, platform, version(s), etc. set in script.js
*/
@charset 'UTF-8';

@import url('styles/wp.css') screen;
@import url('styles/fix.css') screen;
@import url(https://fonts.googleapis.com/css?family=Montserrat);

@font-face {
  font-family: "Steelfish RG";
  src: url('fonts/steelfish_rg-webfont.eot?1377488092');
  src: url('fonts/steelfish_rg-webfont.eot?&1377488092#iefix') format('embedded-opentype'), url('fonts/steelfish_rg-webfont.woff?1377488094') format('woff'), url('fonts/steelfish_rg-webfont.ttf?1377488094') format('truetype'), url('fonts/steelfish_rg-webfont.svg?1377488094#steelfish_rgregular') format('svg');
}



@font-face {
    font-family: 'bebas_neuebold';
    src: url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.eot');
    src: url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.woff2') format('woff2'),
         url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.woff') format('woff'),
         url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.ttf') format('truetype'),
         url('yelawolfpreorder/css/fonts/BebasNeue Bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media all {
	/* basic layout structures */
	html, body { height:100%; }
	body, p, .content-text { font-family:Helvetica, Arial, sans-serif; font-size:10pt; /* body font is overridden by typekit */ }

	/* turn lists into columns (ul.block) or rows (ul.inline-block) of item blocks */
	ul.inline, ul.block, ul.inline-block { display:block; margin:0; padding:0; list-style:none; }
	ul.inline > li { display:inline; }
	ul.block > li { display:block; }
	ul.inline-block > li { display:inline-block; }

	/* grid elements */
	.row, .col { display:block; position:relative; list-style:none; padding:0; margin:0; }
	.col, .col-hard { float:left; width:100%; /* hard columns do not collapse in mobile context! */ }
	.break { clear:both; float:none; }
	.right { float:right; }
	.left { float:left; }

	.no-display { display:none !important; }

	img[width="1"] { opacity: 0; }
}

/* style modifications for desktop/laptop screens */
@media screen {

	/* hide mobile elements from legacy MSIE that media queries don't work in */
	body.msie-7 .no-desktop,
	body.msie-8 .no-desktop { display:none !important; }

	/* basic colors, text, links */
	body {
		color:rgb(128,128,128);
		text-align:center; margin:0;
		background-color:black;
		background-repeat:repeat-y, repeat-y;
		background-position:left top, right top;
		background-image:url('images/bg-left.jpg'), url('images/bg-right.jpg');
	}

		/* legacy msie fixes */
		body.msie-7,
		body.msie-8 {
			background:black url('images/bg-right.jpg') right top repeat-y;
		}

	/* clear fix */
	.cf {
		*zoom: 1;
	}

	.cf:before,
	.cf:after {
		display: table;
		content: "";
		line-height: 0;
	}

	.cf:after {
		clear: both;
	}

	/* grid elements */
	.container { display:block; width:960px; margin:0 auto; text-align:left; }

	/* 1:1:1 columns */
	.row.cols-111 > .col, .row.cols-111 > .col-hard { width:33%; margin-left:0.5%; }
	.row.cols-111 > .col:first-child, .row.cols-111 > .col-hard:first-child { margin-left:0%; }

	/* 2:1 columns */
	.row.cols-21 > .col, .row.cols-21 > .col-hard { width:34%; }
	.row.cols-21 > .col:first-child, .row.cols-21 > .col-hard:first-child { width:66%; }

	/* 1:2 columns */
	.row.cols-12 > .col, .row.cols-12 > .col-hard { width:66%; }
	.row.cols-12 > .col:first-child, .row.cols-12 > .col-hard:first-child { width:34%; }

	/* 1:1 columns */
	.row.cols-11 > .col, .row.cols-11 > .col-hard { width:50%; }

	/* links */
	a, a:visited { color:rgb(128,128,128); text-decoration:none; }
	a:hover, a:active, p a, p a:visited { color:rgb(178,43,47); }
	p a:hover, p a:active { text-decoration:underline; }

	/* text */
	p { line-height:1.8em; margin:0; padding:0.5em 0; }

	/* images - all images are 100% by default to make them responsive */
	img { max-width:100%; height: auto; }
	a img { border:0 none; }

	/* colors */
	.red { color:rgb(178,43,47) !important; }

	/* TITLES */
	h1,h2,h3,h4,h5,h6 { margin:0; }

	.title {
		color:rgb(128,128,128); text-transform:uppercase; font-weight:normal;
		font-size:30px;
	}

	.title + * { margin-top:0 !important; padding-top:0 !important; /* the next element should not determine space */ }

	.wrap, .wrap_post { display:inline; }
	.nowrap { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

	.title.inverse {
		background-color:rgb(128,128,128); background-image:url('images/title-inverse.png'); background-position:50% 50%; background-repeat:repeat-x;
		color:black; font-size:30px; padding:3px 5px 0 5px; line-height:1.45; /* ensures a slight space on breaks */ top:-1px; position:relative;
	}
	.title.inverse a { color:black; }
	.title.inverse a:hover { color:rgb(78,1,3); }

	.title.icon {
		border-top:1px solid rgb(60,60,60); border-bottom:1px solid rgb(60,60,60);
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0.25em 0 0.15em 0;
		background-repeat:no-repeat; background-position:right center;
		font-size:26px;
		margin-bottom:0.75em;
	}
	.title.icon-discography { background-image:url('images/title-icon-discography.png'); }
	.title.icon-news { background-image:url('images/title-icon-news.png'); }
	.title.icon-newsletter, #newsletter-widget .title.icon { background-image:url('images/title-icon-newsletter.png'); }
	.title.icon-twitter, #twitter-widget .title.icon, #twitter-artist-widget .title.icon { background-image:url('images/title-icon-twitter.png'); }
	.title.icon-facebook, #facebook-widget .title.icon { background-image:url('images/title-icon-facebook.png'); }
	.title.icon-instagram, #instagram-widget .title.icon { background-image:url('images/title-icon-instagram.png'); }


	/* MESSAGES */
	.bigmsg { font-size:400%; color:rgb(60,60,60); text-transform:uppercase; font-weight:bold; text-align:center; padding-top:0.5em; }


	/* PREVIOUS NEXT BUTTONS */
	a.prev-next { position:absolute; display:block; width:33px; height:33px; margin:-17px 0; z-index:200; background-image:url('images/nav-horizontal.png'); background-repeat:no-repeat; }
	a.prev-next.prev { background-position:0px 0px; }
	a.prev-next.prev:hover { background-position:0px -33px; }
	a.prev-next.next { background-position:-33px 0px; }
	a.prev-next.next:hover { background-position:-33px -33px; }


	/* BUTTONS */
	a.button, a.button:visited {
		background-position:100% 3px;
		background-repeat:no-repeat;
		background-image:url('images/chevron.png');
		padding-right:19px;

		text-transform:uppercase;
		font-weight:normal;
		line-height:23px;
		font-size:21px;
		height:20px;
		white-space:nowrap;
		display:inline-block;
		overflow:hidden;
		text-overflow:ellipsis;
		max-width:90%;
		vertical-align:middle;
	}
	a.button.inverse, a.button.inverse:visited {
		color:black;
		padding:3px;
		background:rgb(128,128,128) url('images/texture-vertical-lines-14op.png');
		max-width:80%;
		height:auto;
		line-height:19px;
	}
	a.button.inverse span {
		display:inline-block;
		background:rgba(255,255,255,0.14) url('images/chevron.png') no-repeat 96% 4px;
		padding:4px 25px 0 5px;
	}
	a.button.inverse:hover, a.button.inverse:active {
		background-color:rgb(178,43,47);
		color:rgb(78,1,3);
	}
	a.button.inverse:hover span, a.button.inverse:active span {
		background:rgb(140,140,140); /* lighten */
		background-image:url('images/chevron.png'), url('images/texture-vertical-lines-14op.png');
		background-repeat:no-repeat, repeat;
		background-position:96% 4px, 50% 50%;
	}

		/* webkit fixes */
		body.webkit a.button, body.webkit a.button:visited {
			line-height:24px;
			font-size:22px;
		}
		body.webkit a.button.inverse, body.webkit a.button.inverse:visited,
		body.trident a.button.inverse, body.trident a.button.inverse:visited {
			line-height:18px;
		}

		/* trident fixes */
		body.trident a.button, body.trident a.button:visited {
			line-height:25px;
		}

	/* Custom Buy Button */
	.buy-button { display: block; width: 372px; height: 74px; background: url(images/button-buy.png); }


	/* SOCIAL BUTTONS & SHARES BUBBLES */
	a.social, span.shares { line-height:21px; font-size:14px; letter-spacing:1px; font-weight:normal; display:inline-block; height:20px; white-space:nowrap; overflow:hidden; text-transform:uppercase; vertical-align:middle; }
	a.social { background-color:rgb(60,60,60); background-image:url('images/social-button-icons.png'); background-repeat:no-repeat; padding:0 4px 0 24px; }
	span.shares { background-image:url('images/social-shares.png'); background-position:left center; background-repeat:no-repeat; padding:0 4px 0 10px; margin-left:2px; }
	a.social.facebook { background-position:0px 0px; }
	a.social.twitter { background-position:0px -20px; }
	a.social.youtube { background-position:0px -40px; }

		/* webkit & trident fixes */
		body.webkit a.social, body.webkit span.shares,
		body.trident a.social, body.trident span.shares {
			line-height:23px;
		}


	/* links - to put buttons */
	ul.inline.links > li { margin-right:20px; }


	/* wide image area */
	.panorama {
		position:relative;
		width:100%;
		height:50%;
		overflow:hidden;
		background-position:50% 50%,50% 50%;
		background-repeat:repeat,no-repeat;
		background-size:auto,cover;
		border-top: 5px solid #191717;
	}
	.panorama a.prev-next { top:50%; }
	.panorama a.prev-next.next { right:0%; }
	.panorama + .trim.gray { margin-bottom:0.5em; }

		/* Legacy MSIE fixes - manipulate the contained image to best emulate a filled background, enhanced by jquery - see script.js */
		.panorama > img,
		#front-slideshow .cycle-slide > img { display:none; /* hide this image from other browsers */ }

		body.msie-7 .panorama,
		body.msie-8 .panorama,
		body.msie-7 #front-slideshow .cycle-slide,
		body.msie-8 #front-slideshow .cycle-slide { background-image:none !important; /* no support for background-size or multi background-images */ }

		body.msie-7 .panorama > img,
		body.msie-8 .panorama > img,
		body.msie-7 #front-slideshow .cycle-slide > img,
		body.msie-8 #front-slideshow .cycle-slide > img { display:block; position:absolute; top:-50%; left:0px; /* center vertically */ }


	/* trim */
	.trim { background-image:url('images/texture-diagonal-lines-60op.png'); height:10px; }
	.trim.gray, .trim.grey { background-color:rgb(60,60,60); }
	.trim.red { background-color:rgb(178,43,47); }
	img.trim { height:auto; }
	img.trim.red { padding-top:5px; }


	/* WIDGETS */
	.widget { margin-bottom:25px; }

	/* widget: twitter */
	.tweet { padding:0.5em 0; }
	.tweet-text { font-size:smaller; }

	#twitter-widget .tweet { border-bottom:1px solid rgb(60,60,60); }
	#twitter-widget .tweet:first-child { border-top:1px solid rgb(60,60,60); }

	#twitter-artist-widget .tweet { border-top:1px solid rgb(60,60,60); }
	#twitter-artist-widget .tweet:first-child { border-top:0 none; padding-top:0; }

	/* widget: facebook */
	#facebook-widget { border-bottom:1px solid rgb(60,60,60); }

	/* widget: instagram */
	#instagram-widget img { width:33%; }

	/* widget: artist */
	#artist-widget .title { display:none; }
	#artist-widget .content { text-align:center; }

	/* widget: newsletter */
	#newsletter-widget .content { background-color:rgb(60,60,60); padding:5px !important; background-image:url('images/texture-diagonal-lines-30op.png'); }
	#newsletter-widget form { text-align:center; display:block; padding:5px; background-color:rgba(0,0,0,0.5); }
	/* hide the form inputs now ...
	#newsletter-widget div { margin:0.5em 0; }
	#newsletter-widget input { width:90%; padding:0.25em; font-weight:bold; font-size:120%; color:black; border:2px solid rgb(75,75,75); background-color:rgba(255,255,255,0.5); }
	*/
	#newsletter-widget input { display:none; }


	/* FILTER FORMS */
	form.filter ul.inline li { margin-right:1em; white-space:nowrap; font-size:medium; text-transform:uppercase; }

	form.filter select, form.filter label[for] { cursor:pointer; }
	form.filter select { background-color:black; font:inherit; color:inherit; border:0 none; outline:0 none; text-align:center; text-transform:uppercase; /* nessary for webkit */ }
	form.filter option { border-top:1px solid rgb(60,60,60); /* only works on Gecko */ }
	form.filter option:first-child { border-top:2px solid rgb(178,43,47); /* only works on Gecko */ }
	form.filter label[for] input[type=checkbox] { visibility:hidden; }

	form.filter select:focus,
	form.filter select:hover,
	form.filter label[for]:hover,
	form.filter label[for].active { color:rgb(178,43,47); }


	/* AJAX LOADER */
	.loader { background-image:url('images/ajax-loader.gif'); background-repeat:no-repeat; background-position:50% 50%; min-height:50px; }


	/* ALBUM PLAYLIST */
	ul.playlist { margin:1em 0; }
	ul.playlist li {
		background-image:url('images/bullet-play.png'); background-repeat:no-repeat; background-position:left center;
		padding-left:30px;
		white-space:nowrap; text-overflow:ellipsis;
		cursor:pointer;
		margin:0.5em 0;
	}
	ul.playlist li:hover { color:rgb(178,43,47); }


	/* SOUNDCLOUD PLAYER */
	#soundcloud-widget { position:absolute; top:-200px; left:0px; }

	#player-progress { }
	#player-progress-bar { background-color:rgb(178,43,47); height:5px; }
	#player { background-color:rgb(35,35,35); background-image:url('images/texture-diagonal-lines-60op.png'); padding:0.25em 0 0.3em; }
	#player .container { text-align:right; white-space:nowrap; }
	#player-song, #player-controls { vertical-align:top; }
	#player-song {
		display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
		background-repeat:no-repeat; background-position:0px 0px; background-image:url('images/player-song-icon.png'); text-indent:19px;
		height:15px; font-size:11px; color:rgb(128,128,128);
	}
	#player-controls { display:inline-block; overflow:visible; }
	#player-controls li { width:15px; height:15px; background-image:url('images/player-icons.png'); background-repeat:no-repeat; cursor:pointer; margin: 0 1px;}

	#player-control-rewind { background-position:0px 0px; }
	#player-control-rewind:hover { background-position:0px -15px; }

	#player-control-play { background-position:-30px 0px; }
	#player-control-play:hover { background-position:-30px -15px; }
	#player-control-play.active { background-position:-75px 0px; }	/* pause position */
	#player-control-play.active:hover { background-position:-75px -15px; }

	#player-control-forward { background-position:-60px 0px; }
	#player-control-forward:hover { background-position:-60px -15px; }


	/* HEADER */
	#header { background:url('images/texture-header.png') center center; }
	#logo { width:140px; height:90px; background-repeat:no-repeat; background-position:50% 50%; background-image:url('images/logo.png'); }
	#nav { width:760px; text-align: left;}


	/* HEADER NAVIGATION */
	#nav-toggle { /* menu display toggle - displays for mobile */
		padding:0.5em; cursor:pointer;
		/* background-color:rgb(35,35,35); */
		background-repeat:no-repeat, repeat;
		background-position:98% 50%, 50% 50%;
		background-image:url('images/nav-toggle.png'), url('images/texture-diagonal-lines-60op.png');
		text-transform:uppercase; font-weight:normal; /*color:rgb(128,128,128);*/ color:rgb(178,43,47); text-align:center;
		font-size:20px;
	}
	#nav-header > li { text-align:center; font-size:20px; position:relative; margin: 0 1px; }
	#nav-header > li > a {
		display:inline-block; padding: 1.5em 0.4em 2em;
		background-repeat:repeat, no-repeat;
		background-position:top left, 98% 65%;
		background-image:url('images/texture-diagonal-lines-60op.png'), url('images/nav-inactive.png');
		text-transform:uppercase; font-weight:normal; color:rgb(128,128,128);
	}
	#nav-header > li > a > span { display:inline-block; padding: 0.15em .3em 0.05em .3em; }

	/* nav submenu */
	#nav-header > li > ul {
		position:absolute; left:-999em; z-index:300;
		background:url('images/texture-diagonal-lines-60op.png') rgb(35,35,35);
		padding-bottom:5px;
		width:200px; /* default width - change with jQuery to match menu item width onload */
	}
	#nav-header > li > ul > li { margin:0 5px; background-color:rgba(0,0,0,0.2); border-top:1px solid rgb(128,128,128); }
	#nav-header > li > ul > li:first-child { border-top-width:5px; border-top-color:rgb(178,43,47); }
	#nav-header > li > ul > li > a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal; color:rgb(128,128,128); font-size:90%; padding:0.5em 1em; text-transform:uppercase;}
	#nav-header > li > ul > li > a:hover { color:rgb(178,43,47); }

	/* nav mouseover */
	#nav-header > li:hover > a, #nav > ul > li.current-menu-item > a { background-image:url('images/texture-diagonal-lines-60op.png'), url('images/nav-active.png'); color:rgb(178,43,47);  }
	#nav-header > li:hover > a > span, #nav > ul > li.current-menu-item > a > span { background-color:rgb(35,35,35); background-image:url('images/texture-diagonal-lines-60op.png'); }
	#nav-header > li:hover > ul { left:auto; }

		/* legacy msie fixes */
		body.msie-7 #nav-header > li { float:left; }
		body.msie-7 #nav-header > li > a { display:block; }


	/* FOOTER */
	#footer-logos {
		border-top:1px solid rgb(60,60,60);
		margin-top:2em;
		padding-top:1em;
		padding-bottom:4em; /* account for the space removed by the fixed footer menu */
	}

	#footer-logo { height:102px; background:url('images/logo-footer.png') 50% 50% no-repeat; margin-bottom: 30px;}

	table#artist-logos { border-collapse:collapse; table-layout:fixed; width:100%; }
	table#artist-logos td { text-align:center; vertical-align:middle; border-right:1px solid rgb(60,60,60); }
	table#artist-logos td:first-child { border-left:1px solid rgb(60,60,60); }
	table#artist-logos img { width:auto; max-width:100px; }

		/* msie fixes */
		body.msie-7 table#artist-logos img,
		body.msie-8 table#artist-logos img { width:100px; }

	#builtbyfh { width: 140px; height: 49px; background: url('images/built-by-fh.png'); display: block; margin: 40px auto 0; }

	#footer {
		text-transform:uppercase; padding: 0.8em 0 0.6em 0;
		position:fixed; left:0px; right:0px; bottom:0px; height:auto; z-index: 300;
		display: none;
	}
	#copyright { text-align:right; font-size: 15px; line-height:1.5; width: 25%; }
	#nav-footer { /* ul.inline and ul.col - treat thusly */ width: 75%; }
	#nav-footer > li { font-size: 20px; border-left:1px solid rgb(128,128,128); padding:0 0.8em; }



	/* DISCOGRAPHY */
	.disco { background:url('images/disco-timeline.png') center top repeat-y; }

	.disco .left { clear:left; }
	.disco .right { clear:right; }

	.disco-spacer { width:50%; /* 50% of the discography column */ }
	.disco-spacer img { width:50%; /* % of the spacer block */ }

	.disco-item { width:50%; }

	.disco-year { width:200%; text-align:center; position:relative; margin-bottom:-48px; }
	.right .disco-year { margin-left:-100%; }
	.disco-year span.text-title { display:inline-block; padding:0.25em; }

	a.disco-image, .disco-image img { position:relative; width:100%; }
	a.disco-image { display:block; background-repeat:no-repeat; }
	a.disco-image img { display:inline-block; width:80%; background-image:url('images/texture-diagonal-lines-30op.png'); background-color:rgb(178,43,47); padding-top:5px; margin:2px; }
	a.disco-image:hover img { margin:0; border:2px solid black; outline:1px solid rgb(178,43,47); }

	.left a.disco-image { right:-14px; text-align:left; background-image:url('images/disco-linedot-left.png'); background-position:center right; }
	.left a.disco-image:hover { background-image:url('images/disco-linedot-left-active.png'); }
	.left a.disco-image img { right:14px; }

	.right a.disco-image { left:-15px; text-align:right; background-image:url('images/disco-linedot-right.png'); background-position:center left; }
	.right a.disco-image:hover { background-image:url('images/disco-linedot-right-active.png'); }
	.right a.disco-image img { left:15px; }

	.disco-content { width:80%; margin-top:0.5em; margin-bottom:2em; }
	.right .disco-content { float:right; }
	.left .disco-content { float:left; }

	#album_info { margin:20px 0 }

	/* DISCOGRAPHY SLIDESHOW - no mobile version of this, images can be set to absolute dims */
	#disco-slideshow .cycle-slideshow div { width:160px; height:166px; }
	#disco-slideshow .cycle-slideshow div a img { width:150px; height:150px; border:2px solid transparent; padding:2px; margin:4px 1px; }
	#disco-slideshow .cycle-slideshow div a:hover img { border-color:rgb(178,43,47); }
	#disco-slideshow a.prev-next { top:50%; }
	#disco-slideshow a.prev { left:-40px; }
	#disco-slideshow a.next { right:-40px; }


	/* FRONTPAGE SLIDESHOW - see .panorama MSIE fixes for compatibility */
	#front-slideshow { }
	#front-slideshow .cycle-slide {
		display:none;
		width:100%;
		height:100%;
		background-repeat:repeat,no-repeat;
		background-position:50% 50%, 50% 50%;
		background-size:auto,cover;
	}
	#front-slideshow .cycle-slide:first-child { display:block; }
	#front-slideshow .cycle-slide .img_link{ display: block; width: 100%; height: 100%; z-index: 100; position: absolute; top: 0; left: 0 }
	#front-slideshow .cycle-slide-caption {
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		background-color:rgba(0,0,0,0.8);
		z-index: 101;
	}
	#front-slideshow .row.cycle-slide-head { padding-top:0.2em; }
	#front-slideshow .col.cycle-slide-title { font-size: 44px; }
	#front-slideshow .col.cycle-slide-title { font-size: 44px; }
	#front-slideshow .col.cycle-slide-date { text-align:right; font-size:20px; line-height:2; color:rgb(178,43,47); }
	#front-slideshow .row.cycle-slide-body { }
	#front-slideshow .col.cycle-slide-content { height:3.4em; overflow:hidden; }
	#front-slideshow .col.cycle-slide-content .content { padding-right:19px; border-right:1px solid rgb(60,60,60);  }
	#front-slideshow .col.cycle-slide-content p { padding:0; }
	#front-slideshow .col.cycle-slide-button .content { padding:0.5em 0; padding-left:20px; }
	#front-slideshow .row.cycle-slide-foot { padding:1em 0; }
	#front-slideshow .cycle-slideshow-nav {	top:50%; }
	#front-slideshow-prev { left:0px; }
	#front-slideshow-next { right:0px; }
	#front-slideshow-pager {
		overflow:visible;
		display:block;
		height:0px;
		text-align:right;
		list-style:none;
		padding:0;
		position:relative;
	}
	#front-slideshow-pager li {
		position:relative;
		display:inline-block;
		width:10px;
		height:10px;
		background-color:rgb(66,66,66);
		text-indent:10px;
		overflow:hidden;
		top:-2em;
		margin-left:0.5em;
		z-index:200;
		cursor:pointer;
	}
	#front-slideshow-pager li.cycle-pager-active {
		background-color:rgb(255,0,0);
	}

		/* legacy MSIE fixes */
		body.msie-7 #front-slideshow .cycle-slide-caption,
		body.msie-8 #front-slideshow .cycle-slide-caption {
			background-image:url('images/black-80op.png');
		}

		body.msie-7 #front-slideshow-pager li { display:inline; }


	/* LIGHTBOX */
	table#lightbox { display:none; position:fixed; width:100%; height:100%; z-index:500; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.4); }
	table#lightbox > tbody > td { vertical-align:middle; text-align:center; }
	#lightbox-content { position:relative; display:block; z-index:2; width:52%; margin:0% auto; height:50%; text-align:left; background-color:black; background-repeat:no-repeat; background-position:50% 50%; }
	#lightbox-content .content { padding:0.5em; }
	#lightbox-backdrop { position:absolute; z-index:1; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,0.4); }

		/* legacy msie fixes */
		body.msie-7 #lightbox-backdrop,
		body.msie-8 #lightbox-backdrop { background-image:url('images/black-80op.png'); }


	#lightbox-content.lightbox-content_eminem_merch {  position:relative; display:block; z-index:2; width:600px; max-width: 100%; margin:0% auto; height:400px!important; text-align:left; background-color:black; }
	#lightbox-content.lightbox-content_eminem_merch .content { padding: 260px 0 0 0 !important; text-align: center; background: url(images/merch-popup-bg.jpg); background-color:black; background-repeat:no-repeat; background-position:center top; background-size: 100% auto;}
	#lightbox-content .eminem_merch {display: block;}
	.eminem_merch {
		display: none;
	}
	.eminem_merch-heading {
		font-size: 22px;
		color: #ffffff;
		font-family: "alternate-gothic-no-3-d",sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-weight: 100;
		padding:0 50px 12px;
	}
	.eminem_merch-heading.thanks {
		padding: 30px 12px;
	}
	.eminem_merch-highlight {
		color: #db0d00;
	}
	.eminem_merch-form-wrap {
		border-top: 1px solid #2b2b2b;
		background: #000;
		padding: 15px;
	}
	.eminem_merch-form {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		max-width: 100%;
		width: 350px;
		margin: 0 auto;
		padding-right: 95px;
		text-align: center;

	}
	.eminem_merch-form input[type=text] {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		float: left;
		width: 100%;
		border: 0;
		font-family: "alternate-gothic-no-3-d",sans-serif;
		padding: 8px 8px 6px;
		font-size:16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.eminem_merch-form input[type=submit] {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		float: right;
		width: 85px;
		margin-right: -95px;
		background-color: #db0d00;
		color: #000;
		font-family: "alternate-gothic-no-3-d",sans-serif;
		text-transform: uppercase;
		font-size: 16px;
		text-align: center;
		border: 0;
		padding: 9px 0 6px;
		margin-bottom: 10px;
	}
	a.eminem_merch-subscribed {
		font-family: "alternate-gothic-no-3-d",sans-serif;
		text-transform: uppercase;
		color: #fff;
		font-size: 14px;
	}
	.eminem_merch-close {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 28px;
	}
	.eminem_merch-error {
		color: #db0d00;
		font-size: 18px;
		font-family: 'Steelfish RG';
		text-transform: uppercase;
		color: #fff;
		font-size: 14px;
	}
	/* DEFAULT PAGE */
	body.page .row.cols-21 .col .content { margin-right:20px; /* space between columns */ }



	/* HOME PAGE */
	/* news column */
	#news.col > .content { margin-right:40px; /*space between this column and sidebar column */ }
	#news.col .row.cols-12 { padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid rgb(60,60,60); /* news items */ }
	#news.col .row.cols-12 > .col-hard:first-child .content { margin-right:20px; /*space between columns */ }
	#news .social_align { position:absolute; bottom:11px }


	/* VIDEOS */
	body.page-videos a.thumbnail { display:block; position:relative; margin-bottom:0.5em; }
	body.page-videos a.thumbnail img { }
	body.page-videos a.thumbnail span {
		background-image:url('images/video-play.png'); background-repeat:no-repeat; background-position:50% 50%;
		position:absolute; display:block;
		width:94px; height:94px; margin:-47px -47px; top:50%; left:50%;
	}

	body.page-videos #lightbox-content { width:800px; }
	body.page-videos iframe.video { width:100%; height:450px; }

	body.page-videos .video_row { width:970px }
	body.page-videos .video_row .col { width:310px; margin: 0 10px 30px 0; padding-bottom: 20px; border-bottom: 1px solid #444; }
	body.page-videos .video_row .col .title.inverse { padding:1px 0 0 0; line-height:1.5; margin: 20px 0;}

	body.page-videos #lightbox-content .title{ font-size: 44px }



	/* PHOTOS */
	/* photos & single page settings */
	body.page-photos #lightbox-content div.photo, body.single-shady_photo div.photo { position:relative; text-align:center; }
	body.page-photos #lightbox-content div.photo a.prev-next, body.single-shady_photo div.photo a.prev-next { position:absolute; top:50%; }
	body.single-shady_photo div.photo a.prev-next.prev { left:0px; }
	body.single-shady_photo div.photo a.prev-next.next { right:0px; }

	/* set lightbox content size */
	body.page-photos #lightbox-content { width:640px; }

	/* set the prev-next buttons outside the photo box */
	body.page-photos #lightbox-content div.photo a.prev-next.prev { left:-50px; }
	body.page-photos #lightbox-content div.photo a.prev-next.next { right:-50px; }

	/* photo thumbnail width */
	body.page-photos img.thumbnail { width:14.25%; }


	/* TOUR */
	table#shows { width:100%; border-collapse:collapse; }
	table#shows td { text-align:center; text-transform:uppercase; white-space:nowrap; text-overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid rgb(60,60,60); }
	table#shows thead td { font-size:x-large; border-top:1px solid rgb(60,60,60); padding:10px 5px; }
	table#shows tbody td { font-size:large; color:rgb(60,60,60); padding:6px 3px; }


	/* ARTISTS */
	body.page-artists .container.row.cols-12 { margin-bottom:3em; }
	body.page-artists .container.row.cols-12 .col > .content { margin-left:20px; padding-left:20px; border-left:1px solid rgb(60,60,60); }
	body.page-artists .panorama { cursor:pointer; }
	body.page-artists .content .title { font-size: 44px; }

	body.shady_artist .content .title { font-size: 44px; }


	/* NEWS */
	#pagination { text-transform:uppercase; font-size:18px; margin-bottom:10px; }
	.comments-block { margin: 20px 0;}


	/* DETROIT RUBBER */
	.page-detroitrubber #player-progress, .page-detroitrubber #player{ display: none; }
	.page-detroitrubber #header { height: 1px; overflow: hidden; }
	#detroit-rubber{ margin-top:30px; }
	#detroit-rubber #top-block { margin-bottom: 40px; text-align:center; }
	#detroit-rubber #top-block h3 { text-transform: uppercase; font-weight: normal; background-color: rgb(128,128,128); background-image: url('images/title-inverse.png'); background-position: 50% 50%; background-repeat: repeat-x; color: black; font-size: 35px !important; padding: 5px 5px 0 5px; line-height: 1; margin-bottom: 10px; }
	#detroit-rubber p { color:rgb(128,128,128); text-transform: uppercase; font-family: "alternate-gothic-no-3-d",sans-serif;font-size: 19px; line-height: 24px; }
	#detroit-rubber #top-block #shady-block { margin-right: 15px }
	#detroit-rubber #top-block #burnrubber-block { margin-left: 15px; position: relative; }
	#detroit-rubber #top-block #burnrubber-block h3 { text-align: left; padding-left: 20px; }
	#detroit-rubber #top-block #burnrubber-block #detroitrubber-tee { position: absolute; top: 85px; right: 17px; }
	#detroit-rubber #top-block #burnrubber-block #text-block { position: absolute; top: 164px; left: 36px; width: 240px; }
	#detroit-rubber #top-block #shady-block img, #detroit-rubber #burnrubber-block img{ width: auto; margin-bottom:15px; }
	#detroit-rubber #main-block{  }
	#detroit-rubber #main-block .title-bar { border-top: 1px solid rgb(60,60,60); border-bottom: 1px solid rgb(60,60,60); padding: 0.45em 0 0.15em 0;margin-bottom: 20px; position: relative; }
	#detroit-rubber #main-block .title-bar h3{ color:rgb(128,128,128); text-transform: uppercase; font-family: "alternate-gothic-no-3-d",sans-serif;font-size: 26px; font-weight: normal; display:inline-block; float: left; }
	#detroit-rubber #main-block .title-bar #social { display: inline-block; float: right; margin-top: 4px; }
	#detroit-rubber #main-block .title-bar #social li{ margin: 0 0 0 10px !important; }
	#detroit-rubber #main-block .title-bar .load_more_text{ color:rgb(128,128,128); text-transform: uppercase; font-family: "alternate-gothic-no-3-d",sans-serif;font-size: 26px; font-weight: normal; display: block; text-align: center;}
	#detroit-rubber #main-block .title-bar #load_more:hover{ color: rgb(178,43,47); cursor: pointer; }
	#detroit-rubber #main-block .title-bar #no_more{ cursor: auto; }
	#detroit-rubber #main-block #load-bar #ajax-loader { display: block; width: 32px; height: 32px; background: url(images/ajax-loader.gif); position: absolute; left: 35%; top: 4px; }
	#detroit-rubber #main-block #instagram-block { margin: 20px 0; }
	#detroit-rubber #main-block #instagram-block .instagram .thumbnail{ width: 20%; }
	#detroit-rubber #main-block #enter-block { text-align: center; padding: 40px 0 80px; }

	#lightbox-content div.photo { position:relative; text-align:center; }
	#lightbox-content div.photo a.prev-next { position:absolute; top:50%; }
	#lightbox-content div.photo a.prev-next.prev { left:-50px; }
	#lightbox-content div.photo a.prev-next.next { right:-50px; }


	/* SHOP */
	#featured-item-block { margin-top: 20px; }
	.info-block { margin-top: 5px; }
	.info-block .price { font-size: 30px; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgb(128,128,128); line-height: 30px; float: left;}
	.info-block .button { float: left; line-height: 30px !important; color: rgb(178,43,47); height: 22px; background-position: 100% 6px; }
	.info-block .button:hover { color: rgb(128,128,128); }
	#shop-main { margin: 30px auto; }
	#shop-main .title-bar { border-top: 1px solid rgb(60,60,60); border-bottom: 1px solid rgb(60,60,60); padding: 0.45em 0 0.15em 0;margin-bottom: 20px; position: relative;  background-image:url('images/title-icon-discography.png'); background-repeat:no-repeat; background-position:right center; }
	#shop-main .title-bar h3{ color:rgb(128,128,128); text-transform: uppercase; font-family: "alternate-gothic-no-3-d",sans-serif;font-size: 26px; font-weight: normal; display:inline-block; }
	#shop-main .title-bar ul { list-style-type: none; padding: 0; margin: 0; margin-left: 5px; display: inline-block; }
	#shop-main .title-bar ul li{ display: inline-block; margin-right: 3px; }
	#shop-main .title-bar ul li:after { content: "/"; padding-left: 3px; }
	#shop-main .title-bar ul li:last-child:after { content: ""; padding-left: 0; }
	#shop-main #products-block {   }
	#shop-main #products-block .shop-item-row { width:980px; padding-bottom: 30px;}
	#shop-main #products-block .shop-item-row .col { width: 305px; margin-right:17px; }
	#shop-main #products-block .shop-item-row .col p{ font-size: 9pt; }
	#shop-main #products-block .shop-item-row .col img { margin-bottom: 15px; }
	#shop-main .shop-footer-text { text-align: center; text-transform: uppercase; margin-top: 50px; font-size: 24px; }

	#newsletter_signup_link { display:block; text-align:center; text-transform:uppercase; font-size:30px; margin-top:30px; cursor:pointer; }
	#newsletter_signup_link:hover { color:rgb(178,43,47); }


	/* ROAD TO TOTAL SLAUGHTER */
	#ts-container { border-top: 5px solid #191717; }
	#ts-container #ts-top { padding: 20px 0; border-bottom: 1px solid rgb(60,60,60); margin-bottom: 15px;}
	#ts-container #ts-top .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 15px; }
	#ts-container #ts-top .col:first-child { border-right: 1px solid rgb(60,60,60); padding: 10px 15px 10px 0; }
	#ts-container #ts-top .col h2.title { font-size: 42px; text-align: center; color: rgb(178,43,47); line-height: 44px; margin-top: 15px; }
	#ts-container #ts-top .col.text-center { text-align: center; }
	#ts-container #ts-top .col a.button.inverse { margin-top: 10px !important; padding-top: 3px !important; }
	#ts-container #ts-top .col a.button.inverse span { background-position: 85% 10px, 50% 50%;padding: 10px 45px 8px 25px;}
	#ts-container #ts-top .col a.button.inverse:hover span, #ts-container #ts-top .col a.button.inverse:active span { background-position: 85% 10px, 50% 50%; }
	#ts-container #ts-video-block { margin-bottom: 30px; }
	#ts-container #ts-video-block .video { position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0; }
	#ts-container #ts-video-block .video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
	#ts-container #ts-video-block .video-thumbs { padding-top: 2px; }
	#ts-container #ts-video-block .video-thumbs .video-thumb { display: block; float: left; padding: 10px; width: 25%; border-left: 2px solid #000; border-bottom: 2px solid #000; background: #1b1b1b; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#ts-container #ts-video-block .video-thumbs .video-thumb:first-child { border-left: 2px solid #1b1b1b; }
	#ts-container #ts-video-block .video-thumbs .video-thumb .video-img { float: left; width: 35%; margin-right: 10%; }
	#ts-container #ts-video-block .video-thumbs .video-thumb .video-img img {  }
	#ts-container #ts-video-block .video-thumbs .video-thumb .video-text { float: left; width: 55%; font-size: 24px; line-height: 76px; }
	#ts-container #ts-content-block { border-top: 1px solid rgb(60,60,60); text-align: center; margin-bottom: 30px; }
	#ts-container #ts-content-block h2 { border-bottom: 1px solid rgb(60,60,60); font-size: 45px; padding: 10px 0 5px 0; }
	#ts-container #ts-content-block h3 { font-size: 24px; border-bottom: 1px solid rgb(60,60,60); padding: 15px 0 10px 0 !important; margin-bottom: 20px !important; }
	#ts-container #ts-content-block #ts-main-events-block { margin: 0 auto 20px auto;  }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block { float: left; width: 49%; position: relative; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block.right { float: right; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item { display: block; width: 150px; height: 200px; position: absolute; top: 20px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.left { left: 30px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.right { right: 35px; }
	#ts-container #ts-content-block #ts-bracket-block { margin: 0 auto 20px auto; position: relative; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item { display: block; width: 115px; height: 125px; position: absolute; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#marvwon { top: 78px; left: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex { top: 210px; left: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex-2 { top: 145px; left: 190px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#aveverb { top: 370px; left: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt { top: 500px; left: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt-2 { top: 435px; left: 190px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt { top: 78px; right: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt-2 { top: 145px; right: 190px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#arsonal { top: 210px; right: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster { top: 370px; right: 30px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster-2 { top: 435px; right: 190px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#mathhoffa { top: 500px; right: 30px; }
	#ts-container #ts-content-block #ts-twitter-block { border-top: 1px solid rgb(60,60,60); text-align: center; margin-bottom: 50px; }
	#ts-container #ts-content-block #ts-twitter-block h2 { border-bottom: 1px solid rgb(60,60,60); font-size: 45px; padding: 10px 0 5px 0; margin-bottom: 20px; }


	/* TOTAL SLAUGHTER TICKETS */
	#ts-text { margin-bottom: 20px !important; }
	#ts-text h1 { display: block; text-align: center; font-size: 45px; margin: 30px 0 20px 0; white-space: normal; }
	#ts-tickets { margin-bottom: 60px !important; }
	#ts-tickets table { border-collapse: collapse; border-spacing: 0; }
	#ts-tickets table td { border: 1px solid #302f30; padding: 20px; }
	#ts-tickets table td.option { width: 37%; }
	#ts-tickets table td.option h1 { font-size: 45px; padding: 30px 0;}
	#ts-tickets table td.option .mobile { display: none; }
	#ts-tickets table td.desc { width: 41%; }
	#ts-tickets table td.desc p { line-height: 20px; }
	#ts-tickets table td.buy { width: 22%; text-align: center; }


	/* VINYL BOX SET EMAIL COLLETION */
	.page-id-3444 {background-color: #fff; background-image: none;}
	.page-email { background-color: #000; background-position: top center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;}
	.page-email #player-progress, .page-email #player, .page-email #header, .page-email #footer-logos { display: none; }
	.email-container { width: 1200px; height: 600px;  position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -600px;  }
	.email-container .email-image { position: absolute; top: 0; left: 0;}
	.email-container .email-image img {display: block;}
	.email-container .email-content { position: absolute; top: 60px; right: 180px; width: 390px; padding-bottom: 20px; }
	.email-container .email-content .email-subtitle { display: block; color: #000; margin-bottom: 20px; font-size: 34px; font-family: 'alternate-gothic-no-3-d'; text-transform: uppercase; }
	.email-container .email-content .email-title { display: block; color: #000; font-size: 58px; margin-bottom: 20px; font-family: 'alternate-gothic-no-3-d'; text-transform: uppercase; }
	.email-container .email-content .email-form { font-family: 'alternate-gothic-no-3-d', sans-serif; }
	.email-container .email-content .email-form .email-input { width: 100%; border: none; height: 45px; font-size: 20px; font-family: 'alternate-gothic-no-3-d', sans-serif; background: #e4e4e4;text-transform: uppercase; padding: 0 10px; box-sizing: border-box; margin-bottom: 15px; }
	.email-container .email-content .email-form .email-select-wrapper { font-family: 'alternate-gothic-no-3-d', sans-serif; overflow: hidden; margin-bottom: 15px; }
	.email-container .email-content .email-form .email-select-wrapper .email-select { border: 0; width: 120%; height: 45px; font-size: 20px; font-family: 'alternate-gothic-no-3-d', sans-serif; text-transform: uppercase; padding: 0; -webkit-appearance: none; border-radius: 0; padding: 0 10px; box-sizing: border-box; cursor: pointer; background: #e4e4e4; }
	.email-container .email-content .email-form .email-submit { background: #fff; color: #000; font-family: 'alternate-gothic-no-3-d', sans-serif; border: none; text-transform: uppercase; font-size: 30px; cursor: pointer; height: 50px; padding: 4px 20px 0; }
	.email-container .email-content .email-form .email-submit:hover { background: #e4e4e4; }
	.email-container .email-content .email-form .email-error, .email-container .email-content .email-form .email-success { display: block; }
	.email-container .email-content .email-form .email-error { color: #c92724;}
	.email-container .email-content .email-form .email-success { color: #009900; }

	.email-container ::-webkit-input-placeholder { color: #000; }
	.email-container :-moz-placeholder { color: #000; }
	.email-container ::-moz-placeholder {  color: #000; }
	.email-container :-ms-input-placeholder {  color: #000; }

	/* Eminem X Detroit Tigers Email*/
	/*.page-email #player-progress, .page-email #player, .page-email #header, .page-email #footer-logos { display: none; }
	.email-container { width: 1200px; height: 600px; background-image:url('images/email-jersey-bg.jpg'); background-position: 20px 20px; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -600px; }
	.email-container .email-content { position: absolute; top: 155px; right: 50px; width: 390px; padding-bottom: 20px; }
	.email-container .email-content .email-subtitle { display: block; color: #ffffff; font-size: 42px; font-family: 'Steelfish RG'; text-transform: uppercase; }
	.email-container .email-content .email-title { display: block; color: #c92724; font-size: 47px; margin-bottom: 20px; font-family: 'Steelfish RG'; text-transform: uppercase; }
	.email-container .email-content .email-form { font-family: 'Montserrat', sans-serif; }
	.email-container .email-content .email-form .email-input { width: 100%; border: none; height: 45px; font-size: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 0 10px; box-sizing: border-box; margin-bottom: 15px; }
	.email-container .email-content .email-form .email-select-wrapper { font-family: 'Montserrat', sans-serif; overflow: hidden; margin-bottom: 15px; }
	.email-container .email-content .email-form .email-select-wrapper .email-select { width: 120%; height: 45px; font-size: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 0; -webkit-appearance: none; border-radius: 0; padding: 0 10px; box-sizing: border-box; cursor: pointer; background: #ffffff; }
	.email-container .email-content .email-form .email-submit { background: #c92724; font-family: 'Montserrat', sans-serif; border: none; text-transform: uppercase; font-size: 20px; cursor: pointer; height: 50px; padding: 0 20px; }
	.email-container .email-content .email-form .email-submit:hover { background: #ffffff; }
	.email-container .email-content .email-form .email-error, .email-container .email-content .email-form .email-success { display: block; }
	.email-container .email-content .email-form .email-error { color: #c92724;}
	.email-container .email-content .email-form .email-success { color: #009900; }*/

}

/* turn off desktop only elements */
@media screen and (min-width:960px) {
	.no-desktop { display:none !important; }
}

@media not screen, screen and (max-width:1200px) {
	.email-container .email-image {position: static; width: 100%;}
	.email-container .email-image img {margin: 0 auto;}
	.email-container { background-position: top center; width: 760px; height: auto; position: static; margin: 0 auto; }
	.email-container .email-content { position: static; margin: 20px auto 0; padding-top: 0; }
}

@media not screen, screen and (max-width:760px) {

}


/* style modifications for mobile/handheld devices */
@media not screen, screen and (max-width:960px) {

	body { font-size:100%; /* set to font to the default whatever the device is set to */}

	/* make containers flexible */
	.container { width:auto !important; margin:0 0.25em !important; }

	/* stack [soft] columns & make flexible */
	.col { width:auto !important; float:none !important; }

	/* hide desktop only elements */
	.no-mobile { display:none !important; }

	/* reset content */
	.content { padding:0 !important; margin:0 !important; }


	/* TITLES */
	.title { font-size:xx-large; }
	.title.wrap { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* wrapped titles to nowrap */ }
	.title.wrap_post { display:inline; line-height:1.65 !important;}
	.title.inverse { line-height:1; padding:0.1em 0; font-size:x-large; }
	.title.icon { font-size:large; }


	/* SOUNDCLOUD PLAYER */
	#player-song, #player-controls { display:block; position:relative; float:left; width:50%; }
	#player-song { text-align:left; height:30px; font-size:14px; line-height:2; text-indent:34px; background-image:url('images/player-song-mobile-icon.png'); }
	#player-controls li { width:30px; height:30px; background-image:url('images/player-mobile-icons.png'); }
	#player-control-rewind, #player-control-rewind:hover { background-position:0px 0px; }
	#player-control-play, #player-control-play:hover { background-position:-30px 0px; }
	#player-control-play.active, #player-control-play.active:hover { background-position:-90px 0px; }
	#player-control-forward, #player-control-forward:hover { background-position:-60px 0px; }


	/* HEAD / NAVIGATION */
	#header { background:none; }
	#logo { height:119px; }
	#nav { margin-bottom:20px }
	#nav > ul { display:none; }
	#nav-header > li, #nav-header > li > a { display:block; margin:0 !important;  }
	#nav-header > li > a, #nav-header > li:hover > a, #nav > ul > li.current-menu-item > a {
		background-repeat:repeat;
		background-image:url('images/texture-diagonal-lines-60op.png');
		background-color:rgb(35,35,35);
		border-top:1px solid rgb(128,128,128); padding:0.25em 0;
	}
	#nav-header > li > a > span, #nav-header > li:hover > a > span, #nav-header > li.current-menu-item > a > span { display:inline; padding:0; }
	#nav-header > li > ul, #nav-header > li:hover > ul { display:none; /* turn off submenus */ }


	/* FOOTER */
	#footer-logos { padding-bottom:0; }
	#footer { position:relative; padding:0; margin-top:1em; }
	#footer .container { margin:0 !important; }
	#copyright { background-color:black; font-size:medium; text-align:center; }
	#nav-footer { text-align:center; }
	#nav-footer > li { font-size:normal; border:none !important; }


	/* DISCOGRAPHY */
	.disco-year { margin-bottom:-2em; /* adjust how the year aligns to the nearest entry */ }


	/* FRONT PAGE */
	/* slideshow */
	#front-slideshow .col.cycle-slide-content .content { border:0 none; }
	#front-slideshow .col.cycle-slide-button .content { padding:0.5em 0 !important; }


	/* news column */
	#news.col .row.cols-12 > .col-hard:first-child .content { margin-right:1em !important; /*space between columns */ }
	body.home #news .shares, body.page #news .shares { display: none; }

	/* ARTISTS */
	body.page-artists .container.row.cols-12 { padding-bottom:1em !important; margin-bottom:1em !important; border-bottom:1px solid rgb(60,60,60); }
	body.page-artists .container.row.cols-12 .col > .content { border:0 none; }


	/* TOUR */
	table#shows { border-collapse:separate; border-spacing:0; }
	table#shows tbody td { font-size:medium; white-space:normal; border-left:1px solid rgb(60,60,60); padding:0.5em; }
	table#shows tbody td:nth-child(2) { text-align:left; }
	table#shows tbody td p { color:rgb(128,128,128); }
	table#shows tbody td:first-child { border-left:0 none; }
	table#shows tbody td:first-child div:first-child { font-size:x-large; }
	table#shows tbody td:first-child div:last-child { font-size:xx-large; color:rgb(128,128,128);  }


	/* PHOTOS */
	/* photo thumbnail width to 1/3rd */
	body.page-photos img.thumbnail { width:33.3%; }


	/* VIDEOS */
	body.page-videos #items .col { border-bottom:1px solid rgb(60,60,60); margin-bottom:1em !important; }
	body.page-videos .video_row { width: auto }
	body.page-videos .video_row .col { margin-right: 0; }


	/* DETROIT RUBBER */
	#detroit-rubber #top-block #shady-block { margin-right: 0 }
	#detroit-rubber #top-block #burnrubber-block { margin-left: 0; margin-bottom: 20px; }
	#detroit-rubber #top-block #burnrubber-block h3 { text-align: center; padding-left: 0; }
	#detroit-rubber #top-block #burnrubber-block #detroitrubber-tee { position: static; top: auto; right: auto; }
	#detroit-rubber #top-block #burnrubber-block #text-block { position: static; top: auto; left: auto; width: auto; }
	#detroit-rubber #main-block .title-bar #social { display: none; }
	#detroit-rubber #main-block #instagram-block .instagram .thumbnail{ width: 33.3%; }
	#detroit-rubber #main-block #load-bar #ajax-loader { left: 0; }


	/* SHOP */
	#shop-main #products-block .shop-item-row { width: auto; padding-bottom: 0; }
	#shop-main #products-block .shop-item-row .col { padding-bottom: 20px !important; margin-right: 0px; }


	/* ROAD TO TOTAL SLAUGHTER */
	#ts-container #ts-top .col, #ts-container #ts-top .col:first-child { float: none; padding: 0 15px; border-right: none; }
	#ts-container #ts-video-block .video-thumbs .video-thumb { width: 50%; }
	#ts-container #ts-video-block .video-thumbs .mobile-break { clear: both; float: none; }
	#ts-container #ts-content-block #ts-main-events-block { width: 600px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item { width: 95px; height: 130px; top: 10px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.left { left: 20px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.right { right: 20px; }
	#ts-container #ts-content-block #ts-bracket-block { width: 600px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item { width: 70px; height: 75px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#marvwon { top: 52px; left: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex { top: 135px; left: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex-2 { top: 93px; left: 118px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#aveverb { top: 232px; left: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt { top: 315px; left: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt-2 { top: 274px; left: 120px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt { top: 52px; right: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt-2 { top: 93px; right: 118px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#arsonal { top: 135px; right: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster { top: 232px; right: 20px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster-2 { top: 274px; right: 120px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#mathhoffa { top: 315px; right: 20px; }

	/* TOTAL SLAUGHTER TICKETS */
	#ts-tickets table td.option h1 { padding: 0; }
	#ts-tickets table td.option .mobile { display: block; }
	#ts-tickets table td.option .mobile.button { display: inline-block; }
	#ts-tickets table td.desc, #ts-tickets table td.buy { display: none; }
}

@media not screen, screen and (max-width:760px) {

	.email-container { width: 300px; height: auto; background-size: auto 100%; padding: 5px;}
	.email-container .email-content { width: 300px; padding-top: 0; }
	.email-container .email-content .email-subtitle { font-size: 26px; }
	.email-container .email-content .email-title { font-size: 44px; }

}

@media not screen, screen and (max-width:600px) {

	/* ROAD TO TOTAL SLAUGHTER */
	#ts-container #ts-content-block #ts-main-events-block { width: 310px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block { float: none; width: 100%; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item { width: 100px; top: 13px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.left { left: 20px; }
	#ts-container #ts-content-block #ts-main-events-block .ts-main-event-block .item.right { right: 20px; }
	#ts-container #ts-content-block #ts-bracket-block { width: 310px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item { width: 37px; height: 40px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#marvwon { top: 26px; left: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex { top: 68px; left: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#trex-2 { top: 49px; left: 60px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#aveverb { top: 120px; left: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt { top: 162px; left: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#bigt-2 { top: 140px; left: 60px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt { top: 26px; right: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#daylyt-2 { top: 49px; right: 60px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#arsonal { top: 68px; right: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster { top: 120px; right: 10px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#dizaster-2 { top: 140px; right: 60px; }
	#ts-container #ts-content-block #ts-bracket-block .bracket-item#mathhoffa { top: 162px; right: 10px; }


	#lightbox-content.lightbox-content_eminem_merch {
		width: 100%;
		height: auto!important;
	}

	.eminem_merch-heading {
		font-size: 18px;
		padding: 0 10px 12px;
	}
	.eminem_merch-form {
		width: 270px;
	}
}

@media not screen, screen and (max-width:414px) {
	#lightbox-content.lightbox-content_eminem_merch .content {
		padding: 175px 0 0 0 !important;
	}
}

/* style modifications for mobile devices - smaller version */
@media not screen, screen and (max-width:320px) {

	.home .panorama { height: 100% !important; }
	.page  .panorama, .single .panorama { height: 75% !important; }

	#news .social_align { position:static; bottom:auto; }

	#footer-logo { background:url('images/logo-footer-sm.png') 50% 50% no-repeat; }

	#nav-footer > li { font-size:18px !important; }

	#ts-container #ts-video-block .video-thumbs .video-thumb .video-text { font-size: 22px; }

}