@import url("/sitewide/scripts/jquery/meanmenu/meanmenu.css") screen, print, projection;


.mean-container a.meanmenu-reveal {
	padding: 13px 12px 11px !important;
}

#navbar-inner .title {
	padding-top: 3px;
}

#navbar-inner .icon-logo-mtv {
	padding-top: 8px;
	padding-right: 1%;
	padding-left: 0;
	float: left;
	font-size: 12px !important;
}

#navbar-inner .icon-logo-mtv img {
	max-width: 87px;
	max-height: 32px;
	width: 95%;
	height: auto;
}

#page_root span.sitename {
	text-transform: capitalize !important;
}
/*.navbar #navbar-inner .container .sitename {
	line-height: normal !important;
} */


.mean-container .mean-nav ul li a {
	font-size: 12px;
}

#navbar-inner .mean-container .mean-nav ul li a.mean-expand {
	height: 22px !important;
	padding: 8px !important;
}
	
.mean-container .mean-nav,
.mean-container .mean-bar {
	background-color: #eb6e1e;
}

.mean-container .mean-bar {
	z-index: 1000 !important;
	margin-bottom: 5px;
}

.navbar #navbar-inner .container {
	position: absolute !important;
	z-index: 1000;
	left: 10% !important;
	max-width: 1140px !important;
	width: 90% !important;
	padding: 0;
	margin: 0 auto;
}

.navbar #navbar-inner .container #nav-side {
	display: none;
}

.navbar #navbar-inner .container * {
	box-sizing: content-box;
}

#cmtWPsearch .search-input {
	background: #ffffff url("/sitewide/assets/global-header/header-search-bg.gif") no-repeat scroll 0 0;
	float: left;
	height: 2.9rem;
	margin: 0;
	padding: 0 0 0 2rem;
	position: relative;
}

#cmtWPsearch .search-input input {
	background: none repeat scroll 0 0 transparent;
	border: none;
	color: #b1b3b6;
	display: block;
	font-size: 14px;
	height: 2.7rem;
	margin: 0;
	padding: 0 0 0 1.2rem;
	position: relative;
	top: 0.1rem;
	width: 9.5rem;
}

#cmtWPsearch .search-btn-cmt {
	background-image: url("/sitewide/assets/global-header/header-search-btn-cmt-large.gif");
	background-position: center center;
}

#cmtWPsearch .search-btn-web {
	background-image: url("/sitewide/assets/global-header/header-search-btn-web-large.gif");
	background-position: center center;
}

#cmtWPsearch .search-btn {
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 5px 0 0 7px;
	position: relative;
	text-decoration: none;
	width: 42px;
	box-sizing: content-box;
}

.mean-container .mean-nav ul li#cmtWPsearch a.search-btn {
	padding-left: 8px !important;
}

ul#primary li#cmtWPsearch, 
li#CMTWPflux  {
	width: 90%;
	padding: .6em 5%;
	position: static;
	min-width: 250px;
}

.flux4Widget > .userBar .authContainer .actionButton .label,
.flux4Widget .userBar .authContainer .actionButton {
	color: white;
}

.flux4Widget > .userBar .dropdownWrapper.absolute {
	z-index: 5003;
}

.flux4Widget > .userBar .authContainer {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
	
.mean-container .mean-nav ul li a {
	border-top: none;
}

.mean-container .mean-nav ul li {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mean-container .mean-nav ul li li {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.mean-container .mean-nav ul li li a {
	border-top: none;
}

.subnavFlag .subnavArrowOff {display: none;}
.subnavFlag .subnavArrowOn {display: none;}


/* for footer */
.sub-footer .about a {
	vertical-align: 25%;
}

.sub-footer .about a, 
.sub-footer .about:visited,
.sub-footer .about a:hover, 
.sub-footer .about a:active {
	color: #1a1a1a !important;
}

.sub-footer span.icon-logo-mtv {
	margin-top: 8px !important;
}

.footer .container .row #site-links {
	border-bottom: 1px solid #aaa;
	padding-bottom: 14px;
}

.footer .container .row .icon-adchoice {
	display: inline-block;
	margin-top: -2px;
}


@media (min-width: 320px) {
	#navbar-inner .icon-logo-mtv {
		padding-left: 0;
	}
	
	.navbar #navbar-inner .container {
		left: 12% !important;
		width: 88% !important;
	}
	
	#cmtWPsearch .search-input input {
		padding: 0 0 0 0.5rem;
		width: 14.8rem;
	}
}

@media (min-width: 500px) {
	.navbar #navbar-inner .container {
		left: 8% !important;
		width: 92% !important;
	}
}

@media (min-width: 600px) {
	.navbar #navbar-inner .container {
		left: 6% !important;
		width: 94% !important;
	}
	#navbar-inner .icon-logo-mtv {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.single .lead-image .container-lead-image {
		margin-top: 50px;
	}
	.mean-nav li ul #cmtshows {
		text-transform: uppercase;
		padding-top: 8px;
		padding-bottom: 8px;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		margin-left: 0;
		padding-left: 10% !important;
	}

	.mean-container .mean-nav ul li a {
		text-transform: uppercase;
	}

	.mean-container .mean-nav ul li.showlink a {
		text-transform: none;
	}	
}

