/*	__home
---------------------------------------------------------------------------- */

#homepage_p2_a li.link-more, #homepage_p2_b li.link-more {
	padding: 10px 0;
	height: auto;
}

/* for header overrides for shadowing and varying-orange background-images */
#mtvnWrapInner div.has-heading {
	background: #f8fbfb none !important;
}
.module h2.heading {
	background-color: #ee762c;
}

/* for varying-grey  background image */
.module ul.gradient li.gray {
  background: #e1eff2 none !important;
}

/* P2 A - Left */

#homepage_p2_a ul li {
	margin: 0px 10px;
	padding: 10px 0px;
	height: 81px;
}
#homepage_p2_a ul li + li {
	border-top: 2px dotted #e1e1e1;
}
#homepage_p2_a ul li div.copy {
	color: #58595b;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}
#homepage_p2_a a.series:link, #homepage_p2_a a.series:visited {
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
}
#homepage_p2_a a.episode:link, #homepage_p2_a a.episode:visited {
	color: #58595b;
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	line-height: 13px;
}
#homepage_p2_a a.episode:hover, #homepage_p2_a a.episode:active {
	color: #ee762c;
}

/* P2 B - Right */

#homepage_p2_b ul li {
	margin: 0px 10px;
	padding: 10px 0px;
	height: 81px;
}
#homepage_p2_b ul li + li {
	border-top: 2px dotted #e1e1e1;
}
#homepage_p2_b ul li a.play {
	font-size: 13px;
	font-weight: bold;
}
#homepage_p2_b span.title {
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

/* Right column */

/* Country Music News */

#news ul.zebra li {
	list-style: none none;
}
#news span.bullet {
	display: block;
	float: left;
}
#news a {
	display: block;
	line-height: 15px;
	padding: 0 0 0 12px;
}

/* What's on CMT */

#whatsOn div.feature {
	padding: 10px;
}
#whatsOn div.copy {
	background: #2a2620;
	color: #ffffff;
	padding: 5px;
}
#whatsOn div.copy a:link, #whatsOn div.copy a:visited {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
#whatsOn div.copy a:hover, #whatsOn div.copy a:active {
	color: #ee762c;
}

/*	__p1 gallery promo
---------------------------------------------------------------------------- */

div#marquee {
	background: #f8fbfb;
	max-height: 416px; /* changed by 6 */
}
/* IMPORTANT - Set the definition below to the ID of your gallery list to prevent a flash of unstyled content */
ul#gallery { visibility: hidden; }
/* GALLERY CONTAINER */
.gallery { border: none; padding: 6px; margin-bottom: 6px; background-image: none; background-color: #b4aea2;  border: 3px solid #ffffff;  width: 659px !important; height: 392px !important;} /*added border and adjust height and width */
/* LOADING BOX */
.loader { background: url('/sitewide/assets/img/decor/loader.gif') center center no-repeat #ddd; }
/* GALLERY PANELS */
.panel {left: 0 !important; height: 306px !important;} /*left from 6 to 0 for borders */
.panel a img {border: 3px solid #ffffff;} /* for border around image */
.panel a img.sash {border: none;} /* for border around image */
/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 51px; padding: 8px 10px 10px 10px; left: 63px !important; bottom: 3px !important;} /* added the left for the borders */
/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background-image: url('/sitewide/assets/img/decor/p1-caption-bg.png'); }
/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 14px; }
.panel .panel-overlay h3 { font-size: 18px; margin: 0; padding: 0; }
.panel .panel-overlay p { margin: 0; padding: 0; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
.panel .panel-overlay h3 a { text-decoration: none; }
.panel .panel-overlay a:hover { color: #ee762c; }
/* ITERATION OVERLAY */
.panel .iterator { position:absolute; top: 0px; right: 57px; font-size: 10px; padding: 1px 4px; color: #333333; background-image: url('/sitewide/assets/img/decor/p1-light-bg.png'); }
/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 9px 0; }
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 3px solid transparent; }
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #6e3e38; }
/* FRAME IMAGES */
.frame img { border: none; }
/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }
/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #ffffff; }
/* POINTER FOR CURRENT FRAME */
.pointer { border-color: #6e3e38; }
/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer { filter: chroma(color=pink); }

/* NEW */
#mtvnContainer {
	min-width: 0;
}

#mtvnContainer,
#mtvnContainerInner,
#mtvnWrap {
	width: 100%;
}

/*#mtvnHeader,*/
#mtvnWrap {
	max-width: 980px;
}


/* 100% */

@media (max-width: 985px) {
	#mtvnHeader, 
	#mtvnWrap,
	#mtvnFooter {
		width: 100%;
		max-width: 980px;
	}

	#mtvnWrapInner .column-left {
		max-width: 665px;
		width: 62.55670103092784%;
