/*  
Theme Name: kraeutli.com
Theme URI: http://kraeutli.com/
Description: kraeutli.com 2.0 based on hemingway
Version: 2.0
Author: Florian Kraeutli
Author URI: http://kraeutli.com
*/





*,#navigation ul li,.secondary dt,.secondary dd,#comments .counter,#comments .mycontent .counter {
	padding:0
}

*,#header p,#navigation ul,#navigation ul li,.secondary dt,.secondary dd,.comment-head h2,#comments .content h3,#comments .mycontent h3,#sitemap ul li,#catNav ul li,* html .ancillary .first,.ancillary .block h3,.ancillary .block h2,ul.block li,ul.block li.widget ul li,ul.pages li,ul.blogroll ul li,ul.counts li,ul.dates li,ul.blogroll li,ul.pages ul,#footer p,#search-results h3,#search-result ul {
	margin:0
}

address,fieldset,dl,ol,ul,label,blockquote,pre,p,h6,h5,h4,h3,h2,h1,#primary .secondary .admin-tools,#preview,#searchform {
	margin:1em 0
}

dd,li {
	margin-left:5%
}

fieldset {
	padding:.5em
}

select option {
	padding:0 5px
}

.close-button,.print-logo,.hide,#nonDispDesc {
	display:none
}
.left,#header h2,#navigation ul li,#primary.onecol-stories .primary,#primary.twocol-stories .story,#primary .secondary,#comments cite,#comments .content,#comments .mycontent,.ancillary .block,#footer p.copyright,#search .searchimg {
	float:left
}

.right,#primary.onecol-stories .secondary,#primary .primary,#comments cite .admin-tools a,.formactions input.submit,.formactions .spinner,ul.counts .count,#footer p.attributes,#utilities,#search-results {
	float:right
}

.clear,.ancillary,.ancillary .first,* html .ancillary .first,.ancillary .block-separator,#footer {
	clear:both
}

.clear,.rule {
	height:1px;
	font-size:1px;
	line-height:1px
}

a,ul.pages ul li,#searchform #s,#searchform #searchsubmit {
	border:none
}

a,body,#navigation ul li a,a.nav {
	color:black
}

div,label.text,#search .searchimg {
	//position:relative
}

body {
	font:70% "trebuchet ms",tahoma,verdana,sans_serif;
	margin-top:2em
}

.inside {
	width:80%;
	min-width:65em;
	max-width:85em;
	margin:0 auto
}

*html .inside {
	width:90%
}

a:active,a:hover,a:visited,a {
	color:black !important
}

a:active,a:hover,a:visited,a,#header h2 a,#navigation ul li a,#navigation li.current_page_item a,#navigation ul li a:active,#navigation ul li a:hover,a.nav,a.nav,.story h3 a,.story .details a,.comment-head a,#comments cite .author a,#comments cite .admin-tools a,ul.block li.widget ul a,ul.pages a,ul.blogroll a,ul.counts a,ul.dates a,#footer p.attributes a,#textsize a,#search-results ul li a {
	text-decoration:none
}

h1 {
	font-size:3.5em;
	margin-bottom:3em
}

h1,h2,#navigation ul li,a.nav,#errors,#search-results h3 {
	font-weight:bold
}

h1,h3,h2,.navigation a,a.nav,.primary h3,.story h3,.white,ol#comments li,label.text,.ancillary .block,* html .ancillary .block,* html .ancillary .first,* html ul.block {
	background:white
}

h1,#primary.twocol-stories .story,.primary h3,.story h3,#primary .secondary,.secondary dt,.secondary dd {
	display:inline
}

h3 {
	font-size:1.15em
}

h2,.comment-head h2 {
	font-size:1.5em
}

p {
	//line-height:1.75em
}

.ancillary .block {
	width:28%;
	padding:1%;
	margin:0 0 0 2.5%;
}

.ancillary .twice-length {
	width:65%
}

.ancillary .first {
	margin:0 0 0 2.4%
}

.ancillary .block-separator {
	height:2.5em
}

* html #primary.twocol-stories .story img,#primary.twocol-stories .story img,* html #primary.twocol-stories .first img,#primary.twocol-stories .first img {
	max-width:100%
}

ul li,ul.pages ul li {
	list-style-type:square
}

ul li {
	margin:0.5em 0 0.5em 2em
}

ul li,#navigation ul,#navigation ul li,#sitemap ul li,#catNav ul li {
	list-style:none
}

