body { margin: 20px 5%; font-family: Verdana; word-break: break-all; }
h1 { text-align: center;  color: #666; }
#body { margin: 20 0 20 15; line-height: 140%; }
#article #body { margin-top: 40; }
#body .day { margin-bottom: 2em; }
#body h2, #body h3, #body h4 { margin-left: -15; }
#body h2 { width: 100%; margin-top: 0px; padding-left: .5em; font-size: 140%; letter-spacing: 3px; color: gray; border: 1px solid darkseagreen; border-width: 3 0 0 20; background: #f0faf0; }
#body pre { overflow-x: auto; overflow-y: auto; width: 100%; padding: 3px; line-height: 100%; border: 1px solid; white-space: pre; background: #f0f0f0; }
#body blockquote { width: 100%; padding: 5px; border: darkseagreen 1px solid; background: #f0faf0; }
#body table, #body th, #body td { border: 1px solid gray; }
#body th, #body td { padding: 3; }
.topics { float: right; width: 190; margin: 0px -10px 20px 15px; padding: 10px 0px 20px 10px; font-size: 80%; line-height: 130%; background: #e0f0e0; }
.topics.date { margin-top: 7; font-weight: bold; color: gray; letter-spacing: 1px; text-decoration: none; }
.topics.item { margin: 5 0; }
img { margin: 0 10; }
#year .months { float: left; width: 33%; }
#year .month { font-weight: bold; }
#year li { font-size: 80%; line-height: 130%; }
#ads { padding-bottom: 1em; text-align: center; }

@media print {
	body { margin: 0; }
	.topics { display: none; }
	#ads { display: none; }
}