/* Fonts */
body, .input, .submit {font-family: Georgia, Times, serif; margin: 0 0 0 0}
h1, h2, h3, h4, h5, .comment_info, .columns p, .menu p {font-family: Calibri, Helvetica, sans-serif}
pre, .logo {font-family: Consolas, monospace}

/* Main page layout */
.columns {padding-left: 0.5em}
.columns p, .menu p {margin: 0.6em 0.8em 0.2em 0}
.columns p {font-size: 110%}
.columns a:link, .columns a:visited,
.menu a:link, .menu a:visited {text-decoration: none}
.columns a:hover, .menu a:hover {text-decoration: underline}
.excerpt {font-size: 80%; padding-left: 0.7em}
.columns .excerpt {margin-right: 1.1em}
.columns h3 {margin: 1em 0.73em -0.4em 0; font-size: 120%}
.columns time {color: #999}

.leftcolumn {width: 33.33%; float: left}
.twocolumns {width: 66.67%; float: right}
.centercolumn {width: 49.99%; float: left}
.rightcolumn {width: 50%; float: right}

@media(max-width:35em) {
	.leftcolumn, .twocolumns, .centercolumn, .rightcolumn {width: 100%; float: none}
}

.frontbar {background-color: #CEC; padding: 0 0 0.8em 0.5em}
.frontbar h3 {padding-top: 0.4em; margin-top:0}

.logo {padding: 0.2em 0em 0.3em 0.4em; background-color: #88F; font-size: 125%; font-weight: bold; color: white}
.logo a:visited, .logo a:link {color: white; text-decoration: none}
.menu .logo {cursor: hand}

.footer {clear: both; font-size: 0.8em; color: #999; padding: 1em 0.5em 0.5em 0; text-align:right}

/* Article layout */
.item {width: 80%; float: right}
.menu {width: 20%; float: left; overflow: hidden}
@media(max-width:35em) {
	.item, .menu {width: 100%; float: none}
	.short_bio, .item_sidebar {display: none}
	.menu .logo, .menu .motto {display: none}
}
.mobile {display: none}
@media(max-width:35em) {
	.mobile {display: block}
}

.item p, .item li, .input {width:100%; max-width: 35em; line-height: 1.3}
.article p, .article li {font-size: 105%}
.input {font-size: 100%}
.iteminternal {margin-left: 1em; margin-right: 0.5em}
@media(max-width:35em) {
	.iteminternal {margin-left: 0.5em}
}

.menu h3 {font-weight: normal; font-size: 120%; margin: 1em 0 -0.3em 0; padding: 0.2em 0.4em 0.2em 0.4em; background-color: #CEC}
.menu .motto {margin-top: 0.2em}
.menu p {padding-left: 0.5em; line-height:1.1}
.menu .excerpt {padding-left: 1em}

.comments form p {margin-bottom: 0.4em}
.submit {margin-top: 0.6em; margin-bottom: 1em; font-size: 90%; padding: 0.2em 1em 0.2em 1em}

/* Comments */
.comments .comment, .comments form {margin-left: 2em}
@media(max-width:35em) {
	.comments .comment, .comments form {margin-left: 0};
}
.comment {margin-bottom: 2em}
.comment p {margin-top: 0}
.comment blockquote {margin-left: 0; border-left: 0.1em solid #999; padding-left: 0.2em}
.comment_info {font-size: 125%; font-weight: bold}

/* Article body */
.item pre {display:inline-block; max-width:100%; overflow: auto; background-color: #CEC; margin:0}
.item th {background-color: #CEC}
.item td {text-align: right}
.item td.l {text-align: left}
.item td.c {text-align: center}

.item h1 {margin-top: 0.2em}
.item hr {height:1px; color: #999}
a img {border: none}
.item li {list-style: url('ico/bullet_green.png'); margin-bottom: 0.5em}

.item_sidebar {width: 35%; float: right; font-size: 80%; background-color: #CEC; margin: 0.5em 0 1em 1em }
.item_sidebar_inner {padding: 0 0.5em 0.2em 0.5em}
@media(max-width:35em) {
	.item_sidebar {width: 100%; float:none; margin: 0}
	.item_sidebar_inner {padding-top:0.2em}
}
.item_sidebar p {margin: 0.5em 0 0.5em 0}

.short_bio figure {float: left; text-align: center; padding-top: 0.5em}
.short_bio figcaption {font-weight: bold}
.clearer {clear:both}
.short_bio {background-color: #CEC; padding: 0 0.5em 0.5em 0.5em}

img {max-width:100%; height:auto}

.collisions {color: #999}
.draft a {color: #999}

/* Special pages */
.spec {margin-left: 1em; margin-right: 1em}