body {
	background-color: #30000B;
	font-family: "Alegreya", "GaramondNo8", "Adobe Garamond", "Garamond Premier Pro", Garamond, serif;
	font-size: 14pt;
	color: #FFB6C6;
	margin: 0;
	padding: 0;
}
h1 {
	color: #FFDEE5;
	font-size: 19pt;
	font-weight: normal;
    margin-bottom: 0.3em;
}
ul li { list-style: none; }
ul, ol { margin-top: 0.3em }
ul li::before {
    content: "·";
    margin-left: -1.5ex;
    margin-right: 1ex;
}
p, li {
    text-align: justify;
    margin: 0.3em 0;
}
p a[href], li a[href] {
    color: #EB4E72;
    text-shadow: 0 0 30px #D1254C;
}
p a[href]:hover, li a[href]:hover {
    color: #FFD6DF;
    text-shadow: 0 0 30px #DD5574;
}
li { margin: 0.4em 0; }
.body {
	width: 30em;
	margin: auto;
}
.toolbar {
	background-color: #DF6C86;
	color: #30000B;
}
.toolbar a, .toolbar header {
	display: block;
	padding: .3em .7em;
}
.toolbar a[href] {
	float: left;
	color: #641023;
	text-decoration: none;
	font-weight: bold;
}
.toolbar .body {
	width: 31.4em;
}
.toolbar a[href]:hover {
	background-color: #DC3F63;
	color: #30000B;
}
.toolbar a[href].active {
	background-color: #30000B;
	color: #DF6C86;
}
.toolbar header {
	float: right;
	font-style: italic;
}