html {
	border-top: .5rem solid #900;
	border-bottom: 10rem solid #900;
}
body {
	background-color: #fff;
	color: #111;
	max-width: 600px;
	margin: 40px auto;
	line-height:1.7;
	font-size: 1.2rem;
	padding: 1rem;
}

h1, h2, h3, h4, h5, h6, h7 { 
	font-family:"Helvetica Neue",Helvetica,Arial,sans;
	line-height: 1.25;
}

h1 { font-size:200%; }
h4 { font-size:150%; }


ol li { margin-bottom: .5em; }

ol.footnotes:before {
  width: 200px;
  background-color: #666;
  content: ' ';
  height: 2px;
  display: block;
  margin-left: -2.5rem;
  margin-bottom: 2rem;
}
ol.footnotes {
  margin-top: 4rem;
  font-size: 80%;
}

a { color: #c00; }
a:hover { color: #f00; }

sup {
	vertical-align: 5%;
	font-size:75%;
}

blockquote {
	color: #333;    
}


#footer {
    margin-top: 10em;
}

#footer,
p.head {
	font-family:monospace;
	margin-bottom: 4em;
}

#footer a,
p.head a {
	color: #900;    
	text-decoration: none;
}
#footer a:hover,
p.head a:hover {
	color: #c00;    
}



hr.bar {
  width: 25%;
  margin: 1rem auto;
}