/*
Theme Name: Amazing Grace
Theme URI: http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace
Description: Eclectic theme for an eclectic blog. <a href="http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace">Amazing Grace</a> is created by <a href="http://www.prelovac.com/vladimir/">Vladimir Prelovac</a>
Version: 1.0
Author: Vladimir Prelovac
Author URI: http://www.prelovac.com/vladimir/
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/*************************************
 +Containers
 *************************************/
body{
        background:#f8f8ec url(images/bg.jpg) repeat-x top left;
        color:#150500;
        font-family: Verdana, Georgia, "Times New Roman", Times, serif;
        font-size:72.5%;
        line-height:1.4;
        margin:0;
        padding:0;
        text-align:left;
}
#wrap{
        position:relative;
        margin:0 auto;
        padding-top:1em;
        text-align:left;
        width:1004px;
}
#header{
        text-align:left;
        text-align:left;
        width:1004px;
        margin-bottom:90px;
        padding:0px;
        padding-top:40px;
}
#portrait-bg {
        position:absolute;
        background:url(images/head-rechts-bild.jpg);
        width:319px;
        height:221px;
        right:0;
        top:1px;
}
#rss-big {
        position:absolute;
        /*background:url(images/rss.jpg);*/
        width:111px;
        height:67px;
        top:126px;
        left:40px;
}
#content{

        font-size:1.1em;
        float:left;
        padding:0em 0em 0em 1em;
        width:590px;
}
#content_jojo{

        font-size:1.1em;
        float:left;
        padding:0em 0em 0em 1em;
        width:700px;
}
#sidebar-left{
        background:#FCFCFC;
        border:1px #ccc dotted;
        font-size:1em;
        float:left;
        padding:0em .2em 2em 1em;
        margin-left:20px;
        width:190px;
}
#sidebar-right{
        font-size:1em;
        float:left;
        padding:1em .0em 2em .3em;
        margin-left:10px;
        width:150px;
}

#footer{
        background:url(images/bg-footer.jpg) repeat-x bottom left;
        padding:1em;
        color:#e6e6e6;
        font-size:1em;
        clear:both;
        text-align:center;
}
#topbar{
        float:left;
        background:#ffff99;
        /*border:1px #ccc dotted;*/
        font-size:1em;
        padding:1em 0em 1em 1em;
        margin-left:20px;
        /*margin-bottom:10px;*/
        width:349px;
    /* Jojo 03.11.2022 */
    border: 1px solid #125893;  /* f0f0f0 */
    border-bottom: 2px solid #062b4b; /* ccc */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 20px;
}
#suchbar{
        float:left;
        background:#ffff99;
        border:1px #ccc dotted;
        font-size:1em;
        padding:1em 0em 1em 1em;
        margin-left:20px;
        margin-bottom:10px;
        width:349px;
}
/*************************************
 +Search form
 *************************************/
.search-form {
        font-size:1.2em;
        background:url(images/search.jpg) no-repeat;
        position:relative;
        width:147px;
        height:44px;
        margin-bottom:20px;
}
.search-form input{
        width:125px;
        margin:14px 0 0 10px;
        border:0px;
        background:#f9f9f9;
        color: #9d9d9d;
}/*************************************
 +Footer
 *************************************/

#credits {
margin:55px 0px -10px;
}
#footer a {
    color:#c6d9e9;
}
#footer a:hover {
     color:#b2b2b2;
}
#rss {
        background:url(./images/rss.gif) no-repeat;
        padding-bottom:6px;
        padding-left:20px;
}

/*************************************
 +Hn, a and p
 *************************************/
pre {
        font-size: 1.2 em;
        padding:10px;
    max-width:580px;
        }

code {
        padding:10px;
        font-size:1.2em;
        max-width:580px;
}

a {
        color:#337ab5;
        text-decoration:none;
}
a:hover{
        color:#000;
}
h1, h2, h3, h4{
        font-weight:normal;
        letter-spacing: -.1px;
        margin:0;
}
/* JOJO START */
h4 a{
        color:#6F6F6F;
        text-decoration:none;
}
h4 a:hover{
        color:#000;
}
/* JOJO ENDE */
#header h1 {
        font-size:4em;
        margin-left:.5em;
}
#header h1 a{
        color:#424242;
}

#header p{
        color:#424242;
        font-size:1.3em;
        margin-top:-0.9em;
        margin-left:250px;
        text-align:left;
        font-style:italic;
}


.entrytitle h1 a {
        color:#000;
}
.entrytitle h1 a:hover{

}
.entrytitle h1{
        font-size:1.9em;
        text-align:left;
}

.entrytitle h2 a {
        color:#000;
}
.entrytitle h2 a:hover{

}
.entrytitle h2{
        font-size:1.9em;
        text-align:left;
}

.entrytitle h3{
        font-size:1.5em;
        color:#6F6F6F;
}


#rss-big a{
        display:block;
        width:110px;
        height:64px;
}
blockquote {
        background:#D9D9D9;
        display: block;
        padding:.5em 1em;

}
/*************************************
 +Entry
 *************************************/
.entry{
        margin-bottom:0em;
        text-align:justify;
}

