/*
Theme Name: kai-ehlers.de
Theme URI: http://wolfgangtimme.de/
Description: Wordpress-Theme fuer Kai Ehlers, Publizist und Autor
Version: 3.1
Author: Wolfgang Timme
Author URI: http://wolfgangtimme.de/
Tags: 
*/

body {
    text-align          : center;
    font-family         : Verdana, Arial, sans-serif;
    font-size           : 12px;
    background-image    : url("gfx/background.jpg");
    background-repeat   : repeat;
    line-height: 17px;
}

div {
    text-align          : left;
}

a img {
    border-width        : 0px;
}

input {
    border              : 1px solid #5F666C;
    -moz-border-radius  : 2px;
}
input[type=text] {
    background-color    : #FDFEFF;
    color               : #474C51;
}
input:focus {
    border-color        : #000000;
}
input[type=text]:focus {
    color               : #000000;
    background-color    : #FFFFFF;
}
input[type=checkbox] {
    border-width        : 0px;
}

form fieldset {
    border              : 1px solid #393939;
    -moz-border-radius  : 2px;
}
form fieldset legend {
    margin-left         : 10px;
    font-family         : 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size           : 14px;
}

a, a:link, a:active, a:visited {
    color               : #3A6290;
    text-decoration     : none;
/*    border-bottom: 		: 1px dotted #333333; */
}
a:hover, a.current {
    text-decoration     : underline;
    color               : #000000;
}

a.anchor {
    display             : none;
}
a#top { /* The anchor 'go to top' links scroll to. */
    position: absolute;
    top: 0px;
}

.clearfix {
    clear               : both;
    width               : 0px;
    height              : 0px;
}

#page {
    margin              : 12px auto;
    width               : 1000px;
	padding 			: 10px;    
    background-color: #FFFFFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;    
}

div.formWrap fieldset {
    padding: 6px;
}
div.formWrap fieldset legend {
    margin: 0px;
}
div.formWrap table th {
    font-weight: normal;
    width: 120px;
    vertical-align: top;
}

#header {
	background-image: url(gfx/header_bg.jpg);
	height: 134px;
	width: 1000px;
}

#header img#logo {
    float               : left;
}
#header #quick {
    float               : right;
    width               : 560px;
    text-align          : right;
    padding-right: 10px;
}

#links {
	width: 1000px;
	height: 20px;
    margin              : 10px auto 12px auto;
    text-align          : right;	
}

#links ul li {
    display             : inline;
}

#links ul li a { 
	color: #5a5a5a;
}

#links ul li #search{	
	float: right;
	margin-left: 10px; 

}

#header #quick #links {
    margin              : 0px auto 12px auto;
    text-align          : right;
}
#header #quick #links ul li {
    display             : inline;
}
#header #quick #links ul li a.rssIcon {
    background-image    : url("gfx/rss-inactive-10x10.png");
    background-repeat   : no-repeat;
    background-position : right 3px;
    padding-right       : 14px;
}
#header #quick #links ul li a.rssIcon:hover {
    background-image    : url("gfx/rss-10x10.png");
}
#header #quick #links a, #header #quick {
    color               : #63676A;
}
#header #quick #links a:hover, #header #quick #links a.current {
    color               : #000000;
}
#header #quick #links a.current {
    background-color    : #F1F8FF;
}
#header #quick #search {
    margin              : auto;
    text-align          : right;
}

#header #quick #search input#searchterm {
    background-image    : url("gfx/find.png");
    background-repeat   : no-repeat;
    background-position : 4px 2px;
    padding-left        : 20px;
}
#header #quick #search input#searchterm:focus {
    background-image    : url("gfx/find-focus.png");
}
#header #quick #hotNews {
    margin              : 12px 0px 0px 12px;
    padding             : 2px;
    color               : #000000;
    overflow-y          : hidden;
}
#header #quick #hotNews,
#header #quick #hotNews ul li div {
    height              : 135px;
}
#header #quick #hotNews .dimmed {
    color               : #63676A;
}
#header #quick #hotNews quote { /* "Willkommen im Labyrinth der ..." */
    font-family         : Georgia, "Times New Roman", serif;
    font-size           : 14px;
    color				: #3d3d3d; 
    line-height: 20px;
}
#header #quick #hotNews a.switchLanguage {
    display             : block;
    margin-top          : 12px;
    text-align          : right;
}

