/*
Theme Name: Knowledge Heroes
Theme URI: http://knowledgeheroes.com/
Description: The theme of the knowledge heroes blog.
Version: 0.1
Author: Antoine Cailliau (integration) + Benjamin De Cock (design)
Author URI: http://www.maximux.be and http://deaxon.com
Tags: 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Generic HTML tags */
body, html {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
}

body {
	background: #012130 url('images/background.png') repeat-x 0 0 ;
	font-size: 12px;
}
hr {
	clear: both;
	border: 0px none;
	height: 0px;
	font-size: 1px;
	visibility: hidden;
}

a {
	outline: none;
	color: #13678b;
	text-decoration: none;
}

/* Page layout */
#wrapper {
	background: url('images/background-heroes.png') no-repeat top center;
}
#page {
	width: 930px;
	margin: 0 auto;
}

/* Header */
#headerimg {
	height: 123px;
	width: 607px;
	float: left;
}
#headerimg h1 {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
#headerimg h1 a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -999em;
}

#searchform {
	height: 86px;
	float: right;
	width: 300px;
	margin-top: 37px;
	margin-bottom: 0px;
	width: 300px;
}
#searchform label {
	text-indent: -999em;
	display: block;
	height: 13px;
	width: 211px;
	background: url('images/header-search-title.png') no-repeat 0 0;
	float: left;
	position: absolute;
}
#searchform input.s {
	vertical-align: middle;
	margin: 18px 0 10px 0;
	_margin-top: 19px;
	height: 16px;
	width: 185px;
	background: url('images/header-search-input.png') no-repeat 0 0;	
	border: 0px none;
	padding: 7px;
	font-size: 12px;
	position: absolute;
}
#searchform input.searchsubmit {
	margin: 1px 0 0 198px;
	border: 0px none;
	vertical-align: middle;
}
#searchform select {
	float: left;
	width: 86px;
	margin: 5px 0 0 0;
	padding: 0;
	vertical-align: middle;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
}


/* Menu to switch between blogs */
ul.menu-blog {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	height: 54px;
	width: 630px;
	background: #012130 url('images/header-menu.png') repeat-x 0 0;
	float: left;
}
ul.menu-blog li {
	margin: 0;
	padding: 0;
	float: left;
	height: 54px;
	background: no-repeat 0 0;
}
ul.menu-blog li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -999em;
}
ul.menu-blog li.news,
ul.menu-blog li.news-selected {
	background-image: url('images/header-heroesnews.png');
	width: 170px;
}
ul.menu-blog li.news-selected {
	background-image: url('images/header-heroesnews-selected.png');
}
ul.menu-blog li.stories,
ul.menu-blog li.stories-selected {
	background-image: url('images/header-heroesstories.png');
	width: 190px;
}
ul.menu-blog li.stories-selected {
	background-image: url('images/header-heroesstories-selected.png');
}

/* Powered by */
p.powered-by {
	margin: 0;
/*	margin: 0 133px 0 0; */
	padding: 0;
	float: right;
	clear: right;
	width: 300px;
	background: url('images/header-poweredby.png') no-repeat 0 2px;
	height: 54px;
}
p.powered-by a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}

/* Content */
div#content {
	clear: both;
	width: 930px;
	margin: 0;
	padding: 0;
	background: #fff url('images/sidebar-background.png') repeat-y top right;
}

/* Posts */
div#posts {
	padding: 20px 20px 0 20px;
	float: left;
 	width: 530px;
}

/* Sidebar */
div#sidebar {
	width: 299px;
	float: right;
	border-top: 1px solid #fff;
}

