body {
	margin-left: 13em;
	padding: 1em;
}
.navigation {
	width: 13em;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border-right: 1px solid black;
	background-color: #eee;
}

.navigation ul {
	border-bottom: 1px solid black;
	margin: 0;
	list-style-type: none;
}

.navigation ul.sub li {
	margin: 5px 0 5px 20px;
}

.navigation-blob {
	display: none;
	width: 30px;
	height: 30px;
	background-color: #eee;
	text-align: center;
	line-height: 30px;
}

@media only screen and (max-width: 30em) {
	body {
		margin: auto;
		max-width: 42em;
	}
	.navigation-blob {
		display: block;
		position: absolute;
		left: 13em;
		border: 1px solid black;
	}
	.navigation {
		left: -13em;
	}
}