html, body {
	padding:     0;
	margin:      0;
	font-family: monospace;
	color:       #ddd;
	font-size:   12px;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background-image: url(/images/background.png);
}

#logo {
	text-align: center;
}

#logo img {
	width: 100%;
}

pre {
	margin: 0;
}

ul {
	margin-top:    8px;
	padding-left: 32px;
}

div.col {
	float:   left;
	padding: 0 8px 0 8px;
	width:   50%;
	min-width: 280px;
}

div.col:last-child {
	margin-right: 0;
}

#content {
	margin-left:  auto;
	margin-right: auto;
	max-width:    670px;
	background:   rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.78);
        -moz-box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.78);
             box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.78);
}

article {
	padding:      16px;
	column-count: 2;
	column-width: 240px;
}

div.category {
	text-align:  left;
	font-size:   14px;
	font-weight: bold;
	color:       #aad400;
}

#images {
	text-align:     center;
	padding-bottom: 16px;
	margin-bottom:  16px;
	padding-left:   16px;
	padding-right:  16px;
}

#images div.images img {
	width:  100%;
	margin: 16px 0 0 0;
	border: 1px solid #ffa500;
}
#images div.images img:first-child {
	margin-top: 4px;
}

#images div.images {
	display:       none;
	margin-top:    8px;
	margin-bottom: 16px;
	font-weight:   bold;
	font-size:     12px;
	text-align:    left;
}

#images div.images.expanded {
	display: block;
}

#images div.images div {
	margin: 4px 0 16px 0;
}

hr {
	background: url(/images/hr.png);
	height:     4px;
	width:      100%;
	max-width:  670px;
	border:     0;
}

a {
	color: #aad400;
}