body	{
	background-color: #efefef;
	color: #222222;
	margin-top: 0px;
	margin-bottom: 0px;
	font: medium/1.5 'Noto Serif', georgia, serif;
	text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}

nav {
	width: 90%;
	font-family: 'Open Sans', verdana, sans-serif;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	}

#content {
	width: 60%;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #999;
	padding: 3em 0px 7.5em 0px;
	}

article {
	font-size: 85%;
	width: 80%;
	margin: 1em auto 12em auto;	
}

aside {
	margin: 1em auto 4em auto;
}

.preface {
	width: 70%;
	font-size: 85%;
	line-height: 1.5;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 1em auto 4em auto;
	}

footer	{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', verdana, sans-serif;
	padding-bottom: 6em;
	text-align: right;
	font-size: 50%;
	color: #ddd;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-indent: 0px;
	}
	
#foot	{
	padding-top: 5em;
	text-align: center;
	font-family: georgia, serif;
	font-size: 100%;
	font-variant: small-caps;
	letter-spacing: .1em;
	text-indent: 0px
	}
	
#breadcrumb	{
	padding-bottom: 5em;
	text-align: center;
	font-family: georgia, serif;
	font-size: 100%;
	font-variant: small-caps;
	letter-spacing: .1em;
	text-indent: 0px
	}


/*------------------ Typography ----------------------*/

li	{
	margin: .5em auto .5em auto
	}

p	{
	text-indent: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
	}

p:first-child, blockquote+p, figure+p, h1+p, h2+p, h3+p, nav p, aside+p, .noindent, .incipit, .fn p+p  {
	text-indent: 0px;
	}

blockquote	{
	text-indent: 0px
	}

em, cite, i	{
	font-style: italic
	}

strong, b, .small, .sc	{
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: .1em
	}

acronym	{
	text-decoration: none;
	border: 0px
	}

.large, h1 em	{
	font-size: 200%;
	color: #ee0000;
	font-style: normal;
	}

.small	{
	font-size: small;
	font-weight: bold;
	}

.center {
	text-align: center;
}

.slide, .right {
	text-indent: 0;
	text-align: right;
	}

.finis {
	margin-top: 5em;
	}
div.poem {
	margin-right: auto;
	margin-left: auto;
	}
	
.poem p {
	text-indent: 0;
	margin-top: 1em;
}

.fn, .pedem	{
	width: 80%;
	padding: 1.5em 1em 1em 1.5em;
	margin: 2em auto .2em 1em;
	border-top: solid 1px #cccccc;
	font-size: 85%;
	line-height: 1.2;
	}

h1, h2, h3	{
	font-weight: normal;
	text-align: center;
	font-size: 150%;
	margin: 0px auto 1em auto;
	line-height: 1.2;
	text-indent: 0px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	}

h2	{
	color: #ee0000;
	margin: 2em auto 1em auto
	}

h3	{
	letter-spacing: .1em;
	font-size: 90%;
	text-transform: uppercase;
	margin: 1.5em auto 1em auto;
	}

hr	{
	width: 65%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
	border: solid 2px #ccc;
	} 
	
hr.marzials	{
	background: transparent url(/images/marzials-ornament.png) no-repeat top center;
	border-style: none;
	color: none;
	height: 75px;
	background-size: 90%; 
	width: 75%;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 3em;
	text-align: center;
	} 

/*------------------ Links ----------------------*/


a 	{
	color: #ee0000;
	text-decoration: underline;
	}
	
.footnote-identifier-link {
	vertical-align:baseline;
	font-size:.8em; 
	position:relative; 
	top:-.6em; 
	}

/*------------------ Lists ----------------------*/


ul	{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.5
	}

ul.contents	{
	list-style-type: none;
	font-size: 90%;
	letter-spacing: 0px;
	font-variant: small-caps;
	text-transform: lowercase;
	margin: 1em auto 1em auto;
	width: 80%;
	line-height: 1.3
	}

ul.in	{
	list-style-type: square;
	list-style-position: outside
	}

ol	{
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 2em;
	}
ol.poem ol {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	}

ol.poem ol li {
padding-left: 2em;
text-indent: -2em;
margin: 0px;
}

ol.poem ol li.indent {
padding-left: 4em;
}

ol.rom	{
	list-style-type: upper-roman;
	margin-left: 7em
	}

dt	{
	font-weight: bold;
	margin-top: 1em;
	}
	
/*------------------ Images ----------------------*/

.emblem {
	max-width: 90%;
	margin: 5em auto 2em auto;
	text-align: center;
	overflow: hidden;
	}
figure img {
	max-width: 100%;
	}
	
/*------------------ Media Queries ----------------------*/

@media (max-width: 775px) {
#content {
width: 80%;
}
}

@media (max-width: 550px) {
.large {
font-size: 150%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

nav {
font-size: 60%;
}

#content {
width: 100%;
border-width: 0px;
}

article {
font-size: 80%;
width: 90%;
}

.preface {
width: 80%;
font-size:95%;
}