/* 
Title:		MTV master screen styles
*/


/* page structures
---------------------------------------------------- */


/* navigation
---------------------------------------------------- */

#navigation {
	height:180px; 
	border:1px none #ff0000;
	}	
#nav {
	position: relative;
	width: 980px;
	height: 38px;
	/*top: 123px;*/
	}
	#newlnk li { list-style-type:none; color:#990000; padding:5px; text-decoration:none; }
	#newlnk li A { list-style-type:none;  font-size: 12px; color:#990000; padding:5px; text-decoration:none; }
#nav ul#navlist {
	z-index: 500;
	float: left;
	height: 38px;
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
#nav ul#navlist li {
	
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 17px;
	text-align: center;
	/*background: #333;*/
	}
#nav ul#navlist li a,
#nav ul#navlist li span {
	/*width: 100px;*/
	height: 38px;
	display: block;
	/*padding: 8px 0 0 0;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #8DB4C1;
	/*border-top: 1px solid #404040;
	border-left: 1px solid #505050;
	border-bottom: 1px solid #1a1a1a;
	border-right: 1px solid #1a1a1a;*/
	}
	
/* HOME DEFAULT */
#nav ul#navlist li#n-home  {
	background-image: url(home_0.gif);
	}
	
#nav ul#navlist li#n-music  {
	background-image: url(music_0.gif);
	}

#nav ul#navlist li#n-shows  {
	background-image: url(shows_0.gif);
	}
	
#nav ul#navlist li#n-movies  {
	background-image: url(movies_0.gif);
	}
	
#nav ul#navlist li#n-news  {
	background-image: url(news_0.gif);
	}
	
#nav ul#navlist li#n-photos  {
	background-image: url(photos_0.gif);
	}
#nav ul#navlist li#n-video  {
	background-image: url(video_0.gif);
	}
#nav ul#navlist li#n-community  {
	background-image: url(community_0.gif);
	}
#nav ul#navlist li#n-blank  {
	background-image: url(blank_0.gif);
	}
	
#nav ul#navlist li#n-home .n-link {
	width: 101px;
	height: 38px;
	font-size: 8px;
	
}
#nav ul#navlist li#n-music .n-link {
	width: 99px;
	height: 38px;
	font-size: 1px;
	}
#nav ul#navlist li#n-shows .n-link {
	width: 105px;
	height: 38px;
	font-size: 8px;
	}
#nav ul#navlist li#n-movies .n-link {
	width: 108px;
	height: 38px;
	font-size: 8px;
	/*overflow: hidden;*/
	}
#nav ul#navlist li#n-news .n-link {
	width: 152px;
	height: 38px;
	font-size: 8px;
	}
#nav ul#navlist li#n-photos .n-link {
	width: 129px;
	height: 38px;
	font-size: 8px;
	}
#nav ul#navlist li#n-video .n-link {
	width: 129px;
	height: 38px;
	font-size: 8px;
	}
#nav ul#navlist li#n-community .n-link {
	width: 157px;
	height: 38px;
	font-size: 8px;
	}
#nav ul#navlist li#n-blank .n-link {
	width: 157px;
	height: 38px;
	font-size: 8px;
	}	

	
/* BACKGROUND FOR HOVERED LIST THAT DON'T LINK */	
#nav ul#navlist li:hover,
#nav ul#navlist li.sfhover {
	background: #ff9900;
	/*background-image: url(/img/spc.gif);*/
	}
	
/* HOME HOVER */
#nav ul#navlist li#n-home a:hover {
	background-image: url(home_1.gif);
	color: #fbd6e0;
	}
	
/* MUSIC HOVER */
#nav ul#navlist li#n-music a:hover {
	background-image: url(music_1.gif);
	/*color: #fbd6e0;*/
	}
	
/* SHOWS HOVER */
#nav ul#navlist li#n-shows a:hover {
	background-image: url(shows_1.gif);
	color: #fbd6e0;
	}

/* MOVIES HOVER */
#nav ul#navlist li#n-movies a:hover {
	background-image: url(movies_1.gif);
	color: #fbd6e0;
	}
	
/* NEWS HOVER */
#nav ul#navlist li#n-news a:hover {
	background-image: url(news_1.gif);
	color: #fbd6e0;
	}
	
