$primary: #17a;

body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

#header a, #menu a, #nav a {
	text-decoration: none;
}

#header {
	padding: .5em;
	font-size: 1.5em;

	a {
		color: $primary;
	}
}

#menu {
	background-color: $primary;

	ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;

		li {
			float: left;
			padding: .5em;

			&.active a { font-weight: bold; }
			
			&:hover {
				background-color: darken($primary,6);
			}

			a {
				color: #fff;
	
			}
		}
	}

}

#nav {
	float: left;
}