/** 
    Styles based on Keyboard Accessible Dropdown Menu by Blake Haswell
    http://blakehaswell.com/lab/dropdown/deux/
**/

/** Custom **/
	.menu_home { width:60px; }
	.menu_blog { width:64px; }
	.menu_supergirl { width:84px; }
	.menu_comicbooks { width:74px; } 
	.menu_pg { width:96px; }
	.menu_film { width:90px; }
	.menu_gallery { width:114px; }
	.menu_links { width:60px; } 

/** Menu styling **/

#nav { 
	background: #003663; 
	font-family: Arial, Helvetica, sans-serif;
	height: 43px;
	margin: 0 auto;
	padding-left:30px;
	z-index:5;
	/* rounded corners in non-IE browsers - pulled from #wrap */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#nav li { 
	list-style:none;
	float: left; 
	margin: 0; 
	padding: 0; 
	position: relative;
	}
#nav a {
	color:white; 
	font-weight:bold; 
	text-align:center; 
	text-transform: uppercase;
	font-size:12px; 
	text-decoration:none; 
	border-bottom:0; 
	display: block;
	height: 17px;
	padding: 13px 0; 
	}

#nav a:hover, #nav a:focus { 
	background-color:#01678F; 
	}
#nav ul {
	left:-1px;
	position:absolute; 
	padding:0; 
	margin:0;
	z-index:8;
	}
#nav ul li { 
	background: none; 
	float: none; 
	}
#nav ul a { 
	}
#nav ul ul { 
	left:5px;
	}
#nav li ul { 
	background:#01678F;
	border-left:1px solid #003663;
	border-right:1px solid #003663;
	}
#nav li ul li a {
	font-weight:normal; 
	text-align:left;
	text-transform:none;
	height: 20px;
	padding: 10px 10px 4px 10px;
	} 
#nav li ul li {
	border-bottom:1px solid #003663;
	}
#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus {
	text-decoration:underline;
} 
/* #nav ul a:hover, #nav ul a:focus { 
	background-color:white; 
	color:#003663; 
	} */
/* #nav ul .hover>a { background: white; } */
#nav ul, #nav :hover ul ul, #nav .hover ul ul { margin-left: -9999px; }
#nav li:hover>ul, #nav li.hover>ul, #nav a:focus+ul, #nav ul ul, #nav .hover a:focus { margin-left: 0; }
#nav ul a:focus { margin-left: 9999px; }
