/* --------------------------------------------------------------

		nav.css
		* Gives you a standard horizontal navigation list
		Created by Johannes Ippen (http://www.johannesippen.com)

		*Usage:

		<ul class="nav">
				<li><a href="…">…</a></li>
				…
		</ul>

		*Options:
				class="nav"
				makes an unnested list of links a horizontal navigation

				class="nav right"
				makes a right-aligned horizontal navigation

				class="nav divider"
				class="nav right divider"
				adds "|"-Dividers between the navigation items

-------------------------------------------------------------- */
ul.nav{border-left: 1px solid #fff;list-style:none;margin:0;padding:0;width:auto;float:left;}
ul.nav li{margin:0;padding:0;display:block;float:left;}
ul.nav li a{line-height:3em;padding:.89em 1.5em;text-decoration:underline;}
/* ul.nav li a{line-height:3em;padding:10px 30px;text-decoration:none;} */
ul.nav li.active a, ul.nav li.current_page_item a{background-color:#e5ecf9;}
ul.nav li a:hover{background-color:#dfe6f2;}
ul.nav li a:active{color:#fff;background-color:#009;}
ul.nav.right{float:right;}
ul.divider.nav li:before{content:"|";}
ul.divider.nav.right li:before{content:"";}
ul.divider.nav.right li:after{content:"|";}