div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#sidebar ul li {
	clear: left;
	margin: 0;
	padding: 0;
}
div#sidebar ul li h2 {
	margin: 0;
	padding: 0;
	height: 32px;
	width: 299px;
	background: url('images/sidebar-background-title.png') repeat-x 0 0;
	color: #fff;
	font-size: 1em;
	line-height: 32px;
}
div#sidebar ul li ul {
	width: 270px;
	margin: 16px 12px 16px 16px;
	padding: 0;
	overflow: hidden;
}
div#sidebar ul li ul li {
	width: 131px;
	float: left;
	display: block;
	clear: none;
	background: url('images/sidebar-background-tag-left.png') no-repeat 0 0;
	margin: 0 4px 4px 0;
	height: 21px;
}
div#sidebar ul li ul li a {
	height: 21px;
	display: block;
	line-height: 21px;
	color: #21708f;
	text-decoration: none;
	padding: 0 6px;
	background: url('images/sidebar-background-tag-right.png') no-repeat top right;
}
div#sidebar ul li ul li:hover {
	background-image: url('images/sidebar-background-tag-left-selected.png');
}
div#sidebar ul li ul li:hover a {
	background-image: url('images/sidebar-background-tag-right-selected.png');
}
/* The idea box */
div#sidebar ul li#idea {
	background: #edf6fd no-repeat 5px 5px;
	padding: 16px;
}
div#sidebar ul li.idea-news {
	background-image: url('images/kh-pane-news.png') !important;
}
div#sidebar ul li.idea-stories {
	background-image: url('images/kh-pane-stories.png') !important;
}
div#sidebar ul li#idea h2 {
	margin: 0;
	padding: 0;
	height: 18px;
	width: 240px;
	line-height: 18px;
	text-indent: -999em;
	background: url('images/the-idea.png') no-repeat 158px 0;
}
div#sidebar ul li#idea p {
	margin: 11px 0 0 158px;
	padding: 0;
	font-size: 11px;
	zoom: 1;
}
div#sidebar ul li#idea p.more_information {
	margin: 16px 0 0 0;
}
div#sidebar ul li#idea p.more_information strong {
	margin: 0 0 0 4px;
	float: left;
	width: 131px;
	height: 15px;
	background: url('images/more-information.png') no-repeat top left;
	text-indent: -999em;
}
div#sidebar ul li#idea p.more_information a {
	background: #fff url('images/kp-background-left.png') no-repeat top left;
	color: #13678b;
	font-size: 12px;
	text-decoration: none;
	line-height: 21px;
	height: 21px;
	float: right;
}
div#sidebar ul li#idea p.more_information a span {
	display: block;
	height: 21px;
	padding: 0 0 0 7px;
	width: 109px;
	background: transparent url('images/kp-background-right.png') no-repeat top right;
}

/* Category title */
div#sidebar ul li.categories h2 {
	text-indent: -999em;
	background: url('images/browse-by-category.png') no-repeat top left;
}

/* Month title */
div#sidebar ul li.categories h2 {
	text-indent: -999em;
	background: url('images/browse-by-category.png') no-repeat top left;
}

/* Category title */
div#sidebar ul li.archives h2 {
	text-indent: -999em;
	background: url('images/browse-by-month.png') no-repeat top left;
}

/* Tag title */
div#sidebar ul li.tags h2 {
	text-indent: -999em;
	background: url('images/browse-by-tag.png') no-repeat top left;
}

/* Heroes title */
div#sidebar ul li.heroes h2 {
	text-indent: -999em;
	background: url('images/browse-by-heroes.png') no-repeat top left;
}

/* Search title */
div#sidebar ul li.search h2 {
	text-indent: -999em;
	background: url('images/search-the-blog.png') no-repeat top left;
}

/* Search box in the sidebar */
div#sidebar ul li.search {
	font-size: 11px;
}
div#sidebar ul li.search form {
	margin: 0;
	padding: 0;
}
div#sidebar ul li.search input {
	vertical-align: middle;
}
div#sidebar ul li.search input.q {
	margin: 12px 5px 12px 12px;
	width: 121px;
	height: 16px;
	background: url('images/search-input.png') no-repeat top left;
	padding: 2px 5px;
	border: 0px none;
}
div#sidebar ul li.search input.s {
	margin: 0 5px 0 0;
}

/* Footer */
div#footer {
	clear both;
	width: 930px;
	margin: 0;
}
div#footer p a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}
div#footer .knowledge-heroes {
	background: url('images/footer-kh.png') no-repeat top left;
	width: 172px;
	height: 28px;
	float: left;
	margin: 31px 0 36px 22px;
}
div#footer .knowledge-plaza {
	background: url('images/footer-kp.png') no-repeat top left;
	width: 164px;
	height: 28px;
	float: left;
	text-indent: -999em;
	margin: 31px 0 36px 29px;
}
div#footer .micro-plaza {
	background: url('images/footer-mp.png') no-repeat top left;
	width: 134px;
	height: 35px;
	float: left;
	text-indent: -999em;
	margin: 26px 0 36px 29px;
}
div#footer .whatever {
	background: url('images/footer-whatever.png') no-repeat top left;
	width: 136px;
	height: 35px;
	float: left;
	text-indent: -999em;
	margin: 27px 0 33px 35px;
}