#left, #content, #right {
    margin-top          : 12px;
    float               : left;
}

#left, #right {
    width               : 200px;
}

#left {
    margin-right        : 30px;
}

#navigation ul.main {
    margin-bottom       : 36px;
}
#navigation ul.others {
    margin-top          : 6px;
}
#navigation ul.back {
    margin-bottom       : 12px;
}
#navigation ul li {
    background-color    : #ebebeb;
    margin-bottom       : 3px;
    padding             : 3px 3px 3px 10px;
}
#navigation ul li:hover, #navigation ul li.active {
    background-color    : #dbdbdb;
}
#navigation ul li.active a {
    text-decoration     : underline;
}
#navigation ul li a, #navigation ul li {
    display             : block;
    color               : #333333;
}
#navigation ul li.ebene2 {
    padding-left        : 20px;
    background-color    : #f7f7f7;
}
#navigation ul li.ebene2:hover, #navigation ul li.ebene2.active {
    background-color    : #dbdbdb;
}
#navigation ul li.ebene3 {
    padding-left        : 30px;
    background-color    : #fbfbfb;
}
#navigation ul li.ebene3:hover, #navigation ul li.ebene3.active {
    background-color    : #dbdbdb;
}

#left #labyrinth {
    margin-top          : 30px;
    margin-left: 42px;
    text-align: center;
    width: 102px;
}
#left #labyrinth img {
    display: block;
    margin: 0px auto 12px auto;
}

#content {
    width               : 500px;
}
#content #labyrinth {
    margin: 12px auto 24px 140px;
}

#content .post .theContent p,
#content p.meta {
    margin              : 12px 0px;
    line-height         : 18px;
}

.sectionHeading {
    padding             : 0px 0px 3px 0px;
    display             : block;
    margin              : 0px 0px 12px 0px;
    font-weight         : normal;
    line-height			: 22px;
    font-family         : 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size           : 22px;
}

.infotext {
    display             : block;
    padding             : 10px;
    border              : 1px solid #BECCD9;
    /*background-color    : #D5E4F2;*/
    background-color    : #e0f0ff;
    -moz-border-radius  : 2px;
    margin              : 0px 0px 16px 0px;
}
.infotext a.edit {
    display             : block;
    text-align          : right;
    margin-top          : 6px;
}
.infotext .msg {
    font-weight         : bold;
    display             : block;
    margin-bottom       : 12px;
}
.infotext ul {
    list-style-type     : disc;
    margin-left         : 35px;
}
.infotext.error {
    border              : 2px solid #C48777;
}
.infotext.notice {
    background-color    : #FFFF66;
    border-color        : #F2F261;
}
.infotext .alignRight {
    float               : right;
}
.infotext .alignLeft {
    float               : left;
}

.alignRight {
    text-align          : right;
}
.alignCenter {
    text-align          : center;
}
.numbered-page-navigation {
    margin-top          : 18px;
}
.numbered-page-navigation .previous, .archive-navigation .previous {
    float               : left;
}
.numbered-page-navigation .next, .archive-navigation .next {
    float               : right;
}
.numbered-page-navigation .current {
    font-weight         : bold;
}

.teaser {
    display             : block;
    margin-bottom       : 20px;
}
.teaser.private {
    background-color    : #FFFFFF;
}
.teaser .category {
    font-style          : italic;
    color               : #A4A4A4;
    display             : block;
    margin-bottom       : 2px;
}
.teaser .title {
    font-weight         : bold;
}
.teaser .excerpt {
    margin              : 6px 20px;
}
.teaser .meta, ul#events .month {
    display             : block;
    background-color    : #D5E4F2;
    padding             : 4px;
}
.teaser .meta .more {
    float               : right;
}

