/*
Theme Name: achinger
Theme URI: http://achinger.com
Description: Theme for achinger.com
Author: Markus Bertling
Author URI: http://bertdesign.de
Version: 1.0 (WP 2.7)
*/

/* reset a bit */
html,body,div,img,ol,ul,li,pre,code,form,fieldset,label,legend,table,tbody,tfoot,thead,tr,th,td,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}
/* accessibility ul */
ul#access {position:absolute;left:-9999px}

/* absolutely general stuff */
html {font-size:62.5%}
body {font: 1em Arial,sans-serif;color:#111;background-color:#fff}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.left {float:left}
.right{float:right}
.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

body.wrap {margin:50px auto 10px 70px;width:550px;text-align:justify;}

a {color:#333;text-decoration:none;border-bottom:1px solid}
a:visited {color:#666}
a:hover,
a:focus {background-color:#f0f0f0}
a:active {position:relative;top:1px}

div#header {
	font-size:14px;
	line-height:18px
}

div#header h1 {font-size:1em}
div#header h1 span {width:auto;float:left;margin-right:0.5em}
div#header h1 div.st-tag-cloud {margin-bottom:2em}
div#header div.st-tag-cloud a:hover {background-color:#f0f0f0}
div#header h1 div.st-tag-cloud a:after {content:','}
div#header h1 div.st-tag-cloud a:last-child:after {content:''}
div#header p#tags a.more_tags {font-size:12px}
div#header p#info {font-size:12px;background-color:#f0f0f0;padding:12px;margin-bottom:24px}
div#header p#info a:hover {background-color:#fff}

ul#cat {width:55%;float:left}
ul#cat li {display:inline}
ul#cat li a {color:#111;text-decoration:none;border:1px solid #fff;padding:3px 6px}
ul#cat li a:hover,
ul#cat li.current-cat a {border:1px solid #111;background-color:#fff}

ul#cat li.cat-item-1 a {background-color:#13C04F} /* cat-item-1 = blog */
ul#cat li.cat-item-1 a:hover {background-color:#fff;border:1px solid #13C04F;color:#13C04F}
body#blog div#header ul#cat li.current-cat a {border-color:#13C04F;background-color:#fff}

ul#cat li.cat-item-3 a {background-color:#3CF} /* cat-item-3 = twitter */
ul#cat li.cat-item-3 a:hover {background-color:#fff;border:1px solid #3CF;color:#3CF}
body#twitter div#header ul#cat li.current-cat a {border-color:#3CF;background-color:#fff}

ul#cat li.cat-item-4 a {background-color:#E21C66} /* cat-item-4 = links */
ul#cat li.cat-item-4 a:hover {background-color:#fff;border:1px solid #E21C66;color:#E21C66}
body#links div#header ul#cat li.current-cat a {border-color:#E21C66;background-color:#fff}

ul#cat li.rss a {background:url('img/feed.png') 5px 5px no-repeat;padding-left:20px;}
ul#cat li.rss a:hover {border:1px solid #111}

div#header form {width:40%;float:right;text-align:right}
div#header form label {position:absolute;left:-9999px}
div#header form input {border:0;border-bottom:1px solid #111;font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;color:#111;background-color:#fff;width:140px;text-align:right}
div#header form input:hover,
div#header form input:focus {background-color:#f0f0f0}
div#header form button {border:1px solid #111;font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;color:#111;background-color:#fff}
div#header form button:hover {background-color:#f0f0f0}
div#header form button:active {border-color:#13C04F;background-color:#fff}

div#content {line-height:18px}

div#content ul {margin-left:3em}

div#content div.post {font-size:12px;line-height:18px;margin-bottom:36px;position:relative}

div#content div.post h2 {font-size:18px;font-weight:bold;line-height:24px;margin-bottom:12px}
div#content div.twitter h2 {font-weight:normal}
div#content div.post h2 span {font-weight:normal}
div#content div.post h2 span.date {font-size:12px;font-style:italic}
div#content div a.commentnumber {
	position:absolute;
	top:3px;
	right:-50px;
	border-bottom:0;
	height: 24px;
	width:auto;
	/* background: transparent url('img/comments_tip.gif') no-repeat 2px -86px	*/
}
div#content div.post a.commentnumber span {
	display:block;
	text-align: center;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	height: 18px;
	width:auto;
	padding: 0 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color: #666
}

/* div#content div.blog a.commentnumber:hover {background-position: 2px -252px} */
div#content div.blog a.commentnumber:hover span {background-color: #13C04F}
/* div#content div.links a.commentnumber:hover {background-position: 2px -252px} */
div#content div.links a.commentnumber:hover span {background-color: #E21C66}
/* div#content div.twitter a.commentnumber:hover {background-position: 2px -252px} */
div#content div.twitter a.commentnumber:hover span {background-color: #3CF}

div#content div#fail div.inner {border: 2px solid #f0f0f0;padding:10px;font-size:14px;margin-bottom:14px}
div#content div#fail div.inner form,
div#content div#fail div.inner div.st-tag-cloud {margin-bottom:14px}
div#content div#fail div.inner form input {border:0;border-bottom:1px solid #111;font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;color:#111;background-color:#fff;width:140px}
div#content div#fail div.inner form input:hover,
div#content div#fail div.inner form input:focus {background-color:#f0f0f0}
div#content div#fail div.inner form button {border:1px solid #111;font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;color:#111;background-color:#fff}
div#content div#fail div.inner form button:hover {background-color:#f0f0f0}
div#content div#fail div.inner form button:active {border-color:#13C04F}

div.blog a:hover,
div.blog h2 span:first-child {color:#13C04F}

div.twitter a:hover,
div.twitter h2 span:first-child {color:#3CF}

div.links a:hover,
div.links h2 span:first-child {color:#E21C66}

div.post a:hover {background-color:#fff}
div.post h2 a:hover {color:#333;background-color:#f0f0f0}

div.pagebar {font-size:12px;margin-bottom:12px}
div.pagebar span.this-page {border:1px solid #333;padding:0.2em 0.5em;margin:0.2em}
div.pagebar span.break {padding:0.2em 0.5em;margin:0.2em}
div.pagebar a {border:1px solid #f0f0f0;padding:0.2em 0.5em;margin:0.2em}

div.commentarea {font-size:12px}
div.commentarea h3 {font-size:1em;margin-bottom:1em}
div.commentarea ol#commentlist {list-style-type:none}
div.commentarea ol#commentlist li blockquote {border:1px solid;margin:0;padding:0;position:relative}
div.commentarea ol#commentlist li blockquote p {margin:0 50px 0 0;padding:1em}
div.commentarea ol#commentlist li blockquote span.twitter_id {position:absolute;top:0;right:0}
div.commentarea ol#commentlist li blockquote span.twitter_id a {text-decoration:none; background-color:transparent;border-bottom:0}
div.commentarea ol#commentlist li p.commentmeta cite {
	position: relative;
	margin: 0;
	padding: 15px 0 0 10px;
	top: 0;
	background: transparent url('img/comments_tip.gif') no-repeat 20px -104px;
	font-style: normal
}
div.commentarea ol#commentlist li.author blockquote {background-color:#f0f0f0}
div.commentarea ol#commentlist li.blog blockquote {border-color:#13C04F}
div.commentarea ol#commentlist li.blog p.commentmeta cite {background-position: 20px -252px}
div.commentarea ol#commentlist li.author.blog p.commentmeta cite {background-position: 20px -141px}
div.commentarea ol#commentlist li.twitter blockquote {border-color:#3CF}
div.commentarea ol#commentlist li.twitter p.commentmeta cite {background-position: 20px -30px}
div.commentarea ol#commentlist li.author.twitter p.commentmeta cite {background-position: 20px -67px}
div.commentarea ol#commentlist li.links blockquote {border-color:#E21C66}
div.commentarea ol#commentlist li.links p.commentmeta cite {background-position: 20px -178px}
div.commentarea ol#commentlist li.author.links p.commentmeta cite {background-position: 20px -215px}

div.commentarea form#commentform textarea {
	border:1px solid #13C04F;
	margin:0;
	padding:1em;
	width:95%;
	height:100px;
	font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif
}
div.commentarea form#commentform textarea:focus {outline:none}

div.commentarea form#commentform p.sb_extra {
	position: relative;
	margin: 0;
	padding: 15px 0 0 10px;
	top: -3px;
	background: transparent url('img/comments_tip.gif') no-repeat 20px -252px;
}

div.commentarea form#commentform p label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 5px;
}

div.commentarea form#commentform p input {
	border:0;
	border-bottom:1px solid #111;
	font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color:#111;
	background-color:#fff;
	width:300px
}

div.commentarea form#commentform p input:hover,
div.commentarea form#commentform p input:focus {background-color:#f0f0f0}

div.commentarea form#commentform p button {border:1px solid #111;font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;color:#111;background-color:#fff}
div.commentarea form#commentform p button:hover {background-color:#f0f0f0}
div.commentarea form#commentform p button:active {border-color:#13C04F}


div#footer {font-size:10px;color:#666;line-height:18px}
div#footer a {color:#666}
div#footer a:hover {background-color:#f0f0f0}

/* BackTweets Hacking */
html body div#footer p.left,
html body div#footer p.right {display:none!important;}