/* Small style (stay tuned, contact us...) */
p.contact-us,
p.stay-tuned {
	border: 1px solid #dafdb9;
	background: #effde3;
	padding: 7px;
	font-size: 11px;
	color: #032030;
}
p.contact-us {
	background: #f3f3f3;
	border: 1px solid #eeeeee;
	width: 574px;
	margin: 16px 0 16px 16px;
	float: left;
	display: inline;
}
p.stay-tuned {
	margin: 0 0 20px 0;
}
p.contact-us strong,
p.stay-tuned strong {
	display: block;
	margin: 0 0 3px 0;
}
p.rss-feed a,
p.contact-us a,
p.stay-tuned a {
	font-weight: bold;
	color: #14668b;
	text-decoration: none;
}
p.rss-feed {
	padding: 23px 16px 21px 0;
	font-size: 11px;
	margin: 0;
	width: 284px;
	float: right;
	background: #fff;
	border-top: 1px solid #9bc9eb;
}
p.rss-feed strong {
	display: block;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	width: 124px;
	height: 16px;
	line-height: 16px;
	background: url('images/rss-feed.png') no-repeat center right;
}

/* Post */
.post {
	margin: 0 0 42px 0;
}
.post-single {
	margin: 0 0 0 0;
}
.post .date {
	color: #b5b5b5;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.page h2,
.post h2 {
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.post h2 a {
	color: #000;
	text-decoration: none;
}
.post .categories {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.post .categories strong {
	padding: 0 5px 0 0;
}
.post .entry {
	margin: 16px 0 0 172px;
	font-size: 14px;
}
.page .entry {
	font-size: 14px;
}
.post .knowledge-hero-profile {
	margin: 16px 0 0 0;
	float: left;
	width: 150px;
	padding: 190px 0 0 0;
	background: no-repeat top center;
	text-align: center;
	color: #555555;
}
.post .knowledge-hero-profile span.title {
	height: 15px;
	width: 100%;
	display: block;
	text-indent: -999em;
	margin: 0 0 3px 0;
	background: no-repeat top center;
}
.kh-rookie .knowledge-hero-profile {
	background-image: url('images/knowledge-rookie-illustration.png');
}
.kh-rookie .knowledge-hero-profile span.title {
	background-image: url('images/knowledge-rookie-title.png');
}
.kh-hero .knowledge-hero-profile {
	background-image: url('images/knowledge-hero-illustration.png');
}
.kh-hero .knowledge-hero-profile span.title {
	background-image: url('images/knowledge-hero-title.png');
}
.kh-superhero .knowledge-hero-profile {
	background-image: url('images/knowledge-superhero-illustration.png');
}
.kh-superhero .knowledge-hero-profile span.title {
	background-image: url('images/knowledge-superhero-title.png');
}
.kh-bag .knowledge-hero-profile {
	background-image: url('images/knowledge-bag-illustration.png');
}
.kh-bag .knowledge-hero-profile span.title {
	background-image: url('images/knowledge-bag-title.png');
}
.post .knowledge-hero-popup {
	width: 206px;
	position: absolute;
	background: #fff url('images/shadow-middle.png') repeat-y 0 0;
	margin-top: -88px;
	margin-left: 160px;
}
.post .knowledge-hero-popup .wrapper1 {
	background: url('images/shadow-bottom.png') no-repeat bottom left;
}
.post .knowledge-hero-popup .wrapper2 {
	padding: 6px 7px;
	background: url('images/shadow-top.png') no-repeat 0 0;
}
.post .knowledge-hero-popup .title {
	background: #012130 url('images/user-profile.png') no-repeat 65px center;
	padding: 5px;
	margin: 0;
}
.post .knowledge-hero-popup .title img {
	border: 5px solid #fff;
}
.post .knowledge-hero-popup form {
	margin: 0;
	padding: 0;
	background: url('images/popup-form-background.png') repeat-x 0 0;	
}
.post .knowledge-hero-popup input.s {
	vertical-align: middle;
	margin: 4px;
	height: 16px;
	width: 124px;
	_width: 121px;
	float: left;
	background: url('images/header-search-input.png') no-repeat 0 0;	
	border: 0px none;
	padding: 2px 5px;
	font-size: 12px;
}

.post .knowledge-hero-popup dl {
	font-size: 11px;
	background: #13678b;
	margin: 0;
	padding: 10px;
}
.post .knowledge-hero-popup dl dt {
	text-align: right;
	width: 50px;
	float: left;
	font-weight: bold;
	color: #fff;
	margin: 0 0 7px 0;
}
.post .knowledge-hero-popup dl dd {
	margin: 0 0 7px 60px;
	color: #fff;
}
.post .knowledge-hero-popup .footer {
	font-size: 11px;
	text-align: right;
	margin: 0;
	padding: 5px;
	background: #b7dbf5;
}
.post .postmetadata {
	clear: left;
	font-size: 11px;
}
.post .postmetadata .hero {
	padding: 0 0 7px 0;
	display: block;
	float: left;
	margin: 0 0 0 4px;
	width: 150px;
	border-bottom: 2px solid #444444;
}
.post .postmetadata .meta {
	display: block;
	margin: 0 0 0 170px;
	padding: 0 0 7px 0;
	border-bottom: 2px solid #444444;
}

/* Navigation */
div.navigation {
	margin: 0 0 7px 0;
}
div.navigation .alignleft {
	float: left;
	width: 100px;
}
div.navigation .alignright {
	float: right;
	width: 100px;
}
div.navigation a {
	display: block;
	height: 22px;
	width: 100px;
	text-indent: -999em;
}
div.navigation .alignleft a {
	background: url('images/newer-news.png') no-repeat top left;
}
div.navigation .alignright a {
	background: url('images/older-news.png') no-repeat top right;
}

/* Page title (archive, etc.) */
h2.pagetitle {
	font-size: 24px;
	font-weight: normal;
	margin: 7px 0 16px 0;
	padding: 0;
}

/* Comments */
ol.commentlist {
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
}
ol.commentlist li {
	clear: left;
	padding: 0 0 16px 0;
	margin: 0;
	zoom: 1;
}
ol.commentlist li p {
	margin: 0;
	padding: 0;
}
ol.commentlist li p.comment-about {
	text-align: right;
	float: left;
	width: 150px;
	margin: 0;
}
ol.commentlist li p.comment-about cite {
	font-style: normal;
}
ol.commentlist li p.comment-about cite a {
	font-weight: bold;
	color: #14668b;
	text-decoration: none;
}
ol.commentlist li p.comment-about span {
	font-size: 11px;
	display: block;
	color: #b6b6b6;
}
ol.commentlist li p {
	color: #555555;
	margin: 0 0 0 170px;
	font-size: 13px;
}


/* Comment form */
form#commentform {
	margin: 0;
	padding: 0;
}
form.with-comments {
	margin: 16px 0 0 0 !important;
}
form#commentform p {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	width: 374px;
}
form#commentform p.logged {
	margin-left: 170px;
}
form#commentform p label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	color: #222222;
}
form#commentform p label span {
	color: #b5b5b5;
}
form#commentform p input {
	height: 13px;
	font-size: 11px;
	background: url('images/comment-input.png') no-repeat 0 0;
	width: 186px;
	display: block;
	margin: 0 0 0 170px;
	border: 0px none;
	padding: 6px 7px;
}
form#commentform p textarea {
	width: 186px;
	font-size: 11px;
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
	height: 108px;
	display: block;
	margin: 0 0 0 170px;
	border: 0px none;
	background: url('images/comment-textarea.png') no-repeat 0 0;
	padding: 6px 7px;
}
form#commentform p input#submit {
	height: 32px;
	width: 120px;
	padding: 0;
}
form#commentform p.note {
	width: 130px;
	float: right;
	margin: 0 10px 0 0 ;
	font-size: 11px;
}
form#commentform p.note strong {
	margin: 0 0 3px 0;
	display: block;
}