/* PHOTOS HOVER */
#nav ul#navlist li#n-photos a:hover {
	background-image: url(photos_1.gif);
	}
	
/* VIDEO HOVER */
#nav ul#navlist li#n-video a:hover {
	background-image: url(video_1.gif);
	}
	
/* COMMUNITY HOVER */
#nav ul#navlist li#n-community a:hover {
	background-image: url(community_1.gif);
	}
	
/* BLANK HOVER */
#nav ul#navlist li#n-blank a:hover {
	background-image: url(blank_1.gif);
	}

	
/* REMOVES THE MAIN NAV BACKGROUNDS FROM THE SUBNAV HOVERS*/
#nav ul#navlist li #shows-grid a:hover,
#nav ul#navlist ul#home_ul li a:hover,
#nav ul#navlist ul#music_ul li a:hover,
#nav ul#navlist ul#movies_ul li a:hover,
#nav ul#navlist ul#news_ul li a:hover,
#nav ul#navlist ul#photos_ul li a:hover,
#nav ul#navlist ul#video_ul li a:hover,
#nav ul#navlist ul#community_ul li a:hover,
#nav ul#navlist li#music_artist a:hover {
	background-image: none;

	}


/* suckerfish dropdowns */

#nav ul#navlist li ul { /* second-level lists */
	
	clear: left;
	position: absolute;
	width: 165px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1px 0 0 0;
	padding: 0;
	list-style: none;
	top: 39px;
	/*border: 1px solid #242424;
	border-right: none;
	border-left-color: #4c4c4c;
	border-top: 1px solid #1a1a1a;
	border-bottom: none;
	background: #3d3d3d;*/
	}
	


#nav ul#navlist li ul ul { /* third-and-above-level lists */
	top: 0;
	/*margin: 0 -250px 0 0;*/
	
	}

#nav ul#navlist li:hover ul ul, 
#nav ul#navlist li.sfhover ul ul {
	left: -999em;
	
	}
	
#nav ul#navlist li:hover ul, 
#nav ul#navlist li.sfhover ul { /* lists nested under hovered list items */
	/*right: 0;*/
	left: auto;
	}	
	
/* 	broke the bottom two out so the first level will align to the left
 	and the second level will align to the right of the first
 	this effects all but the movies which are declared afterward 
	Still need to determine where the colors are being set
	*/
#nav ul#navlist li li:hover ul, 
#nav ul#navlist li li.sfhover ul { /* lists nested under hovered list items */
	/*border:1px solid #ff0000;*/
	left: 219px;
	/*left: auto;*/
	}
	

#nav ul#navlist li ul li {
	/*width: 150px;*/
	/*width: 220px;*/
	height: auto;
	text-transform: none;
	font-size: 11px;
	line-height: 11px;

	/*background: none;*/
	}
	
/* the initial dropdowns (ALL) */
#nav ul#navlist li ul li a,
#nav ul#navlist li:hover ul li a,
#nav ul#navlist li.sfhover ul li a,
#nav ul#navlist li ul li span {
	
	width:220px;
	height: 11px;
	padding: 9px 8px;
	/*border: 1px solid #00ff00;*/
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	/*border-top: 1px solid #4a4a4a;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #242424;*/
	/*border:1px solid #3a3a3a;
	/*background-image: url(subnav_bg_1.gif);*/
	}

/* nav items without dropdowns */	
#nav ul#navlist li ul li.sub a,
#nav ul#navlist li ul li.sub span {
	
	width: 220px;
	/*padding-right: 40px;*/
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	color: #fff;
	/*background-color: #ffff00;*/
	/*background-image: url(/sitewide/images/u/comnav-arrow.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: 100% 50%;*/
	background-image: url(subnav_bg_1.gif);
	
	}

/* NOT SURE WHAT THIS IS DOING */	
#nav ul#navlist li ul ul.sub {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;

}
	
#nav ul#navlist li ul li.drop a,
#nav ul#navlist li ul li.drop span {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	color: #fff;
	background-image: url(subnav_bg_3.gif);

}

#nav ul#navlist li ul li.sub ul li a {
	/*background: none;*/
	}
	
