@font-face {
	font-family: C059;
	src: url(/static/C059-Roman.otf);
}

@font-face {
	font-family: hack;
	src: url(/static/hack-regular.woff);
}

body {
	font-family: C059, Georgia, serif;
	color: wheat;
	background-color: #232323;
	margin: auto;
	max-width: 80em;
}

a:link {
	color: yellow;
}

a:visited {
	color: orange;
}

a.novisited:visited {
	color:yellow;
}

blockquote {
	font-size: 0.75em;
	background-color: #232323;
	padding: 0.5em;
}

code {
	font-family: hack, monospace;
	color: limegreen;
	font-size: 0.75em;
}

form {
	padding: 1em;
}

hr {
	margin-top: 2em;
	margin-bottom: 2em;
}

input {
	background-color: #191919;
	color: wheat;
}

label {
	display: inline-block;
	min-width: 8em;
	text-align: right;
}

input[type=text] {
	width: 20em;
}

textarea {
	width: 100%;
	height: 20em;
	background-color: #191919;
	color: wheat;
}

ul.posts_list {
	padding-left: 0;
	list-style-type: none;
}

.banner:link {
	color: wheat;
}

.banner:visited {
	color: wheat;
}

.button {
	color: yellow;
	text-decoration: underline;
	font-size: 1.5em;
	display: inline-block;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 2em;
	border-style: double;
	border-color: yellow;
	box-shadow: 4px 4px yellow;
}

.float-right {
	float: right;
}

.formatting-help {
	font-size: 0.75em;
	float: right;
}

.hidden {
	display: none;
}

.latest_post {
	margin-left: 2em;
}

.thread_title {
	font-size: 1.5em;
}

.post {
	list-style-type: none;
	padding: 0.3em;
	margin-bottom: 0.5em;
	background-color: #191919;
	overflow: auto;
	border-style: double;
	border-color: orange;
}

.post_info {
	color: gray;
}

.preview {
	float: left;
	border: 2px solid;
	border-color: yellow;
	margin: 1em;
	margin-bottom: 0.3em;
	max-width: 15em;
	max-height: 15em;
}

.small {
	font-size: 0.75em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.thread_info {
	color: gray;
	font-size: 0.75em;
}

.topbar {

}

.topbar-element {
	display: inline-block;
}

.message {
	font-size: 2em;
	color: orange;
}