#right {
    margin-left         : 30px;
}
#right #books .divider {
    padding             : 12px 10px;
}
#right #books .divider hr {
    color               : #BECCD9;
}

/* anpassung für links bei den Büchern */

div.book div.title a{
	text-decoration: underline;
}

hr {
	margin: 0px;
	padding: 0px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;		
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	border-style: solid;
}

#right #books .book .cover {
    text-align          : center;
}
#right #books .book .cover img {
    width               : 140px;
    margin              : 10px auto;
}
#right #books .book .description {
    color               : #5F666C;
}
#right #books .infotext {
    margin-bottom       : 0px;
}
#right #books .book.notice,
#right #books .book.notice a,
#right #books .book.notice p {
    color               : #000000;
}

#copyright {
    margin-top          : 20px;
    text-align          : center;
    color               : #5F666C;
}

#imagePreload {
    display             : none;
}
#content.bookOverview {
    width: 730px;
}
ul#bookCategories li a span.itemCount {
    float: right;
    border: 1px solid white;
    font-size: 10px;
    background-color: white;
    color: #393939;
    -moz-border-radius: 2px;
}

ul#booksOverview li.divider {
    width               : 20px;
    float               : left;
    height              : 10px; /* random */
}
ul#booksOverview li.firstInRow {
    clear               : both;
}
ul#booksOverview li .book, ul#booksOverview li .meta, ul#booksOverview li div.title {
    display             : block;
    width               : 230px;
    float               : left;
}
ul#booksOverview li .title h3 {
    font-weight         : bold;
    margin-bottom       : 6px;
}
ul#booksOverview li .book .cover img {
    width               : 90px;
    margin-right        : 6px;
    float               : left;
}
ul#booksOverview li .meta {
    padding             : 3px 0px;
    border-width        : 1px 0px;
    border-style        : dotted;
    border-color        : #5F666C;
    display             : block;
    margin-top          : 6px;
}
ul#booksOverview li .meta .price {
    font-weight         : bold;
    float               : left;
}
ul#booksOverview li .meta a.more {
    float               : right;
}
ul#booksOverview li.horizontalDivider {
    clear               : both;
    display             : block;
    width               : 100%;
    height              : 18px;
}
ul#booksOverview li.small {
    height              : 6px;
}

div.bookSingle .cover {
    float: left;
}
div.bookSingle .cover img {
    width: 200px;
}
div.bookSingle .details {
    float: left;
    margin-left: 24px;
    width: 276px;
}
div.bookSingle .details div.label {
    width: 96px;
    float: left;
    font-weight: bold;
    margin-right: 6px;
}
div.bookSingle .details ul li {
    padding-top: 24px;
}
div.bookSingle .description {
    margin-top: 24px;
}
div.bookSingle .description h3 {
    margin-bottom: 12px;
}
div.bookSingle div#orderform {
    margin-top: 36px;
}
div.bookSingle div#orderform table th, div.bookSingle div#orderform table td {
    padding-top: 6px;
}
div.bookSingle div#orderform table tr.order_name th, div.bookSingle div#orderform table tr.order_name td {
    padding-top: 0px;
}
div.bookSingle div#orderform table tr.order_actions th,
div.bookSingle div#orderform table tr.order_actions td,
div.bookSingle div#orderform table tr.order_confirm th,
div.bookSingle div#orderform table tr.order_confirm td {
    padding-top: 12px;
}
div.bookSingle div#orderform input.order_name,
div.bookSingle div#orderform input.order_street {
    width: 200px;
}
div.bookSingle div#orderform input.order_zip {
    width: 40px;
}
div.bookSingle div#orderform input.order_city {
    width: 154px; /* 154px looks good in Firefox */
}
div.bookSingle div#orderform input.order_confirm {
    margin: 0px;
}
div.bookSingle div#orderform input.order_reset {
    float: left;
}
div.bookSingle div#orderform input.order_submit {
    float: right;
}

/**
 * Contact form
 */