#nav ul#navlist li ul li.first a,
#nav ul#navlist li ul li.first ul li.first a,
#nav ul#navlist li ul li.first span  {
	/*border-top-color: #4a4a4a;*/
	border-top:1px solid #000000;
	
	}

#nav ul#navlist li ul li.first ul li a {
	/*border-top-color: #4a4a4a;*/
	border-top:none;
	}

#nav ul#navlist li ul li:hover,
#nav ul#navlist li ul li.sfhover {
	/*border-top-color: #2c2c2c;*/
	/*background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;*/
	z-index:1000;
	}

#nav ul#navlist li ul li:hover a,
#nav ul#navlist li ul li.sfhover a,
#nav ul#navlist li ul li:hover span,
#nav ul#navlist li ul li.sfhover span {
	/*border-top-color: #5b5b5b;*/
	/*background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;*/
	background-image: none;
	background-color: #5b8ea0;
	background-image: url(menu_dropped.gif);
	
	}


/* HIGHLIGHTED SUBNAV ???? */	
#nav ul#navlist li ul li a:hover,
#nav ul#navlist li ul li.sub li a:hover {
	height: auto;
	/*border-top-color: #5db1e0;
	border-left-color: #5db1e0;*/
	background: #E33267;
	color: #fff;
	cursor: pointer;
	
	}
	
/* sub are second levels that have thirds so will need a arrowed background */	
#nav ul#navlist li ul li.sub:hover {
	/*background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;*/
	
	/*background-image: url(subnav_bg_1.gif);*/
	}
#nav ul#navlist li ul li.sub a:hover {
	/*background: #ff0000 url(/sitewide/images/u/comnav-arrowon.gif) no-repeat 100% 50%;*/
	/*background: #ffff00 url(subnav_bg_1.gif);*/
	
	}
	
#nav ul#navlist li ul li.sub a:hover li.sub {
	/*background: #ff0000 url(/sitewide/images/u/comnav-arrowon.gif) no-repeat 100% 50%;*/
	/*background: #ffff00 url(subnav_bg_1.gif);*/
	
	}
	
#nav ul#navlist li ul li:hover li a,
#nav ul#navlist li ul li.sfhover li a {
	/*border-top-color: #3c3c3c;*/
	}
#nav ul#navlist li ul li:hover a:hover,
#nav ul#navlist li ul li.sfhover a:hover {
	/*border-top-color: #5db1e0;*/
	}
#nav ul#navlist li ul li a:active,
#nav ul#navlist li ul li.sub a:active,
#nav ul#navlist li ul li:hover li a:active,
#nav ul#navlist li ul li.sfhover li a:active {
	/*background: #058acf url(/sitewide/images/u/nav-sub-press.jpg) repeat-x top left;*/
	}

/* third-level lists */
#nav ul#navlist li ul ul li {
	/*border-top-color: #595959;
	border-bottom-color: #333;*/
	/*background: #4c4c4c;*/
	width: 165px;
	/*overflow: hidden;*/
	}
#nav ul#navlist li ul li ul li a,
#nav ul#navlist li:hover ul li ul li a,
#nav ul#navlist li.sfhover ul li ul li a,
#nav ul#navlist li ul li ul li span {	
	font-weight: normal;
	/*border-top-color: #595959;
	border-right-color: #333;
	border-bottom-color: #333;*/
	background-image:none;
	}
#nav ul#navlist li ul li ul li ul li a,
#nav ul#navlist li:hover ul li ul li ul li a,
#nav ul#navlist li.sfhover ul li ul li ul li a,
#nav ul#navlist li ul li ul li ul li span {
	/*width: 220px;*/
	/*border-top-color: #767676;
	border-right-color: #404040;
	border-bottom-color: #404040;*/
	/*background: #595959;*/
	}


	
	/***********************************************
	SHOWS SPECIFIC LAYOUT
	***********************************************/

#nav ul#navlist li #shows-grid {
	z-index: 601;
	clear: left;
	position: absolute;
	width: 780px;
	left: -999em;
	/*padding: 0px 10px 10px 0px;*/
	border-top: 1px solid #10566d;
	background: #5b8ea0 url(shows_drop_bg.gif) repeat-y;
	
	}
	
