html { background-color: #cccccc; }

body
{
	background-color: white;
	padding: 1px 0;
	font-size: 1.25EM;
  	line-height: 1.25EM;
	max-width: 48EM;
	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: #60B;
	font-style: italic;
}

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

a.URL
{
	font-family: "courier", "monospace";
	font-style: default;
}

a.URL:link
{
	color: black;
}

div.banner
{
	line-height: 1.7EM;
	margin: 1EM 3EM 0.5EM 3EM;
}

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

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

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

div.banner h1
{
	margin: 0 0 0 0;
	font-family: 'baskerville-urw', serif;
	font-size: 225%;
	line-height: 1EM;
}

div.banner hr { margin: 0 0 0 0; }

div.banner p.byline
{
	margin: 0 0 1.5EM 0;
	font-family: 'baskerville-urw', serif;
	font-style: italic;
	font-weight: lighter;
}

div.main
{
	max-width: 46EM;
	margin: 0 3EM;
	font-weight: light;
	font-family: 'Libre Franklin', sans-serif;
}

div.main p
{
	text-indent: 2em;
	margin: 0 0 0.5EM 0;
}

div.main p.byline
{
	margin: -0.75EM 0 0.5EM 0;
	font-family: 'baskerville-urw', serif;
	font-style: italic;
	font-weight: lighter;
}

h2, h3, h4
{
	font-family: 'baskerville-urw', serif;
	margin: 1EM 0 0.5EM 0;
	line-height: 1EM;
}

h2 {font-size: 1.75EM;}
h3 {font-size: 1.5EM;}
h4 {font-size: 1.25EM;}

div.main blockquote.fancy {
	font-style: italic;
	font-family: 'baskerville-urw', serif;
}

img.full
{
	max-width: 100%;
	height: auto;
}
img.half
{
	max-width: 22EM;
	height: auto;
}

div.caption-box
{
	border: 1px black solid;
	margin: 0 1EM;
	padding: 1EM;
}
p.caption-bookish
{
	font-size: 0.8em;
	font-family: 'baskerville-urw', serif;
	font-style: italic;
	font-weight: lighter;
	line-height: 1.2em;
	text-indent: 2em;
}
div.main p.caption
{
	margin:0; padding:0;
	font-size: 0.8em;
	font-family: 'baskerville-urw', serif;
	font-weight: lighter;
	line-height: 1.2em;
	text-indent: 0;
}

span.footnote
{
	vertical-align: super;
	font-size: 70%;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: lighter;
}

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

div.main *:target
{
	color: #f00;
	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', sans-serif;
	line-height: 1.1EM;
	font-size: medium;
	font-weight: lighter;
}

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

div.no-bullets ul
{
	list-style-type: none;
	list-style-position: default;
	padding-left: 1.5EM;
}

div.footer
{
	margin: 2EM;
	font-family: 'baskerville-urw', serif;
	line-height: 1.1EM;
	font-weight: lighter;
	font-size: medium;
}

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;
}