.entry p {
margin:0px;
padding:0px 0px 15px;
}

.entry a:hover{
        /*background-color:#dCdCdC;*/
        text-decoration: underline;
}



.entry h3{
        font-size:1.5em;
    padding-bottom:0.3em;
}
.entry img {
        max-width:580px;
        background:#fff;
        border:1px solid #ccc;
    padding: 2px;
    margin: 0pt 10px;
}

.entry img:hover{
        padding: 2px;
        border:1px dotted #000;
}
a.bewerten{
        border-bottom:1px dotted #CCCCCC;
}
a.bewerten:hover{
        text-decoration: underline;
}
.entry code{
        font-size:1.1em;
        padding:.2em;
        text-align:left;
}
.entrymeta{
        font-size:0.9em;
        padding-top:1em;
        color:#b3960e;
        /*border-top:1px dotted #ccc;*/
        margin-bottom: 2em;
        clear:both;
}

.postedby{
        background:url(./images/user.gif) no-repeat;
        padding:3px;
        padding-left:19px;
}
.filedto{
        background:url(./images/post.gif) no-repeat;
        padding:3px;
        padding-left:20px;
}
.commentslink{
        background:url(./images/packaged.gif) no-repeat;
        padding:2px;
        padding-left:20px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar {
        margin-left: 610px;
}
#sidebar ul{
        list-style-type:none;
        margin:0;
        padding:0;
        margin-bottom:1em;
        clear:both;
}


#sidebar ul li, #sidebar ul li a{
        padding-top:.2em;
        padding-bottom:.2em;
        padding-right:.2em;
}
#sidebar ul li a:hover{
        /*background:#F0F0E0;*/
        text-decoration: underline;
}


#sidebar h2{
        color:#6F6F6F;
        font-size:1.5em;
        margin-top:1em;
}

#sidebar h4{
        color:#6F6F6F;
        font-size:1.5em;
        margin-top:1em;
}

#sidebar-left #cat {
        width: 195px;
        border:1px solid #CCCCCC;
}


#sidebar-right #cat {
        width: 150px;
        border:1px solid #CCCCCC;
}

/*************************************
 +Menu
 *************************************/
#menu {
        position:absolute;
        width:800px;
        padding:0px;
        margin:0px;
}
#menu ul{
        font-size:1.2em;
        list-style: none;
        padding:0;
        margin:0;
}
#menu li{
        float: left;
        border-bottom:0px;
}
#menu li a {
        color:#fff;
        padding:0.6em 1em 0.3em 1em;
        margin-left:0.5em;
        display:block;
}
#menu li a:hover{
        background:#e5f1fd;
        color:#424242;
}
#menu ul li ul {
        display:none;
}

/*************************************
 +Menu Categories
 *************************************/
#catmenu {
        position:absolute;
        width:540px;
        padding:0px;
        margin:0px;
        left:140px;
        top:148px;
}
#catmenu ul{
        font-size:1.2em;
        list-style: none;
        padding:0;
        margin:0;
}
#catmenu li{
        float: left;
        border-bottom:0px;
}
#catmenu li a {
        background:#2B98F3;
        color:#E3F1FC;
        padding:0.64em 1em 0.3em 1em;
        margin-left:0.5em;
        display:block;
}
#catmenu li a:hover{
        background:#125893;
        color:#fff;
}
#catmenu ul li ul {
        display:none;
}
/*************************************
 +AdSense unter Catmenu
 *************************************/
#adsmenu {
        position:absolute;
        width:540px;
        padding:0px;
        margin:0px;
        left:0px;
        top:178px;
}
/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
        font-size:1em;


}
.commentsblock textarea, .contactform textarea{
        width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
        border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
        background:#eee;
        border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
        background:#eee;
        border:1px solid #a1a1a1;
}
.commentauthor{
        display:block;
        font-size:1.5em;
}
ol.commentlist{
        color:#505247;
        font-size:1em;
        list-style-type:none;
        margin:0;
        margin-top:1.5em;
        padding:0;
}
ol.commentlist a{
        color:#b3960e;
}
ol.commentlist a:hover{
        color:#424242;
}
.commentlist li{
        margin-bottom:0.5em;
        padding:0.5em 1em;
}
.alt{
        background:#e3e7cb;
        padding:0.5em;
}
h3.comments{
        font-size:1.3em;
        color:#6C6C6C;
}
#commentmeta{
        font-size:1em;
        padding:.3em;
        border-bottom:1px dotted #ccc;
}
#commentmeta cite{
        padding-right:1em;
        border-right:1px dotted #ccc;
        margin-right:1em;
        font-weight:bold;
        font-size:15px;
}
/*************************************
 +Flickr
 *************************************/
#flickr {
        margin:0 1em 0 .5em;
        padding:0em;
}
#flickr img {
        border:0px;
}
#flickr a {
        background:#FFF;
        border: 1px dotted #ccc;
        float: left;
        display: inline;
        margin:0.7em;
        padding:5px;
        width: 75px;
        height: 75px;
}
#flickr a:hover{
        border: 1px dotted #000;
}
/*************************************
 +Misc
 *************************************/

