* {
	box-sizing: border-box;
	font-family: sans-serif;
}
code {
	font-family: revert;
}
body {
	margin: 0;
	padding-bottom: 8px;
	color: #000;
	background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAHlBMVEX29vb09PTy8vL19fXz8/Px8fHw8PDv7+/u7u739/dHdNvrAAACSElEQVR4AezYNX7DMBiGcafcKTRlC0hdy7T1Z7iAcS5YOkEl38DeQlNOW24YX63fsxr+Ztm2RmvjMiu2bWbOXPmjtW2A7S8YKlfMCK4lKPzeMoJvYhROHYIJno9gggkmmGCCCSaYYIIJJphgggkmGP/PZQZf4XDHCK5JFFYtE7hXkwWYap0awEMPh8NHA7jPNQprv2EAH5zh8MsTDo9vY/xGxuCeLXFYsVMY7nNZwCm/AcM3scZhnTooPBwfafBYP4JwiZvBfgWDh7Xxkc71DmXjY916hOAbLrMxK7ZuTOfKdxC4ZMf6z1Ui2iEh/2Sdssru8L4dy+zXFVGbuVtntyPxK+cqZRc7wr1Ll0v95/qser1DVZv/yVr5bv10Bczq+ML4Rl/als/ww4WfJptbwuACMbgwhaUVfkvgt6LU1icpdkAAAADAEEz/1EKshHOBgMAnwZ7gNgG9DEwybTKpyZiLRCT6ItqUCJuIYqKoosaJlEsMJBki+ZOElwRfkpqSuElcS9Qnd4LcGN3enRUACMRQDFSDJRzg3wIKuNnNzygYA83rGbx9g1cwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPB/bFgfx7ZH4TWJ7DB0W9w5hwcdgen7MHxfp8r9IFGkKQEEU6WHWWhVZaWZTFdlg9mwWSdiAZRbJABB+FzkHoHcXuQ82cDBtlkQzVSkc1yZEMk2fRKNjZTzetkg0LlhJK1KjAYDAaDwWAwGAwGg8FgcAD3L/H6J4DLS/j67eEOl9GYoKbAV2YAAAAASUVORK5CYII=');
	background-size: 10px;
}
a {
	color: #777;
}
h1 {
	display: inline;
}
h1 > a {
	color: #000;
}
form > input, form > select, form > textarea, form > label {
	display: block;
	margin: 8px 0px;
	width: 100%;
}
form > input[type="text"], form > input[type="url"], form > input[type="password"], form > input[type="submit"], /*form > input[type="button"],*/ form > select, textarea {
	min-height: 2em;
}
form > textarea {
	font-size: medium;
}
form > textarea, form > select[multiple] {
	resize: vertical;
}
div#header {
	margin: 0;
	padding: 8px;
	border-bottom: 4px solid #5ac800;
	background: #fff;
	overflow-x: auto;
	white-space: nowrap;
}
div#header > * {
	display: inline;
	padding: 0px 0.25em;
}
div#main {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 8px;
}
div.channels > a {
	display: block;
	min-height: 2em;
}
div.channels > a > img {
	width: 2em;
	height: auto;
}
div.channels > a > span {
	background: #777;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
}
div.posts > article {
	background: #fff;
	padding: 8px;
	margin: 8px;
	border: 1px solid #ccc;
	word-break: break-word;
}
div.posts > article > header > a {
	float: right;
}
div.posts > article img, div.posts > article video, div.posts > article iframe {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 80vh;
}
div#transition {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: black;
	opacity: 0.25;
	cursor: progress;
}
p.notice, blockquote {
	background: white;
	padding: 1em;
	border-width: 4px;
	border-left-width: 1em;
	border-style: solid;
}
blockquote {
	border-color: #777;
}
p.notice.success {
	border-color: #5ac800;
}
p.notice.error {
	border-color: #de0000;
}
p.notice.info {
	border-color: #0097ce;
}