/*
Theme Name: Red Train
Theme URI: http://www.wordpress-themes.perun.net/
Description: Red Train is a Theme for WP 2.x. Made by <a href="http://www.vlad-design.de">Vladimir Simovic</a> (aka <a href="http://www.perun.net">Perun</a>).
Version: 2.6.1
Author: Vladimir Simovic (aka Perun )
Author URI: http://www.vlad-design.de
Tags: red, train, two-column, widget-ready, widgets, fixed-width

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

body {
    background: #b6463a fixed;
    text-align: center;
    padding: 1em 0;
    font: 62.5% verdana, sans-serif;
}

a {
    color: #ffc;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

hr {
    display: none;
}

img {
    border: none;
}

ins {
    text-decoration: none;
    border-bottom: 1px dashed #eee;
}

acronym, abbr, dfn {
    border-bottom: 1px dashed #eee;
    font-style: normal;
}

blockquote {
    border-left: 5px solid #320000;
    margin: 1em 0;
    padding: 10px;
    background: #600000;
    width: 90%;
}

code, pre {
    color: #f93;
    font-family: verdana, sans-serif;
}

.bild-links {
    float: left;
    margin: 0 15px 3px 0;
}

.bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
}

.center {
    text-align: center;
}

.pagination {
    text-align: center;
    margin-top: 2em;
}

.search-button, #commentform input {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #300000;
    background: #800000;
    color: #ffc;
    padding: 1px 2px;
}

#container {
    margin: 0 auto;
    margin-bottom: -30px;
    text-align: left;
    width: 652px;
    background: url('images/basicbackground.jpg') repeat-y;
    color: #ffffff;
    line-height: 1.5;
}

#header {
    height: 205px;
    background: transparent url('images/blogTop.gif') no-repeat;
    margin-left: 30px;
    margin-top: -25px;
}

#header h1 {
    font: italic 22px georgia, serif;
    color: #fff;
    /*line-height: 200px;*/
    padding: 75px 15px;
    display: none;
}

#header h1 a {
    color: #fff;
    text-decoration: none;
    line-height: 1.1em;
}

#navi {
    float: right;
    width: 200px;
}

#navi-innen {
    padding: 0 15px 10px 15px;
}

#navi h2 {
    font: bold 1.4em veradana, sans-serif;
    margin: .8em 0 .2em 0;
}

#navi ul {
    list-style: none;
    margin: .4em 0 1em 0;
    padding: 0;
}

#navi ul li ul {
    margin: .2em 0 .4em .5em;
}

#navi a {
    text-decoration: none;
    font-weight: bold;
}

#navi .navi-search {
    margin-bottom: 3px;
    background: #eee;
    font-size: 1em;
    width: 150px;
    border: 1px solid #300000;
}

#content {
    margin: 1em 215px 1.5em 45px;
    font-size: 1.1em;
}

#content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
}

#content h2 a {
    text-decoration: none;
}

#content h3 {
    margin: 1.2em 0 .4em 0;
    font-size: 1.4em;
}

#content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
}

#content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
}

#content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
}

#content .meta {
    font-size: .9em;
}

#content .feedback {
    margin: 15px 0 15px 0;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #700000;
}

#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}

#commentlist li img.avatar {
    float: right; margin: 2px 0 5px 10px;
    border: 1px solid #300; padding: 4px; background: #eee;
}

#commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #300000;
    background: #600000;
}

#commentform textarea {
    background: #eee;
    border: 1px solid #300000;
}

#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #eee; color: #333;
    border: 1px solid #300000;
    width: 180px;
}

#footer {
    clear: both;
    margin: 3em 15px 0 15px;
    padding: 5px;
    text-align: center;
    font-size: .8em;
}

/* *** Plugins *** */
.tags {
    margin: 1.5em 0;
    font-weight: bold;
    padding: 2px 0;
}

#wp_grins {
    margin-top: 2px;
}

.pagebar {
    text-align: center;
    line-height: 1.4;
    margin-top: 2em;
}

.pagebar .this-page {
    font-weight: bold;
}

.pagebar a {
    border: 1px solid #300000;
    background: #900;
    padding: 2px 5px;
    margin-bottom: 5px;
    text-decoration: none;
    color: #ffc;
}

.pagebar a:hover {
    color: #fff;
}

/* WordPress 2.6 */

.aligncenter,
div.aligncenter {
   display: block; margin-left: auto; margin-right: auto; text-align: center;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}

.wp-caption {
   text-align: center;
   background-color: #f9f9f9; border: 1px solid #300000;
   padding-top: 4px; margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.wp-caption img {
   margin: 0; padding: 0; border: 0 none;
}

#text-inhalt div.wp-caption a { border: none; }

/*////////////////////////////////////////////////////////////*/
/*/////////////////////////  MENUS  /////////////////////////*/
/*////////////////////////////////////////////////////////////*/

/*Most of the code below is adapted from  http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
*/

.menu {width:85px; height:32px; font-family: Times New Roman, Times; font-size:0.85em; position:relative; z-index:100;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:85px; w\idth:85px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; width:85px;}
.menu ul ul {width:85px; margin-top:-30px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:85px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:10pt;text-decoration:none; color:#ffffff; /*width:85px; /*height:30px; border:0; border-width:0; background:black; padding-left:0px; line-height:29px;*/}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:85px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited{background:black;}

/* style the second level hover */
.menu ul ul a.drop:hover
.menu ul ul :hover > a.drop

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:black;}
/* style the third level hover */
.menu ul ul ul a:hover {background:black;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;width:85px;height:0;top:31px;left:0;border-top:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;top:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:85px; top:-1px; width:85px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:18px; left:-70px; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:black; color:#ffffff; height:auto; padding:0; width:85px;border-width:0;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:85px;width:85px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff;/*background:#136161;*/}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff;background:#136161;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



.wp-caption p.wp-caption-text {
   font-size: 11px; line-height: 17px; color: #333;
   padding: 0 5px 5px 5px; margin: 0;
}