#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background: blue;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background: green;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

body#home a#homenav,
body#projects a#projectnav,
body#code a#codenav,
body#recipe a#recipenav,
body#about a#aboutnav,
body#contact a#contactnav {
color: #fff;
background: #930;
}

#leftnav {
	width: 9em;
	padding: 0 0 0 0;
	margin: 3em 0em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	color: #333;
}

#leftnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}

#leftnav li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#leftnav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #leftnav li a {
		width: auto;
		}

	#leftnav li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}