body, html {
	margin: 0;
}

@font-face {
	font-family: "ubuntu";
;
	src: url('/fonts/ubuntu.eot');
	src: local('☺'),
	url('/fonts/ubuntu.otf')  format('opentype'),
	url('/fonts/ubuntu.ttf')  format('truetype'),
	url('/fonts/ubuntu.svg')  format('svg');
}

body {
	background: #dcd499 url(/paper-tile.jpg) repeat center center;
	text-align: center;
	min-width: 100%;
	font-family: "ubuntu";
}

header {
	text-align: center;
	margin: 1%;
}
header img {
	max-width: 1000px;
	width: 100%;
}

img {
	display: inline-block;
}

#content {
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
	display: inline-block;
}

#content > nav {
	display: block;
	text-align: center;
	margin: 1% 0 0 0;
}

a {
	color: #360;
	text-decoration: none;
}


#content > nav > a.selected {
	background: rgba(128,96,32,0.2);
}

#content > nav > a:hover {
	background: rgba(255,255,255,0.2);
}

#content > nav > a {
	border-top: 0.04em solid #520;
	border-bottom: 0.04em solid #520;
	border-radius: .6em .6em .6em .6em / .3em .3em .3em .3em;
	padding: .5em;
	margin: 0 2%;
	text-decoration: none;
	color: #430;
}


#content > div {
	padding: 0 1em 1em 1em;
	border-top: .02em solid rgba(85, 51, 0, .3);
	border-left: .02em solid rgba(85, 51, 0, .3);
	border-bottom: .06em solid #520;
	border-right: .06em solid #520;
	border-radius: .7em;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #520;
	background: rgb(85,34,0);
	background: rgba(85,34,0,0.1);
	display: inline-block;
	box-shadow: 0.05em 0.05em .05em .01em rgba(0,0,0,0.3);
	text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,0.3);
}