/* The nekkidblogger menu                  
| 
|  Copyright: Peter Ohlsson, nekkidblogger.com, 2011 
|
*/

#nav {

padding:12px 16px;

}

#nav ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1;
	margin-left: 0;
     } 

#nav li {
	list-style:none;
	position:relative;
	float:left;
	text-align:center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4e4e4;
	text-decoration: none;
	width: auto;
	z-index:5;
	
     }   

#nav a {
	display: block;
	width: auto;
	color:#959595;
	line-height: 30px;
	text-decoration: none;
	margin: 0 -1px -1px 0;
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	font-size:14px;
	line-height:1.2em;
     }       


#nav ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
	color: #CC0000;
}

#nav ul li.active a {
	color:#CC0000;
}
.active {
color: #CC0000;
}
.level2 {
	position:absolute;
	top:40px;
	left:0;
	white-space: nowrap;
	width: auto;
	background-color: #FFFFFF;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
	height: auto;

     }        

/*                                                              
.level3,.level4 { 
        position:absolute;  
        top:0; 
        left:8.08em; 
     } 
*/
.level2,.level3,.level4 {
        visibility:hidden; 
     } 

 :hover > ul { 
        visibility:visible;
     }