#nav ul#navlist #shows-grid div strong {
	height: 23px;
	color:#FFFF00;
	display:block;
	font-size:12px;
	font-weight:bold;
	/*margin:0pt 0pt 7px;*/
	/*padding:3px 8px 0px 8px;*/
	text-align:left;
	font-family:arial; 
}

#nav ul#navlist li #shows-grid a:hover{
	background-color: #e33267;
}

#nav ul#navlist li:hover #shows-grid,
#nav ul#navlist li.sfhover #shows-grid { 
	left: 0px;
	/*border: 1px solid #ff0000;*/
	}
	
#nav ul#navlist #shows-grid #shows-1 {
	position: relative;
	float: left;
	width: 220px;
	height: 300px;
	text-align: left;
	}
		
#nav ul#navlist #shows-grid div#shows-2 div.shows-col1 {
	position: relative;
	width: 170px;
	float: left;
	border:1px none #ff0000;
	margin:0px;
	}
	
#nav ul#navlist #shows-grid div#shows-2 div.shows-col2 {
	position: relative;
	float: left;
	width: 170px;
	margin: 0;
	border:1px none #00ff00;
	margin:0px;
	}
	
#nav ul#navlist #shows-grid div#shows-2 div.shows-col3 {
	position: relative;
	float: left;
	width: 170px;
	margin: 0;
	border:1px none #0000ff;
	margin:0px;
	}

.relinks_spacer { position:relative; padding:0px; float:left; width:3px; height:3px; font-size:1px;}
.relinks_foot { position:relative; clear:both; width: 200px; height:20px;  }
#nav ul#navlist #shows-grid #shows-2 {
	position: relative;
	float: left;
	width: 550px;
	margin: 0;
	border:1px none #ff00ff;
	}

#nav ul#navlist li #shows-grid div.relinks {
	/*width: 220px;*/
	height: 30px;
	margin: 0;
	padding: 0px;
	text-align: left;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #000000;
	overflow: hidden;
	background-image: url(subnav_bg_1.gif);
	width:218px;
	}	
	
#nav ul#navlist li #shows-grid div.relinks_first {
	/*width: 220px;*/
	width:218px;
	height: 30px;
	margin: 0;
	padding: 0px;
	text-align: left;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #000000;
	background-color: #5b8ea0;
	overflow: hidden;
	/*background-image: url(subnav_bg_1.gif);*/
	background-image: url(menu_dropped.gif);
	}	
	
#nav ul#navlist li #shows-grid div.first {
	border-top:1px solid #000000;
}
	
#nav ul#navlist li #shows-grid div.relinks a,
#nav ul#navlist li #shows-grid div.relinks_first a {
	float: none;
	display: block;
	width: auto;
	height: 30;
	margin: 0;
	padding: 7px 8px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	border: none;
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	
	}

#nav ul#navlist li #shows-grid div.relinks_first a:hover {
	background-color: #5b8ea0;
	background-image: url(menu_dropped.gif);
}
	
#nav ul#navlist li #shows-grid div a {
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 8px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	border: none;
	
	}
	
#nav ul#navlist li #shows-grid a#shows-all {
	clear: both;
	float: right;
	width: auto;
	height: auto;
	white-space: nowrap;
	margin: 10px 0 0 0;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	border: none;
	background: #4498c7;
	text-decoration:underline;
	}
#nav ul#navlist li #shows-grid a#shows-all:hover {
	text-decoration: underline;
	font-weight: bold;
	}
	
.all_shows, .all_shows a { font: bold 11px arial; color: #FFFFFF; text-decoration:none; background-color: #2c7487; width: 170px; }
.all_shows A:hover { color: #FF6600; text-decoration:none;  background-color:#ff6600;}

	#flags li { list-style-type: none; display: inline; }
	#nav ul { padding-left: 0; }
	#nav { background:url('menubg.gif') repeat-x; border:1px solid #69A0B1; }
	#nav li { list-style-type: none; display: inline; }
	#nav li a { color:#fff; font-weight:bold; font-size:12px; text-decoration:none; height:38px; padding:20px; }
	#nav li a:hover { text-decoration:underline; }
	#latestlnks li { list-style-type: square; color:#FFFFFF; }
	#latestlnks li A { color: #fff; }