/*
Theme Name: Ocean Mist German
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist 1.2 German<br /> Die deutsche Version von Ocean Mist 1.2
Version: 1.2
Author: Ed Merritt (&Uuml;bersetzung durch Sebastian Schwittay (www.pixelreality.net))
Author URI: http://www.edmerritt.com/
*/



/* layout */

* {
             font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;
             }

body {                                                                          /* hintergrundgrafik oder weiß */
             position: relative;
             background: /*url(images/bg_body.gif) top left repeat-x;*/ #fff;   /*Verlauf an den Seiten oder ganz BLAU   -  jetzt weiß*/
             font: 70% Verdana, Arial, Helvetica, sans-serif;
             color: #000000;
             text-align: center;
             }

#page {                                                                         /* ganze seite unter dem header als hintergrund */
             display: block;
             width: 750px;
             background: url(images/bg-site.png) top repeat-y;
             text-align: left;
             margin: 0 auto;                                                    /*zentriert die seite*/
             min-height: 800px;
             }

#header {                                                                       /* mein Header! */
             position: relative;
             float: left;
             display: block;
             width: 750px;
             background:    url(images/header.png) top no-repeat; #fff;
             min-height: 355px;
             padding: 0;
             }

* html #header {height: 355px;}

#content {
             float: left;
             display: block;
             width: 543px;
             margin: 0 0 0 7px;                                                 /*verschiebt den ganzen bereich!*/
             }

#sidebar {
             float: left;
             display: block;
             width: 193px;
             margin: 0;
             }

.pagenavi {
          text-align:center;
          margin-bottom: 20px;
          }

* html #content, * html #sidebar {position: relative; left: -7px;}


.post {
             float: left;
             display: block;
             width: 525px;
             margin: 0 0 0 18px;
             }

.page {                                                                         
             float: left;
             display: block;
             width: 507px;
             margin: 10px 0px 18px 30px;                                        /* Content text ausrichtung / top-right-bottom-left */
             }

.archive {
             float: left;
             display: block;
             width: 507px;
             margin: 0 0 18px 30px;
             border-bottom: 2px solid #ffe9c2;                                  /*im archiv sind die unterteilungslinien jetzt orange!!*/
             }

#sidebar .post {
             display: block;
             width: 200px;
             margin: 0 0 0 4px;          
             }
             
#sidebar .post {
             display: block;
             width: 200px;
             margin: 0 0 0 4px;
             }

.title {                                                                        /* die Balken im Content für die Überschriften noch ausrichten */
             float: left;
             display: block;
             width: 537px;
             height:30px;
             background: /* url(images/bg_h2.gif)bottom repeat-x; */  #ffe7ce;
             margin: 0px 0px 15px 6px;
             }

.archivlines {                                                                        /* die Balken im Content für die Überschriften noch ausrichten */
             float: left;
             display: block;
             width: 537px;
             height:30px;
             background: /* url(images/bg_h2.gif)bottom repeat-x; */  #ffe7ce;
             margin: 0px 0px 40px 6px;
             }
             
#published  { 
            margin: 5px 0px 18px 24px;
            }
                         
#sidebar .title {                                                               /* die seidbar hintergründe, die Überschriften noch ausrichten*/
             float: left;
             display: block;
             width: 181px;
             height: 30px;
             background:  url(images/sidebar_links_bg.png) bottom left repeat-x;  #FFA300;
             }

.entry {
             float: right;
             display: block;
             width: 350px;
             margin: 0;
             }

.postinfo {
             float: left;
             display: block;
             width: 157px;
             margin: 0 0 18px 0;
             }

.wideposts .entry {                                                             /* die Posts im Contenbereich unter "Dorf aktiv" */
             float: left;
             display: block;
             width: 525px;
             margin: 10px 0px 18px 12px;
             }

.wideposts .postinfo {
             float: left;
             display: block;
             width: 525px;
             margin: 0 0 18px 0;
             }

.archive .postinfo {
             margin-left: 18px;
             }

.archive .entry {
             margin-right: -24px;
             }

* html .post, * html #sidebar .post, * html .archive {
             margin-left: 0;
             position: relative;
             left: 18px;
             }

p img {
             float: left;
             margin: 0 18px 12px 0;
             }

p img.wp-smiley {
             float: none;
             margin: 0;
             }

embed {
             float: left;
             margin: 0 18px 12px 0;
             }


/* typography */

