/*
Theme Name: karriere.blog
Theme URI: http://blog.karriere.at
Description: the karriere.at weblog.
Version: 1.0
Author: karriere.at
*/

* {margin:0; padding:0; border:0;}
body {font-size:11px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; color:#333; background:#ffffff url(images/header_bg.jpg) no-repeat center top;}
ul {list-style-type:none;}
a {text-decoration:none; color:#D8613A;}
a:hover {text-decoration:underline;}
input {font-size:11px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; }
h3 {font-size:18px; font-weight:bold;}
p {margin:0 0 12px 0;}

#centerpage {margin:0 auto; width:1000px; position:relative;}
.centerbox {margin:0 auto; width:797px;}
.clear {clear:both; float:none;}
.floatleft {float:left; margin:0 10px 10px 0;}
.hrline {background:url(images/line_date.gif) repeat-x top; height:1px; font-size:1px; margin:10px 0 20px 0; clear:both; float:none;}

#header {background:url(images/header_line.gif) no-repeat center 167px; margin:0 0 50px 0; height:180px; position:relative;}

	#logo {display:block; float:left; position:absolute; top:120px; left:104px;}

	#headernav {position:absolute; left:440px; top:148px;}
	#headernav li {float:left; margin:0 20px 0 0;}
	#headernav a {font-size:11px; color:#58585a;}

	#headericons_png {display:block; width:145px; height:87px; background:url(images/header_icons.png); position:absolute; top:99px; right:88px; z-index:5;}
	#headericons {display:block; width:145px; height:87px; position:absolute; top:99px; right:88px; z-index:10;}
	#headericons li {display:block; position:absolute;}
	#headericons li a {width:100%; height:100%; display:block;}
	#headericons .twitter {width:135px; height:73px; top:0; right:0; bottom:0; left:0; z-index:5;}
	#headericons .twitter span {display:block; color:white; text-transform:uppercase; font-weight:bold; margin:13px 0 0 58px;}
	#headericons .twitter a:hover {text-decoration:none;}
/*	#headericons .twitter a:hover span {color:#E7E7E7;} */
	#headericons .rss {width:50px; height:45px; right:24px; bottom:0; z-index:10;}
	#headericons .rss span {display:none;}

#content {float:left; width:640px; font-size:12px;}

	.post_item {clear:both; float:none; margin:0 0 18px 0;}
	.postdate {text-transform:uppercase; font-size:10px;}
	.postdate span {font-weight:bold; font-size:18px;}

	.post_item .postbox {width:532px; float:right; position:relative;}
	.firstpost .postbox {background:url(images/postitem_first1.jpg) top right;}
	.postbox .inner {position:relative;}
	.firstpost .postbox .inner {background:url(images/postitem_first.jpg) no-repeat top right; padding:17px 0 15px 0;}
	.firstpost .postbox .postend {height:6px; font-size:1px; width:532px; background:url(images/postitem_first2.gif) no-repeat top right; position:absolute; left:0; bottom:0; right:0;}
	.posttitle {font-size:18px; line-height:22px; font-weight:normal; float:left; width:80%; padding:0 0 7px 0;}
	.firstpost .posttitle {padding:0 0 5px 10px;}
	.posttitle a {color:#000000;}
	.postcomment {width:27px; height:26px; background:url(images/icon_comment.gif) no-repeat 0 -42px; margin:0 0 0 10px; position:absolute; right:10px; bottom:5px;}
	.firstpost .postcomment {background-position:0 0;}
	.postcomment a {color:#ffffff; font-size:12px; font-weight:bold; display:block; width:100%; text-align:center; padding:3px 0;}
	.firstpost .postcomment a {color:#D8613A;}
	.postbox .entry {font-size:12px; line-height:19px; margin:0 0 12px 0; clear:both;}
	.firstpost .postbox .entry {font-size:15px; line-height:18px; padding:0 10px;}
	.postbox .entry a {color:#D8613A;}
	.firstpost .postbox .entry a {color:#ffffff;}
	.postbox .postmetadata {color:#b0b0b0; font-size:11px; margin:0;}
	.firstpost .postbox .postmetadata {padding:0 10px; color:#000000;}
	.postbox .postmetadata a {color:#D8613A;}
	.firstpost .postbox .postmetadata a {color:#ffffff;}
	.postheader { position:relative; background:url(images/line_date.gif) repeat-x bottom; margin:0 0 12px 0; /* height:0; */ }
	.firstpost .postheader {background:url(images/linie_posttitle.gif) repeat-x bottom;}
	.postdate {overflow:hidden; position:absolute; bottom:0; left:-97px; text-align:right; white-space:nowrap; background:url(images/line_date.gif) repeat-x bottom; padding:0 15px 7px 0; width:82px;}
	.post-edit-link {color:#D8613A;}
	.postbox ul {list-style-type:disc; margin:0 0 12px 35px;}
	.postbox ul li {margin:0 0 4px 0;}

	.singlepage .postmetadata {margin:0 0 8px 0; line-height:15px;}
	.singlepage .entry p {margin:0 0 12px 0;}
	.singlepage .entry img {border:2px solid #f1f1f1;}
	.retweet_button {float:right; margin:0 0 12px 12px;}

	.archivpost .titleof .posttitle, .searchpage .titleof .posttitle {margin:0 0 20px 0; float:none; color:#D8613A;}

	.spreadout {color:#b0b0b0; background:url(images/line_date.gif) repeat-x top; padding:10px 0 0 0; margin:0 0 30px 0; font-size:11px;}
	.spreadout ul {float:right; list-style-type:none; margin:0;}
	.spreadout li {float:left; display:block; width:16px; height:16px; margin:0 5px 0 0!important;}
	.spreadout li.last {margin:0!important;}
	.spreadout li a {display:block; width:16px; height:16px; background:url(images/spreadout.gif);}
	.spreadout li a span {display:none;}
		.spreadout li.misterwong a:hover {background-position:0 -31px;}
	.spreadout li.delicious a {background-position:-20px 0;}
		.spreadout li.delicious a:hover {background-position:-20px -31px;}
	.spreadout li.googlebookmarks a {background-position:-40px 0;}
		.spreadout li.googlebookmarks a:hover {background-position:-40px -31px;}
	.spreadout li.facebook a {background-position:-60px 0;}
		.spreadout li.facebook a:hover {background-position:-60px -31px;}
	.spreadout li.twitter a {background-position:-80px 0;}
		.spreadout li.twitter a:hover {background-position:-80px -31px;}
	.spreadout li.rsscomment a {background-position:-100px 0;}
		.spreadout li.rsscomment a:hover {background-position:-100px -31px;}

	.subtitle, .related_post_title {display:block; background:url(images/line_date.gif) repeat-x bottom; padding:0 0 3px 0; margin:0 0 10px 0; font-weight:normal; }
	#commentform {font-size:12px;}
	#commentform a {color:#D8613A;}
	#commentform label {display:block; font-size:12px; margin:0 0 4px 0;}
	#commentform input {line-height:20px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; border:1px solid #d7d7d7; height:auto; font-size:12px; width:285px; padding:2px; margin:0 0 6px 0;}
	#commentform textarea {border:1px solid #d7d7d7; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-serif; font-size:12px; width:530px; margin:0 0 15px 0;}
	#commentform #submit {float:right; padding:0; margin:0; background:url(images/comment_button.gif); width:88px; height:24px; border:none; cursor:pointer;}
	#commentform .submitfields {color:#b0b0b0; line-height:18px; margin:0 0 20px 0;}
	.related_post li {margin:0 0 5px 0;}
	.related_post li a {color:#D8613A;}

	.commentlist {list-style-type:none; margin:0 0 30px 0;}
	.commentlist li {margin:0 0 18px 0;}
	.commentlist .firstrow {color:#b0b0b0; display:block; margin:0 0 7px 0; font-size:11px;}
	.commentlist .firstrow a {color:#D8613A;}
	.comment_text a {color:#D8613A;}

	.navigation {padding:12px 0 10px 0; font-size:11px; clear:both; float:none;}
	.navigation a {color:#000000;}
	.navigation .alignleft {float:left; margin:0 0 10px 0;}
	.navigation .alignright {float:right;}

	.pagealone .posttitle {margin:0 0 12px 0;}
	.twittericon {display:block; width:16px; height:16px; background:url(images/twittericon.gif) no-repeat center left; float:right; margin:0 8px 0 0;}
	.twittericon span {display:none;}
	.mailicon {display:block; width:16px; height:16px; background:url(images/mailicon.gif) no-repeat center left; float:right;}
	.mailicon span {display:none;}
	.pagealone .blogroll h2 {display:none;}
	.pagealone .autoren_title, .pagealone .firstitem {clear:both; float:none; display:block; background:url(images/line_date.gif) repeat-x bottom; padding:0 0 5px 0; clear:both; margin:0 0 3px 0; font-weight:normal; font-size:18px;}
	.pagealone .autoren_role {font-size:11px; color:#b0b0b0; font-style:normal; display:block; padding:1px 0;}
	.pagealone .floatleft {/* clear:both; float:none; */ border:2px solid #f1f1f1;}
	hr.clear {clear:both; float:none; border:1px solid white;}

#sidebar {float:right; width:227px; padding:0 100px 0 0;}
.sidebarbox {padding:20px 0; background:url(images/line_date.gif) repeat-x bottom; width:227px; margin:0;}
#sidebar .first {padding:0 0 20px 0!important; border:2px solid red;}
.sidebarbox h3 {text-transform:uppercase; color:#D8613A; margin:0 0 10px 0; font-size:12px;}

	.starttext {background:url(images/startbox_bg.jpg) no-repeat; width:206px; height:120px; color:#ffffff; padding:10px; font-size:12px; line-height:17px;}

	#searchform {width:227px; height:21px; background:url(images/searchform_bg.gif); position:relative;}
	#searchform label {display:none;}
	.inputtext {position:absolute; top:4px; left:4px; bottom:3px; width:200px; background:#D8613A; color:white; line-height:20px;}
	.inputsubmit {position:absolute; top:0; right:0; bottom:0; background:none; cursor:pointer; width:30px; }

	.list_categories {color:#b0b0b0; font-size:14px;}
	.list_categories li {line-height:23px;}
	.list_categories a {color:#000000;}
	.list_categories li span {color:#D8613A;}
        .children {color:#b0b0b0; font-size:12px;}
        .children li span {color:#000000; margin:0 0 0 15px;}
        .children a {color:#000000;}
        .children li {line-height:22px;}

	.twitterbox {padding:20px 0 10px 0;}
	.twitterbox h3 {margin:0 0 12px 0;}
	.twitterbox h3 a {display:block; background:url(images/tweets_karriere.gif) no-repeat; width:141px; height:17px;}
	.twitterbox .external_twitter a {background:url(images/tweets_external.gif) no-repeat; width:134px; height:17px;}
	.twitterbox h3 span {display:none;}
	.twitterbox li {margin:0 0 10px 0;}
	.twitterbox li a {color:#3fcdeb;}
	.twitterbox .twitter-timestamp {clear:both; display:block; color:#b0b0b0; text-transform:uppercase; font-size:10px; margin:3px 0 0 0;}
	.external img {float:left; margin:0 8px 8px 0;}
	.external_tweets .loader {padding:7px; color:#D8613A;}
	.external_tweets .loader span {position:relative; top:-10px;}
	.twitteravatar {width:24px; height:24px;}
	
#footer {clear:both; background:url(images/footer_bg.jpg); height:166px; margin:30px 0 0 0; color:#b0b0b0; padding:15px 0 0 0;}
#footer .centerbox {background:url(images/header_line.gif) no-repeat center 130px; height:100%;}
#footer a {color:#b0b0b0;}

	.footerbox {float:left; width:265px; padding:0 0 0 20px; height:118px; background:url(images/footer_line.gif) repeat-y top right;}
	.footerbox.first {width:267px; padding:0;}
	.footerbox.last {margin:0; width:auto; background:none;}

	#footer h3 {text-transform:uppercase; font-size:12px; margin:0 0 10px 0;}
	#footer li {line-height:19px;}
	#footer .copyright {clear:both; padding:22px 0 0 0;}