body {
	font-family: "Arial", Arial, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 1em 3em;
	max-width: 50em;
	font-size: 18px;
}

.date {
	font-style: italic;
}

.event {
	margin-bottom: 1em;
}

.marker {
	font-weight: bold;
}

.loot li {
	list-style-type: "\2013  ";
}

.loot ul {
	margin-top: -14px;
}

.quote {
	padding-left: 2em;
	padding-right: 2em;
	font-style: italic;
}

.knowledge {
	.creature {
		h3 {
			margin: 20px 0 6px;
		}

		p {
			margin: 2px 0 2px 10px;
		}
	}
}

.level-up {
	.character {
		h3 {
			margin: 20px 0 6px;
		}

		p {
			margin: 2px 0 2px 10px;
		}
	}
}

img.single {
	width: 16px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: -5px;
}

img.double {
	width: 24px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: -5px;
}

.marker {
	font-size: 28px;
}