/*
Theme Name: Kommunikarriere.de Blog
Theme URI: http://www.gwa.de/kommunikarriere/blog/
Description: Wordpress Theme für das Kommunikarriere.de Blog.
Version: 1.1
Author: Tom Arnold @ bnt.de
Author URI: http://www.bnt.de/
*/

html, body {
	margin: 0; padding: 0;
}
body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	color: #333;
	background: #333;
}
img {
	border: none;
}
.clear-all {
	clear: both;
	height: 1px;
	overflow: hidden;
}
#upper-wrap {
	background: #FFF url(images/bg-grey.gif) repeat-x;
	padding-bottom: 50px;
}
#layout {
	margin: 0; padding: 0;
	width: 900px;
	margin: 0 auto; padding: 0;
	margin-bottom: 2em;
}
#content {
	padding-left: 37px;
	padding-right: 65px;
}
#main, #sidebar {
	margin: 0; padding: 0;
	float: left;
}
#main {
	margin-top: 25px;
	width: 547px;
}

/*
header
*/
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 169px;
	background: transparent url(images/header.jpg) 0px 40px no-repeat; /* evtl dynamisch per inline style?  */
}
#header h1 {
	display: none; /* media screen only! */
}
#header #logo {
	position: absolute;
	right: 65px;
	bottom: 0px;
}
#header #logo-kk {
	position: absolute;
	right: 65px;
	top: 0px;
}

/*
sidebar
*/
#sidebar {
	margin: 0; padding: 0;
	width: 250px;
	background: transparent url(images/bg-sidebar.jpg) no-repeat;
	min-height: 494px;
}
* html #sidebar {
	height: 494px;
}
#sidebar a {
	text-decoration: none;
}
#sidebar ul {
	margin: 0; padding: 0;
	margin-top: 50px;
	margin-left: 26px;
	margin-right: 26px;
	list-style: none;
}
#sidebar ul li ul {
	margin: 0;
	margin-bottom: 12px;
}
#sidebar ul li ul li {
	font-size: 12px; /* 12px */
	color: #000;
	margin-bottom: 6px;
}
#sidebar ul li ul li a {
	color: #000;
}
#sidebar ul li ul li a:active,
#sidebar ul li ul li a:hover {
	color: #8E3338;
}
#sidebar ul li h2 {
	margin: 0; padding: 0;
	font-weight: bold;
	font-size: 14px; /* 14px */
	color: #8E3338;
	margin-bottom: 6px;
}
#sidebar ul#pages-nav li {
	font-size: 14px;
	color: #333;
	margin-bottom: 12px;
}
#sidebar ul#pages-nav li a {
	color: #333;
}
#sidebar ul#pages-nav li a:active,
#sidebar ul#pages-nav li a:hover {
	color: #8E3338;
}
#sidebar ul#meta-nav {
margin-top: 1.6em;
border-top: 1px solid #CCC;
padding-top: 0.8em;
}
#sidebar ul#meta-nav li {
font-size: 10px;
}
/*
hauptspalte
*/
#main.wide {
	width: 800px;
}
#main .page-title {
	color: #666;
	font-weight: normal;
	font-size: 1.1em;
	margin-left: 27px;
	margin-right: 60px;
}
#main .post {
	margin-bottom: 6em;
	text-align: justify;
}
#main .post-title {
	margin: 0; padding: 0;
	margin-right: 60px;
	font-size: 2em; /* 20px */
	font-weight: normal;
	color: #666;
	background: transparent url(images/bg-post-title.gif) no-repeat;
	padding-top: 20px;
	min-height:	39px; /* 59-20px */
	padding-left: 27px;
}
#main .post-title a {
	text-decoration: none;
	color: #666;
}
* html #main .post-title {
	height: 39px;
}
#main .more-link a {
	text-decoration: none;
	color: #8E3338;
}

#main .post-content,
#main .post-meta,
#main .navigation,
#main .post-comments {
	width: 450px;
	margin-left: 27px;
	font-size: 1.2em; /* 12px */
	line-height: 1.5em;
}
#main.wide .post-content {
	width: 750px;
}
#main .post-content a {
	color: #8E3338;
	color: #CC4950;
}
#main .post-content a:active,
#main .post-content a:hover {
	color: #666;
}
#main .post-content p.more-link a:active,
#main .post-content p.more-link a:hover {
	color: #8E3338;
}
#main .post-meta {
	margin-top: 1.5em;
	font-size: 10px;
	line-height: 1.1em;
}
#main .post-meta a {
	text-decoration: none;
	color: #8E3338;
}
#main p {
	margin-bottom: 1em;
}
#main .navigation {
	margin-top: 4em;
	font-size: 12px;
}
#main .navigation a {
	color: #666;
	text-decoration: none;
}
#main .navigation .alignleft,
#main .navigation .alignright {
	width: 49.9%;
	float: left;
}
#main .navigation .alignright {
	text-align: right;
}
#main ul {
	margin: 0; padding: 0;
	margin-bottom: 1em;
	text-align: left;
	margin-left: 1.5em;
}
#main ul li {
	margin-bottom: 0.5em;
}
#main .post-meta {
	border-left: 5px solid #CCC;
	padding: 0.6em;
	background: #eee;
}

/*
Kommentare
*/
#main .post-comments #author,
#main .post-comments #email,
#main .post-comments #url,
#main .post-comments #comment,
#main .post-comments #submit {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
	width: 224px;
	background: #FFF;
	border: 1px inset #666;
	padding: 2px 4px;
}
#main .post-comments #comment {
	width: 448px;
}
#main .post-comments #submit {
	width: 112px;
	border-style: outset;
	background: #EEE;
}
#main .post-comments label {
	color: #666;
}
#main .post-comments h3 {
	font-weight: normal;
	color: #8E3338;
}
#main .post-comments a {
	color: #8E3338;
	text-decoration: none;
}
#main .post-comments a:active,
#main .post-comments a:hover {
	color: #333;
}
/*
footer
*/
#lower-wrap {
	text-align: center;
	background: #333;
	padding-bottom: 2em;
}
#footer {
	text-align: right;
	margin: 1em auto 0 auto;
	width: 900px;
}
#footer ul {
	margin: 0 65px 0 0; padding: 0;
	list-style: none;
}
#footer li {
	display: inline;
}
#footer li a {
	color: #EEE;
	text-decoration: none;
	padding-left: 0.5em;
	border-left: 1px solid #CCC;
	margin-left: 0.5em;
}
#footer li a:active,
#footer li a:hover {
	color: #FFF;
}
#footer li.first-item a {
	margin-left: 0; padding-left: 0;
	border-left: none;
}
#wp-footer {
	display: none;
}


/*
  ------------------------------------------------------------------------------------------------------------------------------
  flexible upload styles 
  ------------------------------------------------------------------------------------------------------------------------------
*/
.imageframe {

}
.imgalignleft {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.1em;
}
.imgalignright {
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.1em;
}
.imgaligncenter {
	margin-left: auto;
	margin-right: auto;
}