/* 
Name: navigation.css
Description: Style sheet for the site modules and layouts
*/

/* Some stylesheet reset */

ul.nav, .nav>li, .nav>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul.nav {
	line-height: 1;
	padding: 0 10px 10px 10px;
    width: 210px;
    background: #fff;
}

/* Basic layout & positioning */

.nav span.desc {
	font-size: 12px;
	color: #797979;
	font-weight: normal;
	display: block;
	margin-top: 3px;
}

.nav, .nav ul {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 170px;
}

	/* The list elements containing the links */
	.nav li{
		display: block;
		position: relative;
		padding: 0;
		margin: 0 0 0 0;

	}

	.nav ul li {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;

	}

	/* The navigation links */
	.nav>li>a {
		/* Layout */
		position: relative;
		display: block;
		width: 185px;
		padding: 10px 10px 10px 15px;
		/*border-top: 1px solid #cfcfcf;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;*/

		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-decoration: none;
		color: #4a4a4a;
		text-shadow: 0 1px 0 #fff;

		/* Background & effects */
		background: #fff;
		box-shadow: inset 0 1px 0 #fff; 
		/*border-bottom: 1px solid #eee;*/
	}

	/* The arrow indicating a dropdown menu */
	.dropdown>a::after {
		 content: "";
		 position: absolute;
		 top: 25px;
		 right: 10px;
		 width: 0px;
		 height: 0px;

		 /* Creating the triangle using borders */
		 border-top: 5px solid #b2b2b2;
		 border-left: 4px solid transparent;
		 border-right: 4px solid transparent;
		 border-bottom: 5px solid transparent;
		}

	/* The hover state of the links */
	.nav>li>a:hover, .nav>li:hover>a {
		background: #f6f6f6;
}

	/* Subtle drop shadow for the last navigation link */
	/*.nav>li:last-child>a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: inset 0px 1px 0px #fff,
					0px 1px 1px rgba(60, 60, 60, .1);
	}*/

	/* The dropdown list elements containing the sub-links */
	.nav ul li {
		position: absolute;
		height: 0px;
		top: -9999px;

		/* Creating the slide effect using transitions */
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}

	.nav li:hover li {
		/* Expanding the list elements */
		height: 30px;
		position: relative;
		top: auto;
	}

	/* The dropdown menu's links */
	.nav ul li a {
		/* Layout & positioning */
		position: relative;
		display: block;
		width: 175px;
		padding: 9px 10px 9px 15px;
		/*border-top: 1px solid #e1e1e1;*/

		/* Text */
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-decoration: none;
		/*border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;*/
		background: white;
		color: #666; /*todo*/
	}

	/* The hover state of the dropdown menu links */
	.nav ul li a:hover {
		color: #999;
	}

	.nav .dropdown:hover li:first-child a {
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .12);
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
	}

	.nav li:last-child ul li:last-child a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: 0px 1px 1px rgba(60, 60, 60, .1);
	}

	.nav a.last {
		border-bottom: none;
	}