/* base styles */

@font-face {
	font-family: custom-ubuntu;
	src: local("Ubuntu"),
		url("/fonts/Ubuntu-R.ttf") format("truetype");
}
@font-face {
	font-family: custom-ubuntu;
	src: local("Ubuntu Bold"),
		url("/fonts/Ubuntu-B.ttf") format("truetype");
	font-weight: bold;
}
@font-face {
	font-family: custom-ubuntu;
	src: local("Ubuntu Italic"),
		url("/fonts/Ubuntu-RI.ttf") format("truetype");
	font-style: italic;
}
@font-face {
	font-family: custom-ubuntu;
	src: local("Ubuntu Bold Italic"),
		url("/fonts/Ubuntu-BI.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: custom-ubuntu-mono;
	src: local("Ubuntu Mono"),
		url("/fonts/UbuntuMono-R.ttf") format("truetype");
}
@font-face {
	font-family: custom-ubuntu-mono;
	src: local("Ubuntu Mono Bold"),
		url("/fonts/UbuntuMono-B.ttf") format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: custom-linux-libertine;
	src: local("Linux Libertine O Bold Italic"),
		local("Linux Libertine O"),
		url("/fonts/LinLibertine_RBI.otf") format("opentype");
	font-weight: bold;
	font-style: italic;
}

body {
	font-family: custom-ubuntu, "Ubuntu", "Trebuchet MS", sans-serif;
	font-size: 80%;
	background: #ffffff;
	color: #000000;
	padding: 0;
	margin: 0;
}

a { color: #334d75; }

/* we need to inherit fonts for some elements on Chromium */
input, textarea {
	font-family: inherit;
	font-size: inherit;
}

#header {
	background: #334d75;
	color: black;
	font-size: 120%;
	/* margin: 0.2em 2em; */
	margin: 0;
	padding: 0.3em 2em;
	border-bottom: thin dashed #c0c0c0;
}

#header h1 {
	color: white;
	font-family: custom-linux-libertine, "Linux Libertine O",
			"Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
}

#header #auth {
	float: right;
	color: #ffffff;
}

h1 {
	margin: 0;
}

h1, h2, h3, h4 {
	color: #334d75;
}

h2 {
	margin-top: 1.2em;
	margin-bottom: 0.8em;
}

img { border: none }

hr {
	clear: both;
	border-top: 1px solid #c0c0c0;
	color: #c0c0c0;
	width: 60%;
	margin: 2em auto;
}

#nav {
	margin: 0.2em 2em;
	font-size: 80%;
	color: #808080;
}

#nav ul {
	margin: 0;
	padding: 0.2em 0.8em;
}

#nav ul li {
	list-style: none;
	display: inline;
	padding: 0em 0.8em;
}

#nav a {
	color: inherit;
	text-decoration: none;
}

#nav a:hover {
	color: black;
	text-decoration: underline;
}

#content {
	padding: 0.2em 2em;
}

#content-container {
	width: 100%;
	float: left;
	margin-right: -18.5em;
}

.split-content {
	margin-right: 18.5em;
	padding: 0.2em 0 0.2em 2em;
}

#right {
	float: right;
	border-left: thin solid #c0c0c0;
	width: 18em;
	padding: 0;
	font-size: 90%;
	height: 100%;
}

#messages {
	margin: 0.6em 2em;
	padding: 0.2em 2em;
	background: #ffeeee;
	border: thin solid #ffdddd;
}

#messages li {
	list-style: none;
}

.sidepane {
	padding: 0 0.8em;
	margin-bottom: 1em;
}

.sidepane h2 {
	font-family: inherit;
	margin: 0;
	font-size: 80%;
	color: black;
       font-weight: normal;
       font-style: italic;
}

.sidepane ul.post-list {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 90%;
}

.sidepane ul.post-list li {
	margin: 0.8em 0;
}

td th {
	font-size: inherit;
}

/* front page */
canvas#map {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content-frontpage {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	color: #404040;
}

.content-frontpage h2 {
	color: #b0b0b0;
	font-family: custom-linux-libertine, "Linux Libertine O",
			"Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
}

/* blog styles */
.post-list .post-list-item {
	margin: 2em 0 4em;
	clear: both;
}

.post-list .post-list-item h2 {
	margin-top: 0;
}

.post-list-item .icon {
	float: right;
	margin-left: 2em;
}

.post-synopsis, .more-link {
	margin-left: 2em;
}

.post-title {
	text-decoration: none;
}

.post {
}

.more-link {
	font-size: smaller;
}

.post .icon {
	float: right;
	margin-left: 1em;
}

.icon .caption {
	margin-top: 0.3em;
	font-size: 90%;
	text-align: center;
}