#primary .primary {
	width:75%
}

#primary .secondary {
	width:18%;
	margin-right:3%;
	padding:0.65em
}
blockquote {
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC
}

pre,table,* html #primary.twocol-stories .story img,.ancillary .thrice-length {
	width:100%
}

pre,#header p,#footer .inside {
	padding:1em 0
}

pre {
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333
}

table {
	border-spacing:2px
}

table,.rule {
	margin:1.5em 0
}

table td,table th {
	padding:0.3em 0.75em
}

table th,#search input {
	background:#CCC
}

table th {
	color:#000
}

table th,table caption,#search-results h3,#search-results small {
	text-align:left
}

table td,#search-results {
	background:#333
}

table td,table caption,#footer p.attributes a:hover {
	color:#FFF
}

table caption {
	margin-bottom:-1em;
	margin-top:1em
}

.rule {
	border-top:1px solid #CCC
}

.gallery,.ancillary .first {
	text-align:center
}

#header h2 {
	font-size:2.25em
}

#header p {
	line-height:1em
}

#header {
	height:5em
}

#navigation {
	//background:#000 url(images/navigation.png) top repeat-x;
	height:25px
}

#navigation,#navigation ul li a,a.nav,.read-on,#primary code,#comments cite span,#comments cite.pingback,#search-results small {
	display:block
}

#navigation ul {
	font:1em "lucida sans unicode",georgia,tahoma,arial,serif normal;
	padding-left:30px
}

#navigation ul,#searchform #searchsubmit {
	text-transform:uppercase
}

#navigation ul li {
	white-space:nowrap
}

#navigation ul li a {
	padding:5px 10px 5px;
	letter-spacing:1px;
	border:0
}

#navigation li.current_page_item a,#navigation ul li a:active,#navigation ul li a:hover {
	background:black;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:.50;
	color:#fff
}

.navigation a {
	font-size:1.6em;
	padding:.1em
}

#silderButton {
	height:20px
}

a.nav {
	margin-top:6px;
	padding:2px 5px 2px 5px
}

a.nav,.post,ol#comments li .content,#comments cite .author,ul.block li.widget ul li,ul.pages li,ul.blogroll ul li,ul.counts li,ul.dates li {
	font-size:1.2em
}

*html a.nav {
	width:80px
}

#primary,.ancillary {
	padding:2em 0 2em 0
}

#primary.onecol-stories .primary {
	width:50%
}

#primary.onecol-stories .secondary,#primary.twocol-stories .story,* html #primary.twocol-stories .story {
	width:48%
}

#primary.onecol-stories .secondary {
	margin:0 0 0 10%
}

#primary.twocol-stories .story {
	margin:0 0 0 2%
}

*:first-child+html #primary.twocol-stories .story {
	margin-left:2%;
        width:40%;
}
* html #primary.twocol-stories .story {
	margin-left:2%;
        width:40%;
}

* html #primary.twocol-stories .first,#primary.twocol-stories .first {
	margin:0 0 0 0
}

.story {
	//	background:white;
	//	padding:1em
}

.primary h3,.story h3 {
	font-size:2em;
	padding-left:.4em;
	padding-right:.4em;
	padding-top:.2em
}

.story .details,.secondary .featured p,#preview p,#utilities {
	margin:1em 0 0 0
}

.story .details,.read-on,#comments cite,#comments .counter,#comments .mycontent .counter,#utilities {
	text-align:right
}

.story .details {
	padding:0.5em 0;
	// can stay
}

.story .details,#footer p,#search input,#searchform #searchsubmit,#search-results small {
	font-size:0.9em
}

.story .details,.story .details a,#comments .mycontent .counter,#searchform #s,#searchform #searchsubmit {
	color:#666
}

.white {
	padding:.9em 1.7em 1em 1em
}

.read-on {
	background:url(images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px
}


* html #primary .secondary {
	margin-right:2%
}

.secondary .featured p,.secondary .featured dl,#searchform #s {
	border-bottom:1px solid #333
}

.secondary .featured p {
	border-top:1px solid #333;
	line-height:1.5em
}

.secondary .featured p,.secondary .featured dl {
	padding:0.5em 0 0.6em 0
}

.single-post img,#primary.twocol-stories .story img {
	padding:4px;
	background:#eee
}

.secondary .featured dl {
	margin:0 0
}

.single-post h2,.single-post h1 {
	margin-top:0
}

#primary code,#preview {
	border:1px solid #333
}