/*h1 {
             font: 2.2em Tahoma, Verdana, Arial, sans-serif;
             color: #F00;                                                       ROT HELL    Homebutton im Header!
             letter-spacing: -1px;
             padding: 45px 37px 0 37px;
             margin: 0 0 -5px 0;
             }

h1 a, h1 a:visited {
             color: #900;                                                       ROT Dunkel
             text-decoration: none;
             }
                                                                               
.description {
             color: #900;                                                       rosa dunkel
             margin: 0 37px 25px 37px;
             }*/

.title h2 {
             font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
             text-transform: none;
             padding: 3px 24px 12px 24px;
             color: #ff6633;;
             }

#content .postwrapper .title h2 {
             font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
             text-transform: none;
             /*background: url(images/icon_entry.gif) 24px 50% no-repeat;
             padding: 3px 100px 12px 42px;*/
             }

#sidebar .title h2 {                                                            /* Überschriftenfarbe sidebar*/
             font: 1.4em Arial, Helvetica, sans-serif;
             text-transform: none;    
             padding: 3px 0 12px 24px;
             background: none;
             color: #fff;
             }

.title small {                                                                  /*datumsanzeige*/
             float: right;
             padding: 12px 24px 0 0;
             color: #000;
             }

h2 a, h2 a:visited {}

h3 {
             font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
             margin: 0 0 0.5em 0;
             padding: 5px 0px 3px 24px;
             }

published  {
            font: bold 0,5em Verdana, Arial, Helvetica, sans-serif;
            padding: 5px 0px 3px 24px;
            }   
p {
             margin: 0 0 18px 0;
             
             }

.entry p {padding-right: 24px;}

.postinfo p {padding: 0 6px;}

.req {padding-left: 3px; color: #CC0000;}

blockquote {
            padding: 0 0 0 12px;
            border-left: 3px solid #ccc;
            }



/* lists */

ul {margin: 0 0 24px 9px;}

ol {margin: 0 0 24px 9px;}

ul li {margin: 0 24px 0 14px;}

ol li {margin: 0 24px 0 14px;}

.buttons {
           float: left;
           display: block;
           width: 100%;
           list-style: none;
           margin-left: 0;
           margin-bottom: 21px;
           }

*:first-child+html .buttons {float: none;}

.buttons li {
           float: left;
           margin: 0 18px 3px 0;
           padding: 0;
           }

.buttons ul {
           margin: 3px 0 0 0;
           list-style: none;
           padding-bottom: -5px;
           }

.buttons ul a, .buttons ul a:visited {
           padding: 3px 6px 4px 6px;
           font-weight: normal;
           }

* html .buttons li {margin: 0;}

.buttons a, .buttons a:visited {                                                /*Dorf aktiv / unter dem post zum weiterlesen*/
           display: block;
           width: 105px;
           padding-left: 0px;
           text-align: left;
           /*background: url(images/menu.gif) bottom left no-repeat;
           border-top: 0px solid #D1E0F0;*/
           font-weight: bold;
           }

#sidebar .buttons a {text-align: left;}

.buttons a:hover {background-position: bottom right;}

/*p.pages {font-weight: bold;
        padding-left: 40px;
        }

p.pages a {
           display: block;
           padding: 3px;
           width: auto;
           background: url(images/menu.gif) bottom left no-repeat;
           border-top: 1px solid #00FF00;
           border-right: 1px solid #f69;
           }*/

.catlist {
           float: left;
           list-style: none;
           margin: 0 0 18px 0;
           }

*:first-child+html .catlist {border-bottom: 18px solid #fff;}

/*.catlist li {
           float: left;
           margin: 0 18px 0 0;
           border-bottom: 1px solid #CAD6E1;                                     /*untere linie bei Kategorieanzeige
           }*/

* html .onecol li {margin: 0;}

/*.catlist ul {display: none;}

.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}  obere linie bei Kategorieanzeige*/

.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;} 

*:first-child+html .onecol {border-bottom: 0;}

/*.catlist a, .catlist a:visited {
           display: block;
           width: 145px;
           padding: 1px 6px 2px 6px;
           margin: 1px 0;
           }

.catlist a:hover {background: #99C;}*/

#themeswitcher {list-style: none; margin: 0 0 18px 0;}

#themeswitcher li {margin: 0;}

#sidelist {list-style: none;}

#sidelist li {margin: 0;}

#sidelist li li {margin: 0 24px 0 8px;}

#sidelist ul {list-style-type: disc; }



/* links */                                                                     /*link farbe */

a, a:visited {
           color: #ff6633;
           text-decoration: none;
           }

p a:hover, ul a:hover {   
           color: #000;
           text-decoration: none;
           }

#content p a:hover, #content ul a:hover {background-color: #;}



/* main image */                                                                /* HEADER image */ 

/*

#mainpic {
           position: absolute;
           bottom: 0;
           float: left;
           /*background: url(images/mainpic01.jpg) no-repeat #FFDE8F; 
           display: block;
           width: 736px;
           height: 229px;
           margin: 0 7px;
           border-top: 0px solid #fff;
           border-bottom: 0px solid #67939B;
           }

*/

/* forms */

form {margin: 0 0 18px 0;}

#searchsubmit {position: absolute;}

#s {
           width: 130px;
           padding: 2px;
           border: 1px solid #B9C3D1;
           background: #CAD6E1;
           color: #32474B;
           margin-right: 2px;
           }

