html, body
{
	color: red;
	background: black;
	font-family: arial, sans-serif;
	font-size: 12px;
	word-spacing: 0.22em;
	font-style: normal;
	letter-spacing: 0.11em;
	font-variant: normal;
	text-decoration: none;
	margin-left: 2em;
	margin-right: 2em;
}

div
{
	border-bottom: 1px solid #aa0000;
	padding: 0.5em;
}

div.head
{
	text-align: center;
}

div.main
{
	padding-left: 3.5em;
	padding-right: 3.5em;
}

p
{
	text-align: justify;
	text-indent: 2em;
}

a
{
	color: #ff00ff;
	text-decoration: none;
}

a:hover
{
	color: #ffffff
}

ul
{
	list-style: none;
}

blockquote
{
	margin-left: 10%;
	font-style: italic;
}

div.main h1
{
	font-size: 120%;
	text-align: center;
}

div.main h2
{
	font-size: 100%;
	text-align: center;
}

img
{
	border: 0;
	margin: 0.11em;
	padding: 0.33em;
}

img.title
{
	font-size: 12px; /* em sizes based on font */
	width: 50em; /* replaces 600px width */
	height: 5em; /* replaces 60px height */
	display: block; /* acts like break after */
	margin-left: auto;
	margin-right: auto;
	padding-top: 5em;
	padding-bottom: 0.5em;
}

a img:hover
{
	background: white;
} 

#sectioned ol li
{
	color: #ff00ff;
}

#sectioned li:hover
{
	color: #ffffff
}

#sectioned ol
{
	list-style-type: upper-roman;
}

#sectioned ol ol
{
	list-style-type: upper-alpha;

}

#sectioned ol ol ol
{
	list-style-type: decimal;
}

#sectioned h1:before
{
	content: counter(heading1, upper-roman) ". ";
	counter-increment: heading1;
	counter-reset: heading2 1 heading3 1;
}

#sectioned h2:before
{
	content: counter(heading2, upper-alpha) ". ";
	counter-increment: heading2;
	counter-reset: heading3 1;
}

#sectioned h3:before
{
	content: counter(heading3, decimal) ". ";
	counter-increment: heading3;
}

#inline-log ul, #inline-log li, #inline-log h4
{
	display: inline;
	margin: 0;
	padding: 0 1em 0 0;
}

#inline-log div
{
	border-bottom: 0;
}