@font-face {
	font-family: lolfont;
	font-style: normal;
	font-weight: 400;
	src: local('lolfont'), url('/lolfont.ttf') format('truetype')
}

* {
	color: inherit;
	text-decoration: inherit;

	border: none;
	padding: 0;
	margin: 0;
}

html {
	color: #333;
	background: white;

	font: 400 11pt Lato, sans-serif;
	font-variant-numeric: oldstyle-nums proportional-nums diagonal-fractions;
	line-height: 1.25em;

	padding-bottom: 15mm;
}

body {
	margin: 37.5mm auto 0;
	width: 250mm;
}

#nav {
	width: 37.5mm;
	float: right;

	text-align: left;
}

#nav object {
	margin-bottom: 16pt;
}

.navelm {
	border-left: 8pt solid #333333;

	text-transform: lowercase;

	padding-top: 4pt;
	padding-left: 10pt;
	margin: 4pt 0;
	font: 400 32pt lolfont;
}

.navsoc {
	display: inline-block;
	margin: 4pt 0 0 4pt;
}

a:link, a:visited {
	color: #999999;
}

a:hover, a:active {
	color: #333333;
}

#main {
	text-align: justify;

	background: white;
	margin: 0 5mm;

	width: 157.5mm;
	float: left;

	min-height: 100%;
}

.center {
	display: block;
	margin: 5mm auto;
	width: 150mm;
}

#ads {
	width: 160px;
	height: 600px;
	float: left;
}

.arrow {
	height: 40pt;
}

.box {
	position: relative;
	padding: 4pt;
	min-height: 10mm;
}

.title {
	font-size: 24pt;
	text-transform: lowercase;
	border-bottom: 1px solid #333;
	line-height: 1em;
}

.date {
	position: absolute;
	top: 16pt;
	right: 4pt;
}

#disqus_thread {
	margin-top: 37.5mm;
}

p, iframe, table {
	margin-top: 0.625em;
}

h1, h2, h3 {
	text-transform: lowercase;
	border-bottom: 1px solid #333;
	margin-bottom: 0.3125em;
	line-height: 1em;
}

h1 {
	font-size: 32pt;
}

h2 {
	font-size: 24pt;
}

.social {
	margin-top: 1.25em;
}

.fb-like {
	float: right;
}

p {
	margin-bottom: 1.25em;
}

.clear {
	clear: both;
}

img {
	max-width: 100%;
}

.img-block {
	display: inline-block;
	width: 30%;
	margin: 1%;
	font-style: italic;
	vertical-align: top;
}

.img-block img {
	display: inline-block;
	max-width: 100%;
	max-height: 6em;
	margin-bottom: 0.3125em;
}