body {
	font-family: sans-serif;
	font-size: small;
	width: 52em;
}

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

a:hover {
	text-decoration: none;
	color: blue;
}

div.content {
	width: 96%;
}

h1 {
	font-size: large;
	border-bottom: 2px solid #99F;
	width: 100%;
	margin-bottom: 1em;
}

h2 {
	font-size: medium;
	font-weight: none;
	margin-bottom: 1pt;
	border-bottom: 1px solid #99C;
}

h3 {
	font-size: small;
	font-weight: none;
	margin-bottom: 1pt;
	border-bottom: 1px solid #99C;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
	color: black;
}

span.artinfo {
	font-size: xx-small;
}

div.artbody {
	margin-left: 1em;
	width: 96%;
	text-align: justify;
}

div.article {
	margin-bottom: 2em;
	clear: both;
}

span.cominfo {
	font-size: xx-small;
}

div.combody {
	margin-left: 2em;
	width: 94%;
	text-align: justify;
}

div.comment {
	margin-left: 1em;
	margin-bottom: 1em;
}

div.comforminner {
	margin-left: 2em;
}

div.comform {
	margin-left: 1em;
	margin-bottom: 1em;
}

div.comform label {
	display: block;
	border-bottom: 1px solid #99C;
	margin-top: 0.5em;
	clear: both;
}

div.comform span.comformoptional {
	font-size: xx-small;
	color: #666;
}

div.comform input {
	font-size: small;
	width: 99%;
}

div.comformhelp {
	font-size: xx-small;
	text-align: right;
	float: right;
}

span.formurlexample {
	color: #111;
	background-color: #EEF;
	font-family: monospace;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

textarea.comformbody {
	font-family: monospace;
	font-size: small;
	width: 99%;
	height: 15em;
}

button.comformsend {
	margin-top: 0.5em;
}

span.comformerror {
	color: #900;
	font-size: xx-small;
	margin-left: 0.5em;
}

hr {
	float: left;
	height: 2px;
	border: 0;
	background-color: #99F;
	width: 60%;
}

div.footer {
	margin-top: 1em;
	padding-top: 0.4em;
	width: 100%;
	border-top: 2px solid #99F;
	font-size: x-small;
}

/* Articles are enclosed in <div class="section"> */
div.section h1, div.section h2 {
	font-size: small;
	margin-bottom: 1pt;
	border-bottom: 1px dotted #99C;
	width: 100%;
}

div.section h2 {
	border-bottom: 1px dashed #99C;
}


/* Custom styles */
/* note */
div.note {
	color: #446;
	background-color: #F9F9FF;
	padding: 0.5em;
	border: 1px dashed #99C;
}

div.note a {
	color: #66E;
}

div.note a:hover {
	color: blue;
}

div.note p.first {
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.3em;
}

div.note p.last {
	font-size: smaller;
	margin: 0em;
	margin-left: 2em;
}

/* warning */
div.warning {
	color: #633;
	background-color: #FEE;
	padding: 0.5em;
	border: 1px dashed #C99;
}

div.warning a {
	color: #E66;
}

div.warning a:hover {
	color: red;
}

div.warning p.first {
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.3em;
}

div.warning p.last {
	font-size: smaller;
	margin: 0em;
	margin-left: 2em;
}

/* admonition */
div.admonition p.first {
	text-decoration: underline;
}

/* mental note */
div.admonition-mental-note {
	color: #565;
	background-color: #F3FFF3;
	padding: 0.5em;
	border: 1px dashed #99C;
}

div.admonition-mental-note a {
	color: #66E;
}

div.admonition-mental-note a:hover {
	color: blue;
}

div.admonition-mental-note p.first {
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.3em;
}

/* update */
div.admonition-update {
	color: #565;
	background-color: #F3FFF3;
	padding: 0.5em;
	border: 1px dashed #99C;
}

div.admonition-update a {
	color: #66E;
}

div.admonition-update a:hover {
	color: blue;
}

div.admonition-update p.first {
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.3em;
}


img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.align-right {
	margin-left: 1em;
	margin-right: auto;
}

blockquote {
	color: #445;
	font-family: serif;
	border-left: 0.2em solid #99C;
	padding-left: 0.5em;
	margin-left: 0.5em;
	margin-right: 2em;
}

pre.literal-block {
	background-color: #EEE;
	padding: 0.5em;
	border: 1px solid #CCC;
	width: 80ex;
	font-size: larger;
}

dt {
	text-decoration: underline;
}

div.center {
	text-align: center;
}

table.footnote {
	font-size: smaller;
}


/* custom roles */

.del {
	text-decoration: line-through;
}