/*		width: 66.55670103092784%;
		width: 68.55670103092784%;  */
	}

	#mtvnWrapInner .column-left .column-left-left {
		width: 49%;
	}
	#mtvnWrapInner .column-left .column-left-right {
		width: 49%;
	}
	
	#mtvnWrapInner .column-right {
		min-width: 300px;
		width: 30.927835051546392%;
	}

	.module ul.numbered-invert div.number {
		height: 23px;
		margin-top: 7px;
		width: 6.422018348623854%;
	}
	
	.module ul .image-70x53 {
		/* height: 53px; */
		margin-right: 1.529051987767584%;
		width: 21.406727828746177%;
		height: auto;
	}
	
	.module ul .image-70x53 img {
		width: 100% !important;
		height: auto !important;
		max-width: 70px;
		max-height: 53px;
	}
	.module ul li div.image-70x53 + div.copy {
		width: 64.22018348623854%;
	}
	
	.module ul .image-144x81 {
		/* height: 81px; */
		height: auto;
		margin-right: 0.9174311926605505%;
		width: 44.03669724770643%;
	}
	.module ul .image-144x81 img {
		width: 100% !important;
		height: auto !important;
		max-width: 144px;
		max-height: 81px;
	}
	
	.module ul li div.image-144x81 + a.play {
		width: 36.69724770642202%;
	}
	
	#promo665-100 img {
		width: 100% !important;
		height: auto !important;
		max-width: 665px;		
	}
	
	div#marquee {
		/* max-height: 410px; */
	}
	
	.gallery {
		height: 368px !important;
		max-width: 665px;
		width: 100% !important;
	}
	
	.panel {
		height: auto !important;
		left: 0.9022556390977444% !important;
		/* top: 6px; */
		width: 98.19548872180451% !important;
	}
	
	.panel a img {
		left: 8.28256% !important;
		/* left: 9.022556390977442% !important; */
		width: 82.15037593984962% !important;
		max-width: 665px !important;
		height: auto !important;
	}	

	.snipe {
		left: 9.022556390977442% !important;
		width: 21.503759398496242% !important;
	}
	
	.snipe img {
		width: 100%;
		height: auto;
		max-width: 143px;
	}
	.panel .iterator { right: 9.022556390977442% !important; }	
	.panel .panel-overlay, 
	.panel .overlay-background {
		padding: 6px 1.5% !important;
		width: 78.9429% !important;
		max-width: 665px !important;
		height: 70px !important;
		bottom: 0;
		left: 9.022556390977442% !important;
		position: absolute !important;
	}	

	.pointer {
		top: auto !important;
		bottom: 78px;
	}
	
	.strip_wrapper {
		width: 98% !important;
		left: 2% !important;
		top: auto !important;
		bottom: 4px;
	}
}

@media (max-width: 930px) {
	
	.gallery {
		height: 348px !important;
	}
}

@media (max-width: 910px) {
	
	.gallery {
		height: 340px !important;
	}
}

@media (min-width: 821px) and (max-width: 875px) {
	#mtvnWrapInner .column-left {
		width: 58.55670103092784%;
	}
	
	.gallery {
		height: 318px !important;
	}
	
	.gallery .nav-prev {
		left: 10px !important;
		top: 90px !important;
	}
	.gallery .nav-next {
		right: 10px !important;
		top: 90px !important;
	}
}

@media (min-width: 741px) and (max-width: 820px) {
	#mtvnWrapInner .column-left {
		width: 56.55670103092784%;
	}	
	.gallery {
		height: 300px !important;
	}
	.gallery .nav-prev {
		left: 6px !important;
		top: 90px !important;
	}
	.gallery .nav-next {
		right: 6px !important;
		top: 90px !important;
	}
}

@media (max-width:740px) {
	#mtvnWrapInner {
		position: relative; /* for news module */
	}
	
	#mtvnWrapInner .column-left {
		width: 100%;
		max-width: 100%;
	}
	#mtvnWrapInner .column-right {
		min-width: 300px;
		width: 100%;
	}
	
	div#marquee {
		max-width: 665px;
		margin: 0 auto;
		margin-bottom: 210px; /* for news module */
	}
	.gallery {
		height: 392px !important;
	}

	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		position: absolute;
		top: 415px;
		left: 1%;
		width: 99%;
	}
	
	#promo665-100,
	#ad-300x250,
	#promo300-100 {
		width: auto;
		text-align: center;
	}

	#whatsOn .feature {
		overflow: auto;
		background-color: #2a2620;
	}
	
	#whatsOn .feature img {
		float: left;
		margin-right: 8px;
		max-width: 280;
		width: 50%;
		height: auto;
	}
	#whatsOn div.copy {

	}
}


@media (max-width:620px) {
	.gallery {
		height: 363px !important;
	}
	
	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		top: 386px;
	}
	
}

@media (max-width:560px) {
	.gallery {
		height: 333px !important;
	}
	
	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		top: 356px;
	}
}

@media (max-width:500px) {
	#mtvnWrapInner .column-left .column-left-left {
		width: 100%;
	}
	#mtvnWrapInner .column-left .column-left-right {
		width: 100%;
	}
	
	.gallery {
		height: 310px !important;
	}
	.gallery .nav-prev {
		left: 10px !important;
		top: 80px !important;
		width: 18px !important;
	}
	.gallery .nav-prev img {
		width: 100% !important;
		height: auto !important;
	}
	
	.gallery .nav-next {
		right: 10px !important;
		top: 80px !important;
		width: 18px !important;
	}
	.gallery .nav-next img {
		width: 100% !important;
		height: auto !important;
	}

	.panel .panel-overlay, .panel .overlay-background {
		height: 40px !important;
	}
	.panel .panel-overlay h3 {
		font-size: 16px;
	}
	.panel .panel-overlay p {
		display: none; /* removes the copy text underneath the title */
	}
	
	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		top: 333px;
	}
}

@media (max-width:400px) {
	div#marquee {
		margin-bottom: 250px; /* for news module */
	}
	.gallery {
		height: 260px !important;
	}
	.gallery .nav-prev {
		left: 3px !important;
		top: 60px !important;
	}
	.gallery .nav-next {
		right: 3px !important;
		top: 60px !important;
	}
	
	.panel .panel-overlay h3 {
		font-size: 14px;
	}
	
	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		top: 283px;
	}
}

@media (max-width:320px) {
	.gallery {
		height: 228px !important;
	}
	
	/* positioned to mtvWrapInner and space given by marquee */
	#news {
		top: 251px;
	}
}
/* end of file */