#ad_block {
        background:#e3e7cb;
        padding: 10px 0 10px 0;
        margin: 1em 0 1em 0;
        text-align: center;
}
#ad_block_middle {
        background:#e3e7cb;
        padding: 10px 0 10px 0;
        margin: 1em 0 0em 0;
        text-align: center;
}

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

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

/*************************************
 +Vlado
 *************************************/


.archd {
        background:#BFBC94 none repeat scroll 0%;
        color:#FFFFFF;
        margin-bottom: 10px;
        display:block;
        text-align: center;
}

/*Next Previous Styling*/
div#nav-below{font-size:0.9em;padding-bottom: 2px; border-bottom:1px dotted #ccc;}
div#nav-below .nav-next{text-align:right; margin-top:-2px;}
div#nav-below .nav-previous{text-align:left;margin-top:15px;}


div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted #ccc;}
div#nav-global .nav-previous{text-align:left;}
div#nav-global .nav-next{text-align:right;margin-top:-1.4em; }

.sb {padding: 0.4em 0em 0em 0.2em;}
.sbdel {padding-left: 16px; background: url(images/mister-wong.gif) center left no-repeat;}
.sbdigg {padding-left: 16px; background: url(images/webnews.gif) center left no-repeat;}
.sbtags {padding-left: 16px; background: url(images/tags.gif) center left no-repeat;}
.sbschiffe {padding-left: 16px; background: url(images/schiffe.gif) center left no-repeat;}

.relpost {padding-bottom:2px; border-bottom:1px dotted #ccc;font-size: 0.9em;color: #6C6C6C;}
.relpost ul {
list-style-type:none;
padding: 0.01em;
}

.dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}
.endate {
        font-size:1.2em;
        color:#6F6F6F;
        font-family: Georgia, Verdana, Times;
        padding-bottom: 1em;
}

#ftnav {
margin:0px 0px 5px;
}

#print{
        background:url(./images/print.gif) no-repeat;
        padding:3px 2px 1px 20px;
}

.btitle{
        font-weight:normal;
        letter-spacing: -.1px;
        margin:0;
        font-size:4.6em;
        margin-left:.5em;
        font-family:times New Roman;
        font-style:italic;

}
.btitle a{
        color:#424242;
}

/*Bewertung Sterne*/
.sterne img {
        margin: 0px;
        padding: 0px;
        border: 0;
        background-color: #F8F8EC;
}
.sterne2 img {
        margin: 0px;
        padding: 0px;
        border: 0;
        background-color: #125893;
}
.sterne img:hover{
        padding: 0px;
        border: 0;
}
.vert {
        vertical-align: middle;
}

/*Daten*/
.zeile {

}
.daten img {
        margin: 0px;
        padding: 0px;
        border: 0;
        /*background-color: #F8F8EC;*/
}
.daten img:hover{
        padding: 0px;
        border: 0;
}

/*************************************
 + Formular bewerten.php
 *************************************/
.bewertungsblock textarea, .bewertungsform textarea {
        width:44em;
}
.bewertungsblock input, .bewertungsblock textarea, .bewertungsform input, .bewertungsform textarea{
        border:1px solid #d1d1d1;
}
.bewertungsblock textarea:focus, .bewertungsform textarea:focus {
        background:#eee;
        border:1px solid #a1a1a1;
}
.bewertungsblock textarea:focus, .bewertungsblock input:focus, .bewertungsform textarea:focus, .bewertungsform input:focus{
        background:#eee;
        border:1px solid #a1a1a1;
}

/************************************
 Schiffsübersichtsseite schiff.php und Co.
*************************************/
/* Rechts Boxen Überschrift */
.titlebox{
    float: left;
    padding: 2px 10px 2px 10px;
    margin: -20px 0 0 30px;
    background: #e4f2fd;
    font-size: 18px;
    border: 2px solid #125893; /* f0f0f0 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
h1.eins{
    padding-left: 55px;
    color:#ffffff;
    background: #125893; /* #e4f2fd */
    /*border: 2px solid #125893;*/
    -webkit-border-radius: 30px 10px 30px 10px;
    -moz-border-radius: 30px 10px 30px 10px;
    border-radius: 30px 10px 30px 10px;
    font-weight:bold;
}
h2.eins{
    padding-left: 55px;
    color:#ffffff;
    background: #125893; /* #e4f2fd */
    /*border: 2px solid #125893;*/
    -webkit-border-radius: 30px 10px 30px 10px;
    -moz-border-radius: 30px 10px 30px 10px;
    border-radius: 30px 10px 30px 10px;
    font-weight:bold;
}
h3.eins{
    margin-bottom: 20px;
    padding-left: 55px;
    color:#ffffff;
    background: #125893; /* #e4f2fd */
    /*border: 2px solid #125893;*/
    -webkit-border-radius: 30px 10px 30px 10px;
    -moz-border-radius: 30px 10px 30px 10px;
    border-radius: 30px 10px 30px 10px;
}
ul.zeichen {
    list-style-image: url(http://www.auf-kreuzfahrt.de/schiff/bilder/pfeil-daten.png);
}