body {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

h1, h2 {
	text-align: center;
}

h3, h4, h5 {
	text-align: left;
}

div.footer {
	clear: both;
	font-size: 0.8em;
	font-style: oblique;
	border-top-style: solid;
	border-top-width: 1px;
}

div.header {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

dt {
	font-weight: bold;
}

dt a {
	text-decoration: none;
}

span.foreign {
	font-style: oblique;
}

div.dbsummary {
}

.dbsummary dt, .dbfacts dt, .dbnotes dt {
	float: left;
	clear: left;
	text-align: right;
	font-weight: bold;
	width: 6em;
	margin-right: 1em;
}

.dbsummary dt:after, .dbfacts dt:after, .dbnotes dt:after {
	content: ":";
}

.dbsummary dd, .dbfacts dd, .dbnotes dd {
	text-align: left;
	margin-left: 0;
}

.who {
	color: blue;
}

.where {
	color: purple;
}

.when {
	color: green;
}

.note {
	font-size: 50%;
	vertical-align: super;
}

.note a {
	text-decoration: none;
	color: inherit;
}



dd .where:before {
	content: " in ";
	color: black;
}

dd span:first-child + .when:before {
	content: " on ";
	color: black;
}

.who a {
	text-decoration: none;
	color: inherit;
}

dd ul {
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}

dd ul li {
	display: table-row;
	padding: 0;
	margin-left: 0;
	
}

.with {
	color: gray;
	font-style: oblique;
	font-size: 75%;
}

.with:before {
	content: " (with ";
/*	color: black;*/
}

.with:after {
	content: ")";
/*	color: black;*/
}

div.dbfacts {
	clear: both;
	border-top-style: solid;
	border-top-width: 1px;
}

div.dbnotes {
	clear: both;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 80%;
	font-style: oblique;
}

div.dbnotes dt:before {
	content: "Note ";
}

div.dbsources {
	clear: both;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 80%;
	font-style: oblique;
}

div.dbsources dt:before {
	content: "Source ";
}

.surname {
	text-transform: uppercase;
}

/*
.surname:before {
	content: "/";
}

.surname:after {
	content: "/";
}
*/