@font-face {
	font-family: Quicksand;
	src: url(Quicksand.ttf);
}
@font-face {
	font-family: Raleway;
	src: url(Raleway.ttf);
}
@font-face {
	font-family: Raleway;
	font-style: italic;
	src: url(Raleway-Italic.ttf);
}

html {
	font-family: Raleway, sans-serif;
	font-size: 17pt;
	background: url(/rflower.svg) fixed no-repeat center;
}

body {
	margin: 0;
}

body > header {
	background: hsl(0deg 91% 49%);
	color: white;
}

body > header > * {
	margin: 0 auto;
	max-width: 800px;
}

body > header h1 {
	padding-top: .5em;
}

body > header h2 {
	padding-bottom: .25em;
	font-weight: normal;
	font-size: inherit;
}

body > header a {
	color: white;
	text-decoration: none;
}

body > header a:hover {
	text-decoration: underline;
}

body > nav {
	background: ghostwhite;
}

body > nav > ul {
	margin: 0 auto;
	max-width: 800px;
	padding: 0;
	list-style: none;
}

body > nav > ul > li {
	display: inline-block;
	list-style: none;
}

body > nav > ul a {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 1em;
}

body > nav > ul a:hover {
	background: silver;
}

body > nav > ul > li ul {
	list-style: none;
}

body > nav > ul > li:hover ul {
	display: block;
	z-index: 10;
}

body > nav > ul > li ul {
	  display: none;
	  position: absolute;
	  padding: 0;
	  background: ghostwhite;
}

body > section,
body > article {
	margin: 0 auto;
	max-width: 800px;
}

article.blog header h1 {
	font-size: 2em;
	margin: .5em 0 0;
}
article.blog header a {
	font-weight: bold;
}
article.blog header time {
	font-style: italic;
}
article.blog section {
	margin: 2em 0;
}

article.blog h2 {
	font-size: 1.5em;
	margin: 1.5em 0 0;
}
article.blog ol ::marker {
	font-weight: bold;
}

nav.blog {
	font-weight: bold;
	font-size: 14pt;
	padding-bottom: 2em;
}