body {
	font-family: 'Alegreya', serif;
	font-size: 16pt;
	background-color: #f4ffe4;
	background-image: url("/bg.png");
	background-repeat: repeat;
}

#navheader {
	display: none;
	font-size: 18pt;
}

nav {
	position: fixed;
	left: 25pt;
	top: 65pt;
	font-size: 18pt;
}

:link, :visited {
	color: black;
}

:link:hover, :visited:hover {
	color: gray;
}

nav :link, nav :visited {
	text-decoration: none;
	color: black;
	display: block;
	font-weight: bold;
}

nav :link:hover, nav :visited:hover {
	color: gray;
}

nav :link::after {
	position: absolute;
	right: 0;
	content: " ⤅";
}

nav ul {
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
	width: 185pt;
}

#body {
	display: block;
	margin-left: 250pt;
    max-width: 500pt;
    margin-right: 100pt;
    padding-top: 5pt;
}

nav li {
	border-top-style: solid;
	border-width: 6px;
	padding: 4px;
}

nav > ul > li:last-child {
	border-bottom-style: solid;
}

nav ul ul {
	margin-top: -4px;
}

nav li li {
	border-width: 0px;
	margin: 4px 4px -4px -4px;
}

#local-nav {
	font-size: 14pt;
}

#local-nav li {
	border-width: 1px;
}

#local-nav :link, #local-nav :visited {
	font-weight: normal;
	font-style: italic;
}

.email::after {
	content: "@robinwell.net";
}

h1:target::before {
	content: '# ';
	position: relative;
	margin-left: -.72em;
}

footer {
	font-size: 14pt;
	padding: 5pt;
	text-align: right;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
}

#body {
	flex: 1;
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	#navheader {
		display: block;
		width: 100%;
		text-align: center;
		border-top-style: solid;
		border-bottom-style: solid;
		border-width: 6px;
		padding: 4px 0;
	}
	#navheader a {
		font-weight: bold;
		text-decoration: none;
	}

	nav > ul:first-child > li:first-child {
		border-top-style: none;
	}
	nav {
		position: static;
		display: none;
		width: 100%;
		text-align: center;
	}

	#body {
		margin-left: 1em;
		margin-right: 1em;
	}

	nav ul {
		width: inherit;
	}

	nav :link::after {
		position: relative;
		content: none;
	}

	nav > ul:first-child {
		margin-bottom: 30pt;
	}

	/*#local-nav {
		position: absolute;
		display: inline;
		top: 0;
		padding: 5px;
	}

	#local-nav li {
		display: inline-block;
		border-top-style: none;
		border-bottom-style: none;
	}

	#local-nav :link::after {
		content: ' ↴';
	}*/
}