@charset "utf-8";
/*
Theme Name: KilianValkhof.com
Author: Kilian Valkhof
Theme URI: http://kilianvalkhof.com
Description: The wordpress theme for kilianvalkhof.com
Version: 1.0
*/
/*
 * SenCSS 0.4.6 - Sensible Standards CSS framework
 *
 * Copyright (c) 2008 Kilian Valkhof (kilianvalkhof.com)
 * Visit sencss.kilianvalkhof.com for more information.
 * Licensed under the MIT license.
 */

/* Basic reset
 * By Eric meyer and Paul Chaplin, http://meyerweb.com/eric/tools/css/reset/
*/
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,
kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,label,legend,i,b,
caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	vertical-align:baseline;
}
body {

	background:#222221 url("images/bg2.png") no-repeat fixed top right;
	color:#000;
	line-height:1.5em; /* for safari2 */
	font:75%/1.5em "Liberation sans", "DejaVu Sans", "Bitstream Vera Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	position:relative;
	padding:0;
}
textarea {
	font:100%/1.5em "Liberation sans", "DejaVu Sans", "Bitstream Vera Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
blockquote,q {
	quotes:none;
}
blockquote:before,
blockquote:after,
q:before,q:after {
	content:none;
}
:focus {
	outline:0;
}
a img {border:0;}

/* Baseline and common looks *****
 * Sets a vertical rhythm and styles the different elements.
*/
a {
	color:inherit;
	color:#000 !ie;
	text-decoration:underline;
}
a:hover,a:focus,a.hover {
	text-decoration:none;
	color:#B93B2E;
}
abbr,
acronym {
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps;
}
address,cite,em,i {
	font-style:italic;
}
blockquote p {
	background:#eeeee1;
	margin:0 1.5em 1.5em;
	padding:0.75em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
code,
kbd,
tt {
	font:1em/1.5em "Courier New", Courier, monospace;
	font-size-adjust:0.50;
	line-height:18px;
}

del {
	text-decoration:line-through;
}
dfn {
	border-bottom:1px dashed;
	font-style:italic;
}
dl {
	margin:0 0 1.5em;
}
dt {
	font-weight:700;
}
dd {
	padding-left:1.5em;
}
h1 {
	font-size:2em;
	font-weight:700;
	margin:0;
	padding:0;
	line-height:1;
}
h2 {
	font-weight:400;
	font-size:3em;
	line-height:1em;
	margin:0;
	font-style:italic;
	letter-spacing:-0.05em;
	text-transform:capitalize;
	color:#555;
	margin-left:-1.5em;
}
h3 {
	font-size:1.1666em;
	margin:0 0 0.62em;
  font-weight:700;
  font-style:italic;
	text-transform:capitalize;
}
h4 {
	font-size:1em;
	margin:0 0 1.5em;
	font-style:italic;
	text-transform:capitalize;
	font-weight:400;
}
h4:first-letter {font-weight:700;}
h5 {
	font-size:0.8333em;
	margin:0 0 1.8em;
}
h6 {
	font-size:0.666em;
	margin:0 0 2.25em;
}
img {
	display:inline-block;
	vertical-align:bottom;
}
ins {
	text-decoration:overline;
}
ol li {
	list-style:outside decimal;
	margin:0 0 1.5em 1.5em;
}
p {
	font-weight:300;
	margin:0 0 1.5em;
}
pre {
	font:1em/1.5em "Courier New", Courier, monospace;
	margin:0 0 1.5em -5em;
	padding:1.5em;
	font-size-adjust:0.46;
	background:#eeeee1;
	overflow-x:auto;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	width:55em;
}
pre code {padding-right:1.5em}
sub {
	font-size:0.85em;
	line-height:0.8em;
	vertical-align:baseline;
}
sup {
	font-size:0.85em;
	line-height:0.8em;
	vertical-align:super;
}
strong,b {
	font-weight:700;
}
ul,
ol {
	margin:0 0 1.5em;
	padding:0;
}
li ul,
li ol {margin:0;}
ul li {
	list-style:inside square;
}
li li {
	padding-left:1.5em;
}
/* Common classes *****
 * Some base classes for pretty typography, asides and messages.
*/
.amp {
	font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;
	font-style:italic;
}
.aside-left {
	clear:left;
	float:left;
	margin:0 1.5em 0 0;
}
.aside-right {
	clear:right;
	float:right;
	margin:0 0 0 1.5em;
}
.error {
	background:#fee;
	border:1px solid red;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.notice {
	background:#eef;
	border:1px solid #00f;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.success {
	background:#efe;
	border:1px solid #0f0;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.warning {
	background:#ffe;
	border:1px solid #ff0;
	margin:1.5em;
	padding:0.666em;
	text-align:center;
}
.quo {
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
}
.lquo {
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
	margin:0 0 0 -0.55em;
}
/* Form stylings *****
 * Basic styling for forms, including a vertical, horizontal and searchform version.
 * Does not include any styles on form elements, just positioning.
 * This section still needs work.
*/
form button {
	cursor:pointer;
	font-size:1em;
	margin:1.5em 0 0;
}
form fieldset {
	border:0;
}
form fieldset fieldset {
	clear:both;
	margin:1.5em 0 0;
	padding:0 0 0 1.5em;
}
form input,
form select,
form textarea {
	width:100%;
}
form label {
	cursor:pointer;
	display:block;
	margin:1.5em 0 0;
	width:100%;
}
form label input {
	margin:0;
	vertical-align:top;
	width:auto;
}
form legend {
	font-size:1.1666em;
	font-weight:700;
}

/* Search stylings *****
*/
.searchform {position:fixed;top:0;right:1.5em;}
.searchform input {
	width:12em;
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
}
.searchform legend,
.searchform label {
	display:none;
}
.searchform input,
.searchform button {
	background:#eeeee1;
	background:#fff;
	padding:0.5em;
	border:0;
	height:1.5em;
	font-size:1em;
	line-height:1.5em;
	vertical-align:top;
	margin:1.5em 0 0;
}
.searchform input:focus,
.searchform input:active,
.searchform button:focus,
.searchform button:active {background:#f2f2f0;background:#fafafa;}
.searchform button {
	height:2.5em;
	text-align:left;
	width:auto;
	padding-top:3px;

	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
}
/* table styling *****
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1.5em;
	padding:0;
}
caption {
	text-align:left;
	font-style:italic;
}
tr.alt td {
	background:#eeeee1;
}
td {
	border:1px solid #000;
	padding:0.333em;
	vertical-align:middle;
}
th {
	font-weight:700;
	vertical-align:middle;
	padding:0.333em;
}
/* fin. */
#top {
	background:#fff url("images/bg.png") fixed no-repeat top right;
	padding:2.5em 0 0 10em;
	overflow:auto;
	margin-top:5.5em;
	position:relative;
}
h1 a {
	display:block;
	height:90px;
	width:475px;
	background:url("images/logo.png") no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 -0.75em -5px;
}
h1 a:hover,
h1 a:focus,
h1 a.hover {

}
h2.tagline {
	position:absolute;
	width:208px;
	text-indent:1em;
	top:4em;
	left:542px;
	margin-left:0;
	font-size:1.25em;
	font-style:italic;
	letter-spacing:-0.01em;
	line-height:0.95em;
	font-family:Georgia,Gentium,"Times New Roman",Times,serif;
}
.nav {list-style:none;margin-left:-15px;overflow:hidden;margin-bottom:3em}
.nav li {display:inline;float:left;}
.nav li a {
	float:left;
	font-variant:small-caps;
	padding:0 4px;
	margin:0 10px;
	color:#666661;
	text-decoration:none;
	letter-spacing:0.08em;
	font-size:1.5em;
}
.nav li a:hover,
.nav li a:focus,
.nav li a.hover {color:#B93B2E;}

h2, h3, h4, .nav, .first-post span, .post span.meta {font-family:Georgia, Gentium, "Times New Roman", Times, serif;}
h2 span,
h3 span {
	color:#999991;
	font-size:0.666em;
	margin:0 0.5em 0 0;
	display:block;

}
h3 span,
.other-articles h2 span {font-size:0.857em;overflow:visible;}
h2 span a,
h3 span a {border-bottom:1px solid;text-decoration:none;}
h2 span a:hover,
h3 span a:focus,
h2 span a:focus,
h3 span a:hover,
h2 span a.hover,
h3 span a.hover {border-bottom:1px solid #fff;}

h2 + p:first-line,
.meta + p:first-line,
.first-post > p:first-line,
.home h3 + p:first-line,
.other-articles h3 + p:first-line,
.art + p:first-line,
li:not(.pingback) .comment-content p:first-child:first-line {/*cant find cool stuff that people like for this :( */}

body:not(.home) h2 + p:first-letter,
.meta + p:first-letter,
.first-post > p:first-letter,
x.home h3 + p:first-letter,
x.other-articles h3 + p:first-letter,
.art + p:first-letter,
li:not(.pingback) .comment-content p:first-child:first-letter {
	font:3.2em/1em Georgia, Gentium, "Times New Roman", Times, serif;
	float:left;
	padding:0.125em 0.1em 0 0;
	margin-bottom:-0.2em;
	color:#333;

}

.first-post,
.post {
	width:58.333em;
	overflow:auto;
	position:relative;
}
.post {overflow:visible;padding-bottom:1.5em}
body:not(.home) .post {width:46.666em;}
body:not(.home) .post h2 {width:20em;}
.post:not(.first-post) a {text-decoration:none;border-bottom:1px solid}
.post:not(.first-post) a:hover,
.post:not(.first-post) a:focus,
.post:not(.first-post) a.hover {border-bottom:0;}
.first-post h2,
.post h2 {
	margin-bottom:0.5em;
}
.post h2 {
font-variant:normal;
font-style:italic;
letter-spacing:-0.05em;
}
.first-post h2 a b {
	text-decoration:underline;
	font-weight:400;
}
.first-post h2 a:hover b,
.first-post h2 a:focus b {
	text-decoration:none;
}
.first-post span,
.post span.meta {
	position:relative;
	display:block;
	margin-top:-1.5em;
	color:#999991;
	font-weight:bold;
  font-style:italic;
}
.post span.meta + p {padding-top:1.5em;}
.first-post blockquote p {
	float:right;
	padding:1.5em 2em 1em;
	margin:-0.68em 0 0;
	background:url("images/quotes.png") no-repeat 0 0;
	min-height:4.5em;
	width:17em;
	font-size:1.5em;
  font-style:italic;
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
	line-height:1.25em;
	letter-spacing:-0.01em;
}
.first-post p {
	max-width:50em;
	font-size:125%;
	line-height:1.5em;
	padding:1em 0 0;
	margin:0 0 1.333em
}

.second-posts {overflow:auto;clear:both;}
.second-posts div {
	width:28.333em;
	float:left;
	padding-right:1.5em;
}

.other-articles h2,
.second-posts h2 {
	font-size:1.1666em;
	line-height:1.5em;
	margin:0 0 0.62em;
	font-style:italic;
	text-transform:capitalize;
	font-weight:700;
	color:inherit;
	letter-spacing:0;
}

div.other-articles {
	overflow:auto;
}
h2.other-articles {
	margin-bottom:2px;
}
body div.other-articles div.post,
.comment-meta {
	float:left;
	width:18.333em;
	padding-right:1.5em;
}
.other-articles a,
.second-posts a {text-decoration:none;border-bottom:1px solid;}
.other-articles a:hover,
.other-articles a:focus,
.other-articles a.hover,
.second-posts a:hover,
.second-posts a:focus,
.second-posts a.hover {border-bottom:1px solid #fff;}
div.projects {overflow:hidden;}
.projects div {
	float:left;
	width:13.5em;
	margin: 0 1.5em 1.5em 0;
}
.projects h3 a {opacity:0.4;}
.projects h3 a:hover,
.projects h3 a:focus,
.projects h3 a.hover {opacity:1}

div.comments {
	width:60em;
	padding:0 0 3em;
}
ol.comments {margin:0;}
ol.comments li {overflow:hidden;list-style:none;padding-bottom:1.5em;}
.comment-meta img {
	background:#eeeee1;
	float:right;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.comment-meta .name {display:block;font-variant:small-caps;}
.comments .comment-content {
	float:left;
	width:38.5em;
}
.comments .author .comment-content {
	background:#f9f9f1;
	padding:1.5em 1em 0;
	width:37.5em;
	margin-left:-1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.comments .pingback .comment-content {
	font-size:0.8333em;
}
.comments .pingback img {display:none;}
.comments .pingback .comment-content * {
	margin-bottom:1.8em;
}

.comments pre {
margin-left:0;
width:auto;
}
.comment-form div {
	float:left;
}
.comment-form strong {
	color:#999991;
}
.comment-form h2 {margin-bottom:0;}
.comment-form .left {
	width:18.333em;
	padding-right:1.5em
}
.comment-form input,
.comment-form label {
	width:17.333em;
}
.comment-form input,
.comment-form button,
.comment-form textarea {
	background:#eeeee1;
	padding:0.5em;
	border:0;
	height:1.5em;
	line-height:1.5em;
	font-size:1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.comment-form input:focus,
.comment-form button:focus,
.comment-form textarea:focus,
.comment-form input:active,
.comment-form button:active,
.comment-form textarea:active {background:#f2f2f0}

.comment-form {clear:both;width:59em;}
.comment-form textarea {
	height:12.5em;
	margin-top:3em;
	width:37.5em;
}
.comment-form button {
	clear:both;
	height:3em;
	padding:3px 0.5em 0.5em;
	text-align:left;
	width:auto;
	margin-top:1.2em;
	display:block;
	float:left;
}
.comment-form .left ~ button,
button.contactbutton {
	float:none;
	margin-left:19.8em;
	display:inline;
}

form br {display:none;}

body .contactform {
  width:509px;
  overflow:hidden;
  padding-bottom:1.5em;
}
body .contactleft {
margin:0;padding:0;
	width:7em;
	padding-right:1.5em;
	float:left;
	clear:left;
}
body .contactright{width:40%;float:left;margin:0;padding:0;padding-top:1.5em}
body #contactsubmit {
  margin-left:8.5em;
  width:auto;
  clear:both;
}

.contactform input,
.contactform button,
.contactform textarea {
	background:#eeeee1;
	padding:0.5em;
	border:0;
	height:1.5em;
	line-height:1.5em;
	font-size:1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.contactform input:focus,
.contactform button:focus,
.contactform textarea:focus,
.contactform input:active,
.contactform button:active,
.contactform textarea:active {background:#f2f2f0}
.contactform textarea {
	height:12.5em;
	margin-top:0;
	width:37.5em;
}
.contactform #contactsubmit {
	clear:both;
	height:3em;
	padding:3px 0.5em 0.5em;
	text-align:left;
	width:auto;
	margin-top:0;
	display:block;
	float:left;
        cursor:pointer;
}


.results span {
	color:#999991;
	margin:0 0.5em 0 1.5em;
	display:block;
}
.results span a {text-decoration:underline;}
.results span a:hover,
.results span a:focus,
.results span a.hover {text-decoration:none;}

.footer {
	width:60em;
	clear:both;
	padding:0.85em 0 6em 10em;
	min-height:12.5em;
	overflow:hidden;
	position:relative;
  color:#eee;
}
.footer div {
	float:left;
	width:13.5em;
	margin: 0 1.5em 0 0;
}
.footer p {clear:both;font-style:italic;font-family:Georgia, Gentium, "Times New Roman", Times, serif;}
.footer a{text-decoration:none;border-bottom:1px solid;font-style:normal}
.footer a:hover,
.footer a:focus,
.footer a.hover {color:#0a0;border:0;}
.footer li {font-style:italic;}
.footer .totop {
	background:#fff;
	color:#000;
	padding: 0 1em 0.5em;
	position:absolute;
	right:0;
	top:0;
	text-decoration:none;
	letter-spacing:-0.15em;
	font:italic 2em/1em Georgia, Gentium, "Times New Roman", Times, serif;
	border:0;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
}
.footer .totop:hover,
.footer .totop:focus,
.footer .totop.hover {color:#B93B2E;border-bottom:0;}

/* Article styles */
.twocol {
	-moz-column-count:2;
	-webkit-column-count:2;
	-moz-column-gap:2em;
	-webkit-column-gap:2em;
}
.closingtext {
	text-align:center;
}
.thanks {
  background:#ccccc1;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
  padding:1.5em 1.5em 0;
  text-align:center;
  margin-bottom:3em;
  width:55.5em;
  font-weight:bold;
  overflow:auto;
}
.thanks a:hover,
.thanks a:focus {color:#000;cursor:pointer;}

.influ {
  width:55em;
  margin-left:-5em;
  padding:1.5em;
  background:#f2f2f0;
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em;
  border-radius:0.5em;
  margin-bottom:3em;
  overflow:hidden;
}
.influ .influads_block {
  float:right;
  padding-left:1.5em;
}

@media print {
	.nav, .column, .searchform,
	.totop, .comment-form, .pingback,
	body:not(.home) .other-articles,
  .thanks {display:none;}

	#top, .footer {overflow:visible;min-height:1em;padding:0;}

	pre {overflow:visible;}

	h1 {font-size:4em;margin-bottom:0.5em}

	h1 a {
		font:italic 1em/1em Georgia, Gentium, "Times New Roman", Times, serif;
		text-indent:0;
		margin-bottom:0;
		text-decoration:none;
		color:#000;
		display:inline;
		margin:0 0 0em;
		padding:0;
	}
	div.comments {page-break-before:always;}

	h2, h3 {page-break-after:avoid;}

	.post p a::after,
	.post ol a::after,
	.post ul a::after,
	.post pre a::after {
		content: " (" attr(href) ") ";
  		font-size: 90%;
	}
}