/*  
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 {position: relative; background: black url('(EmptyReference!)') left top; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4b5d67; text-align: center;}
#page { background-image: url(images/bg_page.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: 50% 30px; display: block; width: 750px; text-align: left; margin: 0 auto; }
#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) no-repeat 50% top; min-height: 305px; padding: 0;}
* html #header {height: 355px;}
#content { float: left; display: block; width: 315px; margin-bottom: 0; padding: 10px 160px 10px 40px; }
#sidebar { background-color: transparent; position: relative; top: 10px; left: 2px; float: left; display: block; width: 167px; margin: 0; }
* html #content, * html #sidebar { position: relative; top: 40px; left: -7px; }
.post { color: #000; float: left; display: block; width: 450px; margin: 0 0 0 18px; }
.page {float: left; display: block; width: 450px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 450px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title { color: #f2e1c0; font-weight: bold; background-image: url('(EmptyReference!)'); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; float: left; display: block; width: 550px; margin: 0 0 18px; }
#sidebar .title { color: #f2e1c0; font-weight: bold; background-image: url('(EmptyReference!)'); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; float: left; display: block; width: 193px; outline-width: 12pt; }
.entry {float: right; display: block; width: 400px; margin: 0;}
.postinfo {float: left; display: block; width: 137px; margin: 0 0 18px;}
.wideposts .entry { float: left; display: block; width: 450px; margin: 0 0 18px 5px; }
.wideposts .postinfo {float: left; display: block; width: 400px; margin: 0 0 18px;}
.archive .postinfo {margin-left: 0;}
.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: #fff; background-color: transparent; letter-spacing: -1px; padding: 45px 37px 0; margin: 0 0 -5px; }
h1 a, h1 a:visited { color: white; background-color: transparent; text-decoration: none; }
.description { color: white; background-color: transparent; margin: 0 37px 25px; }
.title h2 { color: #f2e1c0; font: bold 1.05em Arial, Helvetica, sans-serif; background-color: transparent; text-transform: uppercase; padding: 9px 24px 12px; }
#content .postwrapper .title h2 { color: #f2e1c0; font: bold 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) no-repeat 24px 50%; padding: 9px 100px 12px 42px; }
#sidebar .title h2 { font: bold 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: transparent; color: #f2e1c0; }
.title small { float: right; padding: 14px 100px 0 0; font-weight: bold; background-color: transparent; }
h2 a, h2 a:visited { color: #f2e1c0; background-color: transparent; }
h2 a:hover { color: #fff; }
h3 { color: white; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em; }
p { color: white; font-size: 12px; font-family: verdana; font-weight: normal; font-style: normal; margin: 0 0 18px; padding: 0; }
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: white;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid white;}

/* lists */
ul {margin: 0 0 24px 9px;}
ol {margin: 0 0 24px 9px;}
ul li { color: white; 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 { color: red; padding: 3px 6px 4px; font-weight: normal; }
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited { color: red; display: block; width: 145px; padding: 6px; text-align: center; background: url('(EmptyReference!)') no-repeat left bottom; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover { color: white; background-position: right bottom; }
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url('(EmptyReference!)') no-repeat left bottom; border-top: 1px solid black; border-right: 1px solid black;}
.catlist { float: left; list-style: none; margin: 0 0 18px; }
*:first-child+html .catlist { border-bottom: 18px solid #fff; }
.catlist li { float: left; margin: 0 18px 0 0; border-bottom: 1px solid silver; }
* 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 silver; }*/
.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 { color: #c0c0c0; display: block; width: 145px; padding: 1px 6px 2px; margin: 1px 0; }
.catlist a:hover { color: #fff; background: #fff; }
#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 */
h3 a, h3 a:visited { color: #f2e1c0; }
h3 a:hover { color: #fff; }
a, a:visited {color: #c0c0c0; text-decoration: none;}
p a:hover, ul a:hover { color: #fff; background-color: transparent; text-decoration: none; }
#content p a:hover, #content ul a:hover { color: #fff; background-color: transparent; }


/* main image */
#mainpic { position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 274px; margin: 0 7px; }


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: solid 1px silver; background: silver; color: #32474b; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px;}
.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: 10px; left: 32px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}
#pagetabs ul {display: none;}
#pagetabs li { float: left; margin: 0 5px 0 0; padding: 0; }
#pagetabs li:hover {  }
#pagetabs a { float: left; display: block; padding: 5px 5px 3px; background: transparent; color: #fef0a9; font-weight: bold;}
#pagetabs a:hover { background: transparent; color: #fff; font-weight: bold; float: left; }
.pagetabstitle {border-bottom: medium none !important; color: white; font-weight: bold; position: relative; top: 4px;}

/* footer */
#footer {clear: both; display: block; width: 750px; background: black url('(EmptyReference!)') no-repeat 50% bottom; border-bottom: 20px solid black; text-align: center;}
* html #footer {margin-top: 18px;}
#footer-top {display: block; width: 750px; height: 378px; background: black url(images/bg_footer-top.jpg) no-repeat 50% top;}
#footer p { color: #fff; font-size: 8pt; text-align: left; padding: 0 37px 7px 57px; }
#footer a, #footer a:visited {color: white;}

.css_guestbook_font_color,
.css_post_message { color: #fff !important; }