/*
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;
}

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               : #393939;
    text-decoration     : none;
}
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               : 960px;
}

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

#header img#logo {
    float               : left;
}
#header #quick {
    float               : right;
    width               : 560px;
    text-align          : right;
}
#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              : 75px;
}
#header #quick #hotNews .dimmed {
    color               : #63676A;
}
#header #quick #hotNews quote { /* "Willkommen im Labyrinth der ..." */
    font-family         : Georgia, "Times New Roman", serif;
    font-size           : 15px;
}
#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    : #393939;
    margin-bottom       : 5px;
    padding             : 3px 3px 3px 10px;
}
#navigation ul li:hover, #navigation ul li.active {
    background-color    : #2B2B2B;
}
#navigation ul li.active a {
    text-decoration     : underline;
}
#navigation ul li a, #navigation ul li {
    display             : block;
    color               : #FFFFFF;
}
#navigation ul li.ebene2 {
    padding-left        : 20px;
    background-color    : #747474;
}
#navigation ul li.ebene2:hover, #navigation ul li.ebene2.active {
    background-color    : #575757;
}
#navigation ul li.ebene3 {
    padding-left        : 30px;
    background-color    : #828282;
}
#navigation ul li.ebene3:hover, #navigation ul li.ebene3.active {
    background-color    : #7B7B7B;
}

#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 6px 0px;
    font-weight         : normal;
    font-family         : 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size           : 16px;
}

.infotext {
    display             : block;
    padding             : 10px;
    border              : 1px solid #BECCD9;
    background-color    : #D5E4F2;
    -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         : 12px;
}
.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               : #666666;
    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;
}
#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;
    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         : 12px;
}
#content.links ul.links li.link .description {
    font-style          : italic;
    margin-left         : 18px;
    margin-bottom       : 12px;
}

#content.wide {
    width               : 730px;
}