html { background-color: #cccccc; }

body
{
	background-color: white;
	padding: 1px 0;
	font-size: 1.25em;
  	line-height: 1.5EM;
	max-width: 50em;
	margin: auto;
	margin-bottom: 0;
}

a:link
{
	text-decoration: none;
	color: blue;
	font-weight: normal;
}

a:hover
{
	text-decoration: underline;
	font-style: italic;
}

a:visited
{
	text-decoration: none;
	color: #cc00cc;
	font-style: italic;
}

a:active
{
	text-decoration: underline;
	color: red;
	font-style: italic;
}

div.banner
{
	line-height: 1.7EM;
	margin: 1EM 2EM 0.5EM 2EM;
	font-family: 'Work Sans', sans-serif;
}

div.banner h1 { margin: 0 0 0 0; }
div.banner hr { margin: 0 0 0 0; }
p.byline { margin: -0.1EM 0 1ex 1ex; }

p.byline-sm
{
	margin: -1.5EM 0 0 0;
	font-size: 80%;
}

div.main
{
	text-indent:2em;
	margin:0 2EM;
	font-weight: light;
	font-family: 'Libre Franklin', serif;
}

div.main p { 
	margin: 0 0 0 0;
}

div.main blockquote {
	font-style: italic;
	font-family: Georgia, serif;
}

h2, h3, h4
{
	font-family: 'Libre Baskerville', sans-serif;
	margin: 1EM 0 0.5EM 0;
}

.button,
.button-ref
{
	color: gray;
	font-variant: small-caps;
	font-weight: bold;
	font-family: 'Work Sans', sans-serif;
}

.button
{
	font-size: x-large;
	margin: 0;
}

.button a,
a.button-ref
{
	color: gray;
	font-weight: bold;
}

div.main hr.footnote
{
	margin: 0;
	padding: 0;
}

div.main p.footnote {
	margin: 0.5ex 0 0 0;
	font-family: 'Libre Franklin', serif;
	line-height: 1.1EM;
	font-size: medium;
	font-weight: lighter;
}

div.main blockquote.footnote {
	font-family: 'Libre Franklin', serif;
	line-height: 1.2EM;
	font-size: medium;
	font-weight: lighter;
}

div.footer
{
	margin: 3EM;
	font-family: 'Libre Baskerville', serif;
	line-height: 1.1EM;
	font-size: small;
	font-weight: lighter;
}

div.footer p
{
	margin-top: 0;
	margin-bottom: 0;
}

.framed-right {
	float: right;
	margin: 0 0.6EM 0.6EM 0.6EM;
	border: 3px gray outset;
}

.float-right
{
	float: right;
	margin: 0 0.6EM 0.6EM 0.6EM;
}

div.tumblr
{
 	font-family: Ariel, Helvetica, sans-serif;
 	font-size: smaller;
}