@charset "utf-8";
/* vim:ft=css
 */
/* main styles */
body {
	font: .9em Calibri, Verdana, Geneva, Helvetica, sans-serif;
	font-size-adjust: .48;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
/* general tags */
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
code {
	font:.9em Consolas, "Lucida Console", "Courier New", Courier, monospace;
	padding: 2px;
	background: #ddd;
}
var {
	font-style: italic;
}
* p {
	margin: 13px 0;
}
/* header */
#header {
	background: #351008 url(/images/interface/header-btm.png) repeat-x bottom;
	color: #FFF3E8;
	height: 200px;
	margin: 0;
	padding: 0;
}
#header img {
	border: none;
}
#header a#homelink {
	display: block;
	height: 200px;
	margin-top: -13px;
}
#header a#homelink:focus {
	outline: 0;
}
#header #logo {
	background: url(/images/interface/header.jpg) no-repeat 90%;
	height: 165px;
	padding-top: 13px;
}
#header #logo {
	display: none;
}
body.blog #header #logo {
	display: block;
}
#header h1 {
	display: none;
}
#header #kaffeepause {
	float: left;
	margin-top: 70px;
	display: block;
	margin-left: 100px;
}
#header #kaffeepause #description {
	font-size: .8em;
	margin-left: 2em;
	margin-top: -1em;
}
/* main wrapper */
.wrap {
	width: 56em;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.clear {
	clear: both;
}
/* this is for the table-like elements */
.display-table {
	display: table;
}
.row {
	display: table-row;
}
.column {
	display: table-cell;
}
.right {
	text-align: right;
}
/* standard error */
.error {
	font-weight: 700;
	color: #ae0000;
}
/* some image magic */
img.nomargin {
	margin: 0;
}
img {
	border: 0;
	margin: 5px;
}
/* top nav tabs */
#nav-top {
	background: #333;
	margin: 0;
	padding: 0;
}
ul.nav li {
	display: inline;
	float: right;
	text-align: center;
	margin: -38px 1px 0;
}
ul.nav li a,
ul.nav li a:visited {
	color: #fff3e8;
	text-decoration: none;
	text-transform: lowercase;
	background: #ae3800;
	display: block;
	border: 1px solid #000;
	padding: 10px;
}
ul.nav li a:hover,
ul.nav li a:active {
	color: #fff3e8;
	text-decoration: none;
	background: #933000;
}
ul.nav li.active a:link,
ul.nav li.active a:visited {
	background: #fff3e8;
	color: #AE3800;
	border-bottom: 1px solid #fff3e8;
}
ul.nav li.active a:hover,
ul.nav li.active a:active {
	background: #ffe1c6;
	color: #ae3800;
	border-bottom: 1px solid #000;
}
#nav-btm ul.nav li {
	margin-top: 0;
}
#nav-btm ul.nav li a,
#nav-btm ul.nav li a:visited {
	background: #ae3800;
	color: #fff3e8;
}
#nav-btm ul.nav li a:hover,
#nav-btm ul.nav li a:active {
	background: #933000;
	color: #fff3e8;
	border-bottom: none;
}
#nav-btm ul.nav li.active a,
#nav-btm ul.nav li.active a:visited {
	background: #fff3e8;
	color: #ae3800;
	border-top: 1px solid #fff3e8;
	border-bottom: 1px solid #000;
}
#nav-btm ul.nav li.active a:hover,
#nav-btm ul.nav li.active a:active {
	background: #ffe1c6;
	color: #ae3800;
	border-top: 1px solid #000;
}
/* content style */
#content {
	background: #fff3e8;
	margin: 0;
	padding: 1em 0 0;
}
#main {
	float: left;
	width: 34.2em;
	border-right: 1px solid #999;
	padding: .6em 1em .6em .3em;
	margin-bottom: 1em;
}
#main h1 {
	font: italic bold 1.8em Constantia, Georgia serif;
	font-size-adjust: .45;
	color: #351008;
	margin: 0 0 0 -2em;
	padding: 0;
}
#main h2 {
	font: italic bold 1.5em Constantia, Georgia, Times, serif;
	font-size-adjust: .45;
	color: #ae3800;
	margin: 0 0 0 -1em;
	padding: 0;
}
#main h3 {
	color: #000;
	margin-left: .5em 0 .5em;
	margin: 0;
	font: italic bold 1.5em Corbel, Georgia, serif;
	font-size-adjust: .45;
}
#main h4 {
	color: #333;
	margin: 0 0 0 1em;
	font: bold 1.2em Corbel, Georgia, serif;
	font-size-adjust: .45;
}
#main hr {
	background: #999;
	height: 1px;
	border: none;
}
#main .navigation .nav_prev {
	max-width: 45%;
	width: 25em;
	float: left;
	text-align: left;
}
#main .navigation .nav_next {
	max-width: 45%;
	width: 25em;
	float: right;
	text-align: right;
}
/* main blogpost style */
.blogpost {
	font-size: .9em;
	color: #351008;
	margin-bottom: 3em;
	clear: both;
}
.blogpost small {
	font-size:.9em;
	color:#333;
	float:right;
	margin-top:-.6em;
}
.blogpost small + p {
	clear: right;
	padding-top: 1.5em;
}
.blogpost pre {
	font: 1.2em Consolas, "Lucida Console", "Courier New", Courier, monospace;
	clear: left;
	overflow-x: auto;
	border: 1px solid rgb(204, 204, 153);
	background-color: rgb(255, 255, 204);
	padding: 1em 1em 1em 2.5em;
	position: relative;
	z-index: 5;
}
#main .blogpost pre:hover {
	/* width: 70em; /* Extend the code area when hovering it */
}
ol#archives {
	list-style: none;
}
.blogpost ol,
.blogpost ul {
	margin: .5em 0 .5em 2.5em;
	padding: 0;
}
.blogpost ul {
	list-style: circle;
}
.blogpost .summary {
	color: #999;
	margin: 1.5em 0;
}
.blogpost .portfolio-icon {
	float: left;
	height: 130px;
	width: 130px;
	clear: right;
	border-style: solid;
	border-color: #333;
	border-width: 0 5px;
	margin: 1em 1em 1em -80px;
}
.blogpost p.postmetadata {
	font-size: .9em;
	color: #000;
	border: 1px solid #933000;
	clear: left;
	padding: 1em;
}
.blogpost .icon {
	margin: 5px 5px 5px 10px;
	float: right;
}
.blogpost .iconleft {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}
.blogpost .icon img,
.blogpost img.icon {
	display: block;
	border: 0;
}
.blogpost img {
	max-width: 100%;
	height: auto;
}
.blogpost ul.footnotes {
	list-style: none;
	margin-left: 1em;
}
.blogpost ul.footnotes li a.footnote:before {
	content: "↑ ";
	font-family: sans-serif;
}
form.formstyle label,
#contact label {
	display: block;
	/*text-align:left;*/
	clear: right;
	/*margin:.5em auto;*/
}
form.formstyle label input,
form.formstyle label select,
#contact label input {
	float: right;
	width: 15em;
}
form.formstyle label textarea,
#contact label textarea {
	display: block;
	width: 30em;
	margin: 0 auto;
}
#widgets {
	float: right;
	width: 22em;
	font-size: .9em;
	list-style: none;
	padding: .6em .3em;
}
#widgets .widget {
	padding-bottom: 2em;
}
#widgets h3 {
	font: italic bold 1.7em Constantia, Georgia, serif;
	text-align: right;
	color: #351008;
	margin: 0;
	padding: 0;
}
#widgets .widget-text {
	margin-left: 1em;
}
#widgets ul {
	margin: 0;
	padding: 0 0 0 2.5em;
}
#widgets ul li {
	list-style: url(/images/interface/list-image.png);
}
#widgets li.widget ul#recent li {
	list-style: none;
	font-size: .9em;
	color: #fff3e8;
	margin: 10px 0;
	padding: 10px;
}
#widgets li.widget ul#recent li h4 {
	font: italic normal 1.1em Corbel, Georgia, serif;
	margin: .2em 0;
}
#widgets ul li a:link,
#widgets ul li a:visited {
	text-decoration: none;
	color: #351008;
}
#widgets ul li a:hover,
#widgets ul li a:active {
	text-decoration: none;
	color: #ae3800;
	font-weight: 700;
}
#widgets li.widget ul#recent li a,
#widgets li.widget ul#recent li a:visited {
	color: #fff3e8;
	font-weight: normal;
	text-decoration: none;
}
#widgets li.widget ul#recent li a:hover,
#widgets li.widget ul#recent li a:active {
	color: #fff3e8;
	font-weight: normal;
	text-decoration: underline;
}
#widgets li.widget ul#recent li.odd,
#comments .odd {
	background: #ae3800;
	/*border-style: solid;
	border-color: #333;
	border-width: 0 2px;*/
}
#widgets li.widget ul#recent li.even,
#comments .even {
	background: #333;
	/*border-style: solid;
	border-color: #ae3800;
	border-width: 0 2px;*/
}
/* footer styles */
#footer {
	background: #351008 url(/images/interface/footer-head.png) repeat-x top;
	color: #ae3800;
}
#footer #bloginfo {
	clear: left;
	font-size: .8em;
	padding-top: 5em;
}
#footer #bloginfo p.copyright {
	float: left;
	text-align: left;
	width: 25em;
	max-width: 45%;
}
#footer #bloginfo p.links {
	float: right;
	text-align: right;
	width: 25em;
	max-width: 25%;
}
#footer h2 {
	font: italic normal 1.5em Constantia, Georgia, serif;
	font-size-adjust: .45;
	color: #ae3800;
	margin: 0;
	padding: 0;
}
#footer h3 {
	color: #ae3800;
	font: italic bold 1.1em Corbel, Georgia, serif;
	
	margin: 0 .5em .5em;
}
#footer h4 {
	font: bold .9em Corbel, Georgia, serif;
	font-size-adjust: .45;
	margin: .5em 0 .5em 1em;
	float: left;
}
#footer .footer-fancy .column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer #nav-btm ul.nav li {
	clear: none;
}
#footer ul li {
	clear: left;
}
#footer ul.recent-work small {
	margin-left: 1em;
	float: left;
	width: 80%;
}
#footer .footer-fancy {
	color: #351008;
	text-align: left;
	border-spacing: .2em;
	margin: 5em 0;
	width: 100%;
}
#footer .footer-fancy .column {
	background: #fff3e8;
	border: .2em solid #933000;
	padding: 1em;
}
#footer .footer-fancy .fullwidth {
	width: 100%;
}
#footer .footer-fancy .column p {
	font-size: .85em;
	margin: 1em;
}
#footer .footer-fancy .column img.portfolio-icon {
	float: left;
	border-style: solid;
	border-color: #333;
	border-width: 0 3px;
	margin: .2em;
}
#comments {
	color: #fff3e8;
}
#comments ol.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#comments .comment {
	font-size: .9em;
	margin: 10px 0;
	padding: 10px;
}
#comments .comment .gravatar {
	border-style: solid;
	border-color: #351008;
	border-width: 0 4px;
	float: right;
}
#comments .comment cite {
	font-weight: bold;
	font-style: italic;
	margin: 0;
}
#comments .comment small.commentmetadata {
	font-size: .8em;
	color: #999;
	display: block;
}
a,
#main h2 a,
#footer h2 a,
#main h2 a:visited,
#footer h2 a:visited,
#main h2 a:hover,
#footer h2 a:hover,
#main h2 a:active,
#footer h2 a:active {
	color: #ae3800;
	text-decoration: none;
}
a:visited,
#footer .footer-fancy .column h4 a:hover,
#footer .footer-fancy .column h4 a:active {
	color: #333;
	text-decoration: none;
}
a:hover,
a:active {
	color: #ae3800;
	text-decoration: underline;
}
a.highlight:hover,
#footer .footer-fancy .column img.portfolio-icon:hover {
	opacity: 0.7;
}
img.float,
#nav-btm ul.nav li,
#commentform label img {
	float: left;
}
img.fullwidth {
	display: block;
	margin: 5px auto;
	max-width: 95%;
}
img.altfloat,
#commentform label input {
	float: right;
}
img.noborder,
#widgets img {
	border: 0;
}
ul.nav,
#widgets li.widget ul#recent,
#widgets li.widget_categories ul li h4 {
	margin: 0;
	padding: 0;
}
.blogpost p.postmetadata a:link,
.blogpost p.postmetadata a:visited {
	color: #ae3800;
	text-decoration: none;
	font-weight: 700;
}
.blogpost p.postmetadata a:hover,
.blogpost p.postmetadata a:active {
	color: #ae3800;
	text-decoration: underline;
	font-weight: 700;
}
#lastfm {
	font-size: .9em;
	padding-left: 40px;
}
#footer #bloginfo a:link,
#footer #bloginfo a:visited {
	color: #fff3e8;
	text-decoration: none;
}
#footer #bloginfo a:hover,
#footer #bloginfo a:active {
	color: #fff3e8;
	text-decoration: underline;
}
#footer ul.inline {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
#footer ul.inline li {
	float: left;
	clear: none;
	padding: 5px;
}
#footer .footer-fancy .column h4 a,
#footer .footer-fancy .column h4 a:visited {
	color: #999;
	text-decoration: none;
}
#comments .comment cite a:link,
#comments .comment cite a:visited,
#comments .comment cite a:hover,
#comments .comment cite a:active {
	text-decoration: none;
	color: #fff3e8;
}
#comments .comment small.commentmetadata a:link,
#comments .comment small.commentmetadata a:visited,
#comments .comment small.commentmetadata a:hover,
#comments .comment small.commentmetadata a:active {
	text-decoration: none;
	color: #999;
}