.draft {
	background: url(/images/diagonal-stripe.png);
	border: thin solid #e8e8e8;
}

/* tables with a border */
table.bordered td, table.bordered th {
	border: thin solid #c0c0c0;
}

table.bordered {
	border-collapse: collapse;
}

/* tables containing data */
table.data {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

table.data td.num {
	text-align: right
}

table.data td, table.data th {
	border: 1px solid #d0d0d0;
}

table.data td {
	padding: 0.2em 0.5em;
}

table.data th {
	background: #e0e0e0;
	padding: 0.2em 1em;
}

table.data caption {
	font-size: 90%;
	caption-side: bottom;
	margin-top: 0.3em;
	margin-left: auto;
	margin-right: auto;
}

pre {
	padding: 0.5em;
}

pre, code {
	font-family: custom-ubuntu-mono, "Ubuntu Mono",
		"Bitstream Vera Sans Mono", "Monaco", "Consolas", monospace;
}

div.screenshot img {
	display: block;
	border: thin solid gray;
	margin-left: auto;
	margin-right: auto;
}

div.quote {
	border: thin solid #d0d0d0;
	padding: 0em 1em;
	margin: 0em 1em;
}

/* photo albums */
.photoset {
	margin-top: 1em;
}

.photo {
	display: inline-block;
	padding: 1em;
	text-align: center;
	width: 220px;
}

.photo-album-link {
	text-align: center;
	margin: 0.3em auto;
}

.albumtitle {
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
}
.albummeta {
	text-align: left;
	font-size: 90%;
	margin: 0.2em;
}

/* pings */
.ping {
	padding: 0.1em 1em;
}
.invisible-ping {
	background: #eeeeee;
}
.ping-title {
	font-weight: bold;
}

.ping-admin th {
	text-align: left;
}

/* comments */
.comment {
	margin-left: 1em;
	padding-left: 1em;
	border-left: thin dashed #c0c0c0;
	margin-bottom: 2em;
	margin-top: 1em;
}

.comment h1, .comment h2, .comment h3, .comment h4 {
	color: inherit;
}

.comment h1 {
	font-size: 120%;
}

.comment h2 {
	font-size: 110%;
}

.posted-comment {
	border: thin solid #ffcccc;
	background: #ffeeee;
	padding: 0.5em 1em;
}

.comment .author {
	font-weight: bold;
}

.comment-content blockquote {
	margin: 0.4em 0.8em;
	padding: 0.1em 0.4em;
}

.comment-footer {
	color: #d0d0d0;
	font-size: smaller;
}


#comment-preview-container {
}

#comment-preview-container h2 {
	margin: 0;
	padding: 0.2em;
}

.comment-admin input, .ping-admin input {
	font-size: smaller;
}

input, textarea {
	font-size: inherit;
}

#markdown-help h1 {
	font-size: 110%;
}

#markdown-help pre {
	background: #f0f0f0;
}

/* forms */
.formfield {
	padding-bottom: 0.8em;
}

.formfield-label {
	font-weight: bold;
}

.formfield-note {
	font-size: 90%;
	font-weight: normal;
}

.formfield-check {
	display: none !important;
}

div.errors {
	padding: 0.3em 0.5em;
	margin-bottom: 1em;
	color: #a00000;
	border: thin solid #a00000;
	background: #fff0f0;
}

div.errors p {
	text-align: center;
}

.errorlist {
	margin-top: 0;
	margin-bottom: 0;
	color: #c00000;
}

.note {
	padding: 0.3em 0.5em;
	color: #004040;
	border: thin solid #00a0a0;
	background: #f0ffff;
	text-align: center;
}

/* divs that contain a caption <p> and a <pre> containing code */
div.code-figure {
	border: thin solid #b0b0b0;
}

div.code-figure p {
	border-bottom: thin solid #b0b0b0;
	margin: 0px;
	padding: 0.5em 1em 0.5em 1em;
}

div.code-figure pre {
	margin: 0px;
	background: #f8f8f8;
}

/* syntax highlighting */
.syn-type      { color: #7040ff; }
.syn-keyword   { color: #008858; }
.syn-escape    { color: #005858; }
.syn-string    { color: #2020ff; }
.syn-constant  { color: #2020ff; }
.syn-builtin   { color: #008858; }
.syn-name      { }
.syn-comment   { color: #ff00c0; }
.syn-preproc   { color: #0070e6; }
.syn-unknown   { color: red; font-weight: bold; }

/* markdown help */
#markdown-help-container {
	padding: 10px;
}

#markdown-help-container h1 {
	font-size: 110% !important;
}

#markdown-help-container pre {
	background: #f0f0f0;
}