body, pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

body {
	background-color: #1d1f21;
	color: #c5c8c6;
}

h1 {
	font: bolder 28px Tahoma;
	letter-spacing: -2px;
}

h1, h2 {
	text-align: center;
}

article, aside, .popout, .page {
	background-color: #282a2e;
	border: 1px solid #393b3f;
}

.page {
	padding: 2px;
	padding-left: 4px;
	display: inline-block;
	vertical-align: top;
}

.popout {
	display: inline;
}

article, aside {
	display: table;
	border-color: #282a2e;
	margin: 2px;
	padding: 4px;
}

.indent {
	border-left-color: red;
	border-left-style: solid;
	border-radius: 2px;
	padding-left: 5px;
}

#selector {
	padding: 10px;
	display: block;
}

article header {
	font-weight: bolder;
}

blockquote {
	margin-top: 2px;
}

.osufile {
	width: 100%;
	line-height: 150%;
}

.collapse {
	cursor: pointer;
	display: inline-block;
	height: 12px;
	left: -1px;
	top: 2px;
	margin-top: -3px;
	width: 12px;
	position:relative;

	text-align: center;

	font-weight: normal;

	border: 1px solid white;
	border-radius: 50%;

	transition: background-color 0.5s;
	transition: color 1s;
	-webkit-transition: color 1s;
	-webkit-transition: background-color 0.5s;
}

.collapse:hover {
	color: orange;
	background-color: red;
}

.collapsed:hover {
	background-color: green !important;
}

.osufile:after {
	cursor: pointer;
	content: "X";
	color: red;
	transition: color 1s;
	-webkit-transition: color 1s;
	margin: -1px;
	float: right;
	text-align: right;
}

.osufile:hover:after {
	color: white;
}

#metadata {
	right: 5px;
	white-space: nowrap;
	position: fixed;
}