#primary code {
	background:#272727;
	padding:0.2em 0.2em 0.2em 1em;
	margin:1em 5% 0 5%
}

.post {
	margin-bottom:2em
}

#secondary {
	//background:#000;
	padding:1px 2em;
	border-top:1px solid #1c1c1c
}

.comment-head {
	border-bottom:1px solid #1c1c1c;
	padding:0.8em 2em 1.0em 2em
}

.comment-head .details {
	font-size:0.95em
}

ol#comments,ol#comments li,ul.block li,ul.block li.widget ul,ul.pages,ul.blogroll ul,ul.counts,ul.dates,ul.block li.widget ul li,ul.pages li,ul.blogroll ul li,ul.counts li,ul.dates li,ul.blogroll li,#search-results ul li {
	list-style-type:none
}

ol#comments,ol#comments li {
	margin:2em 0
}

ol#comments li {
	padding:.65em
}

#comments cite {
	width:31%;
	font-style:normal
}

* html #comments cite {
	width:30.6%
}

#comments cite .admin-tools,input.textfield,textarea.commentbox {
	margin:5px 0
}

#comments cite .admin-tools a {
	margin:0 5px;
	padding:0 3px 3px;
	background:#666;
	border:1px solid #999
}

#preview {
	padding:0.5em
}

#errors {
	color:#f00
}

#comments cite.pingback {
	padding-top:68px;
	background:url(images/trackback_pingback.gif) 100% 0 no-repeat
}

#comments .content,#comments .mycontent {
	width:60%;
	margin-left:1.9%;
	border-left:1px solid #868686;
	min-height:72px;
	height:auto !important;
	height:72px;
	overflow:hidden
}

#comments .commentbody {
	padding:2% 0 0 2%
}

#comments .counter,#comments .mycontent .counter {
	position:absolute;
	top:-20px;
	right:-4px
}

#comments .counter {
	color:#272727
}

#comments .content p,#comments .mycontent p {
	margin:0 0 1em 0
}

#comments .content h3,#comments .mycontent h3,#catNav ul {
	font-size:1em
}

#comment-form {
	margin:5em 0 5em 35.4%;
	width:36em
}

input.textfield {
	width:15em
}

textarea.commentbox {
	font:1.2em arial,helvetica,sans-serif;
	width:28em;
	height:10em
}

textarea.commentbox,#searchform #s {
	padding:0.25em
}

label.text {
	left:0.5em;
	top:-0.5em
}

.formactions input.submit {
	margin:-1em 0 0 0;
	padding:0 0.5em
}

.formactions .spinner {
	margin:-8px -20px 0 0
}

#catNav {
	margin-bottom:1em
}

#sitemap ul li,#catNav ul li {
	margin-left:.65em
}

#sitemap ul {
	font-size:.9em
}


.divider {
	border-bottom:1px solid #3d3d3d
}

ul.block li.widget ul li,ul.pages li,ul.blogroll ul li,ul.counts li,ul.dates li {
	padding:0.1em 0
}

ul.dates .date {
	padding:0 1.5em 0 0
}

ul.pages ul li {
	margin-left:2em
}

#footer {
	color:#939393;
	margin:0 0 3em 0
}

#footer p.attributes a {
	padding:0 0 0 1em;
	color:#525252
}

#utilities {
	width:200px
}

#nonDispDesc {
	text-indent:-1000em
}

#textsize {
	margin:.25em 0 0 0
}

#textsize,#search {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:.40
}

#textsize:hover,#search:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.00
}

#search .searchimg {
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	top:4px
}

#search input {
	width:175px;
	margin-top:2px
}

#search input:focus {
	background:#FFF
}

#searchform #s {
	background:#222;
	width:30em
}

#searchform #searchsubmit,#search-results h3 {
	background:#000
}

#searchform #searchsubmit {
	letter-spacing:0.25em
}

#search-results {
	width:30%;
	padding:0 0 0 0;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:.90;
	border-top:1em solid #000
}

#search-results h3 {
	padding:0 0 1em 0
}

#search-results small {
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555
}

#search-results small a {
	color:#CCC
}

#search-results ul li {
	padding:0 1em 0.5em 1em;
	margin:0.5em 0
}

#search-results ul li:hover {
	background:#202020
}

#search-results ul li a {
	border-bottom:1px dotted #CCC
}

#search img.archives-icon {
	margin:0 7px 0 0;
	top:1px
}



#wpcf7-f1-p35-o1 input.contactform {
	border:1px solid #222
}