#contact form table tr th,
#contact form table tr td {
    padding-top: 12px;
}
.formWrap tr.contact_name td input,
.formWrap tr.contact_email td input,
.formWrap tr.contact_subject td input {
    width: 200px;
}
.formWrap tr.contact_msg td textarea {
    width: 200px;
    height: 120px;
}
.formWrap tr.contact_actions input.contact_reset {
    float: left;
}
.formWrap tr.contact_actions input.contact_submit {
    float: right;
}

/**
 * Event page
 */
ul#events {
    margin-bottom       : 24px;
}
ul#events li.event {
    margin              : 6px 0px 6px 3px;
}
ul#events li.event .loading {
    background-image    : url("gfx/ajax-loading-circle-16x16.gif");
    background-repeat   : no-repeat;
    background-position : 471px 6px;
}
ul#events li.event .short-info .title {
    font-weight         : bold;
}
ul#events li.event .short-info .date {
    font-style          : italic;
    padding             : 4px 0px 0px 12px;
}
ul#events li.event .short-info {
    cursor              : pointer;
}
ul#events li.event .full-info {
    /*display             : none;*/
    margin              : 6px;
    background-color    : #F1F8FF;
    border              : 1px solid #5F666C;
    padding             : 6px;
    -moz-border-radius  : 3px;
}
ul#events li.event .location {
    background-image    : url("gfx/map.png");
    background-repeat   : no-repeat;
    background-position : left 4px;
    margin-top          : 12px;
    padding             : 6px 0px 6px 24px;
}

/**
 * Notification bar
 */
body.hasNotificationBar {
    padding-top         : 28px;
}
#notificationBar {
    position            : fixed;
    top                 : 0px;
    width               : 100%;
    background-color    : #EDEAD7;
    border-bottom       : 2px solid #ADA998;
    padding             : 6px 10px;
    height              : 14px;
    min-width           : 960px;
}
#notificationBar:hover {
    background-color    : #F0E6C6;
}
#notificationBar #cancel {
    float               : right;
    margin-right        : 18px;
}

/**
 * Admin bar
 */

body.hasAdminBar {
    padding-top         : 31px;
}
body.hasAdminBar.hasNotificationBar #notificationBar {
    display             : none;
}
#adminBar {
    position            : fixed;
    top                 : 0px;
    width               : 100%;
    height              : 15px;
    min-width           : 960px;
    background          : -moz-linear-gradient(center top , #292929, #555) repeat scroll 0 0 transparent;
    padding             : 7px 0px;
}
#adminBar a {
    color               : #C6C6C6;
}
#adminBar .wpAdmin {
    float               : left;
    padding-left        : 10px;
}
#adminBar .contentSpecific {
    float               : right;
}
#adminBar ul li {
    display             : inline;
    margin-right       : 10px;
}

/**
 * 'Links' page
 */
#content.links ul.links li.category {
    margin-top          : 12px;
    margin-bottom       : 12px;
    font-size           : 14px;
    font-weight         : bold;
}
#content.links ul.links li.category.first {
    margin-top          : 0px;
}
#content.links ul.links li.link a {
	margin-left: 10px;
	padding-bottom		: 10px;
	text-decoration		: underline;    
	height: 10px;
	width: 500px;
	float: left;
}
#content.links ul.links li.link .description {
	margin-left: 10px;
    margin-bottom       : 12px;
    line-height: 15px;
}

div.description {
	padding-top: 		: 5px;
}

#content.wide {
    width               : 730px;
}

/* IMGS */


img.alignleft {
	float: left;
	margin-right: 10px;
}

div.wp-caption {
	float: left;
	border: 1px solid #DDD;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
	margin-left: 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* ueberschriften */

h1 {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333;
	font-size: 20px;
}

h2 {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333;
	font-size: 17px;
}

h3 {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333;
	font-size: 15px;
}

h4 {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333;
	font-size: 14px;
}

div.theContent ul {
	margin-left: 20px;
}

div.theContent li { 
	list-style: disc;
}

div.theContent ul ul, ol ul {
	list-style-type: circle;
}

div.theContent ol ol ul, ol ul ul, ul ol ul, ul ul ul {
	list-style-type: square;
}