select, .field {
           width: 157px;
           margin: 0 0 4px 0;
           color: #32474B;
           }

.field {
           padding: 2px;
           width: 153px;
           }

textarea {
          padding: 2px;
          width: 308px;
          font: 1em Verdana, Arial, Helvetica, sans-serif;
          }

select option {padding: 1px;}

#submit {padding: 3px;}



/* calendar 

#wp-calendar caption {
          width: 157px;
          text-align: center;
          background: #4b5d67;
          color: #fff;
          border-bottom: 2px solid #e6eef7;
          }

#wp-calendar {
          border-collapse:collapse;
          width: 155px;
          text-align: center;
          }

#wp-calendar thead tr {
          background: url(images/cal_bkg.gif) bottom right no-repeat;
          }

#wp-calendar thead th {
          background: url(images/cal_single.gif) top left no-repeat;
          }

#wp-calendar tbody td {
          background: url(images/cal_single2.gif) top left no-repeat;
          padding: 2px 0;
          }

#wp-calendar #today {
          background: url(images/cal_single_today.gif) top left no-repeat;
          color: #000;
          }

#wp-calendar tbody .pad {
          background: url(images/cal_pad.gif) top left no-repeat;
          }

#wp-calendar a {
          padding: 2px 0;
          font-weight: bold;
          }

#wp-calendar tfoot td {
          padding: 3px 0;
          background: url(images/cal_pad.gif) top left no-repeat;
          }

#wp-calendar #next {
          text-align: right;
          padding-right: 10px;
          }

#calendar_wrap {
          display: block;
          width: 156px;
          background: url(images/cal_bkg.gif) bottom right no-repeat;
          padding: 0 1px 1px 0;
          margin: 0 0 18px 0;
          }

*/


/* page tabs */

#pagetabs {
         position: absolute;
         bottom: 3px;
         left: 9px;                                                            /*verschiebt die linkleiste von links nach rechts*/
         display: block;
         float: left;
         padding: 0;
         margin: 0 0 0 25px;
         list-style: none;
         }

#pagetabs ul {display: none;}

#pagetabs li {
         float: left;
         border-bottom: 0px solid #99c;
         margin: 0 4px 0 0;                                                     /*zwischenabstände zwischen den kästchen der linkleiste*/
         padding: 0;
         margin-bottom: 18px;
         }

#pagetabs li:hover {
         border-bottom: 0px solid #486065;
         }

#pagetabs a {
         float: left;
         display: block;
         padding: 5px 5px 3px 5px;                                              /* worter in der linkleiste verschieben*/
         background: #fff;                                                      
         color: #f63;                                                           /* linkliste farbe normal*/
         font-weight: bold;
        /* border-bottom: 0px solid #4a5e65;    */                              /* gestückelte linie unter der linkliste*/
         }

#pagetabs a:hover {
         background: #fff;                                                      /*link rüber kasten*/
         border-bottom: 0px solid #527077;
         color: #000;                                                           /*link rüber schrift*/
         }

.pagetabstitle {
         border-bottom: none !important;
         color: #fff;
         font-weight: bold;
         position: relative;
         top: 4px;
         }


/* footer */



#footer {
         clear: both;
         display: block;
         width: 750px;
         background: url(images/footer.png) bottom no-repeat; /*#F90;*/
         border-bottom: 20px solid #fff;                                           /*unterer teil des footers*/
         text-align: center;
         }

* html #footer {margin-top: 18px;}

#footer-top {
         display: block;
         width: 750px;
         height: 20px;
         background: url(images/footer-top.png) top no-repeat; /*#FCF;*/
         }

#footer p {
         color: #adadad;
         padding: 0 0px 7px 0px;
         }