@media (min-width: 769px) {

	.navbar #navbar-inner {
		min-height: 98px;
	}
	.navbar-fixed-top-not a, .navbar-fixed-top-not a:visited {
		color: #ffffff !important;
		text-decoration: none;
	}
	.navbar #navbar-inner .container {
		min-height: 98px;
		height: auto;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		margin: 0 auto !important;
		background-color: #ef762d;
	}

	#container_logo_sitename {
		max-width: 100%;
		/*border-bottom: 1px solid #333;*/
	}

	.logo_sitename {
		max-width: 1200px;
		margin: 0 auto;
	}
	
	#page_root .navbar #navbar-inner .container #nav-side {
		padding-top: 3px;
	}
	#navbar-inner .icon-logo-mtv {
		padding-left: 1%;
	}

	ul#primary li#cmtWPsearch {
		position: absolute;
		padding: 0;
		right: auto;
		top: 0.8rem;
		width: 40%;
		max-width: 40%;
		margin-left: 60%;
		z-index: 1000;
		float: none;
		margin: 0 auto;
	}	
	
	
	.formContainer {
		float: right;
	}

	.navbar #navbar-inner .container #CMTWPflux {
		float: none !important;
		z-index: 2000011; 
		position: absolute;
		right: auto !important;
		top: 5.6rem !important;
		margin: 0;
		padding: 0;
		width: 30%;
		max-width: 30%;
		margin-left: 70%;
		min-width: 0;
	}
	
	#cmtWPsignin {
		float: right;
	}
	
	#navbar-inner .pull-left {
		display: none;
	}
	
	.navbar #navbar-inner .container #nav-side {
		/*display: inline !important; */
	}
	
	/* FOR NAV */
	
	#navbar-inner .title {
		float: none;
	}

	ul#primary {
		font-size: 50%;
		margin: 0;
	}

	ul#primary li {
		float: left;
	}

	
	.subnavFlag .subnavArrowOff {display: inline-block; margin-left: .5rem; font-size: 14px; color: #222222; }
	.subnavFlag .subnavArrowOn {display: none; margin-left: .5rem; font-size: 14px; color: #222222;}
	.subnavFlag:hover .subnavArrowOff {display: none;}
	.subnavFlag:hover .subnavArrowOn {display: inline-block;}
	
	.subnavFlag:hover {
		background-color: #bc5818;
	}

	ul#primary li {
		padding-right: 1.6rem;
	}

	.cmt-subnav {
		display: block;
	}

	#nav-side {
		float:none;
		margin: 0 auto;
		max-width: 1200px;
	}

	#nav-side ul li a {
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 1.9;
		text-transform: uppercase;
	}
	#nav-side ul li a {
		margin-left: 1.2rem;
	}


	/* new */	
	.cmt-subnav {
		display: block !important;
	}
	#nav-side li:hover ul, #nav-side li.p7hvr ul {
		display: block;
	}

	#nav-side a.top {
		margin-top:0;
	}	

	#nav-side li:hover a, #nav-side li.p7hvr a {
		background-position: bottom right;
		color: rgba(255, 255, 255, 0.7); !important;
	}
	#nav-side li:hover a.last, #nav-side li.p7hvr a.last {
		background-position: bottom left;
		color: rgba(255, 255, 255, 0.7); !important;
	}
	
	
	#nav-side li .subnav-container {
		padding: 0;
		margin: 0;
		position: absolute;
		z-index: 1000010;
		background-color: rgba(23, 23, 23, 0.95);
		width: 100%;
		left: 0;
		
	}

	#nav-side li ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		display: none;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	#nav-side li:hover ul li {
		float: left;
		width: 45%;
		padding: 5px 0;
	}	
	#nav-side li:hover ul a, #nav-side li.p7hvr ul a {
		font-size: 1.6rem;
		/*color: #996633 !important; */
	}

	/* for shows listing */
	#nav-side li:hover ul li.showFlag {
		width: 100%;
	}	
	#nav-side li:hover ul #cmtshows {
		text-transform: uppercase;
		padding-top: 8px;
		padding-bottom: 8px;
		color: #ee762c;
		font-size: 1.6rem;
		font-weight: bold;
		margin-left: 0;
		padding-left: 1% !important;
		width: 99%;
	}

	#nav-side li:hover ul li.showlink a {
		width:93% !important;
		padding-left: 0 !important;
		padding-right: 1% !important;
		float: left;
		line-height: 1.2 !important;
		font-weight: normal;
		margin-top: 4px;
		margin-bottom: 4px;
		text-transform: none;
	}
	/* new */
}

@media (min-width: 1200px) {
	.navbar #navbar-inner .container #CMTWPflux {
		width: 450px;
		margin-left: 750px;
		max-width: 1200px;
	}
	
	ul#primary li#cmtWPsearch {
		width: 450px;
		margin-left: 750px;
		max-width: 1200px;
	}	
}