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


html {overflow-x:hidden;}
/* layout */
* {font-size: 13px; margin: 0; padding: 0; }
.clearFloat {clear:both;}
img {border:0;}
body {position: relative; font: 80%  Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;height:100%;}
#page {min-width:1050px; width: 100%; text-align: left;}
#header {background: transparent url(img/menuBg.gif) repeat-x scroll 0 bottom; float: left; display: block; width: 100%; height: 140px; padding: 0;position:relative;z-index:4;}
* html #header {height: 355px;}
#content {	
	display:block;
	float:left;
	margin:10px 25px;
	width:70%;
	position:relative;
	z-index:3;
}

.slideshowlink {margin:0 0 0 5px;}
.ngg-gallery-thumbnail-box {margin:5px 0 0 5px;}
#sidebar {float: left;width:23%;position:relative;z-index:3;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display: block; margin: 0 0 5px 0;padding:0;}
.contentContainer .archive {border-bottom:1px dotted #ccc;padding-bottom:0px;padding-top:5px;}
.archive {border-bottom:1px dotted #ccc;padding-bottom:0px;padding-top:5px;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.narrowcolumn .navigation {border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:0;}


.page {border-left:1px solid #ccc;border-right:1px solid #ccc;}
.archive h3 {margin-left:10px;}
#sidebar .post {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#sidebar .post .postContent {}

h5 {margin-left:10px;color:#d85020;}

.mainContent {height:100%;}
#fixedImage {}
div > div#fixedBgImage,
div > div#fixedImage {
position:fixed;
}

/**/
#fixedBgImage {

bottom:0;
position:absolute;
right:0;
background:url(img/siteBg.gif) 100% bottom no-repeat; 
border:0c;
width:928px;
height:1015px;
text-align:center;
z-index:1;
}


#fixedImage {
bottom:0;
position:absolute;
right:0;
background:url(img/peopleBig.gif) no-repeat;
border:0c;
width:364px;
height:113px;
text-align:center;
z-index:5;
}

.title {background: url(img/h2_bg.png) repeat-x;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#sidebar .title {
display: block;
background: transparent url(img/h2_bg.png) repeat-x scroll 0 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin:15px 0 0;
padding:0;}
.entry {display: block; margin: 0;}
.entry img{float:left;}
.entry .buttons {visibility:hidden;height:0px;}
.postinfo {}
.wideposts .entry {display: block; margin: 0 ;}
.wideposts .postinfo {display: block; visibility:hidden;height:0;}
.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 { margin:5px 5px 5px 0;}
p img.wp-smiley { margin: 0;}
embed {margin: 0 18px 12px 0;}




/* typography */
h1 {font: 2.2em Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -1px; padding: 15px 37px 0 26px; margin: 0;width:50%;float:left;}
h1 a {background: url(img/logo.png) top no-repeat;display:block;height:80px;width:432px;}

h1 a, h1 a:visited {color:#ccc; text-decoration: none;}
.description { background: url(img/search.png) 0 0 repeat-x;height:88px;width:401px;margin:5px 5px 0 0;float:right;}
.title h2 {font: 16px Arial, Helvetica, sans-serif;font-weight:bold !important; text-transform: uppercase; color:#d85020 !important; padding: 10px;}
#content .postwrapper {margin:5px 0;position:relative;z-index:3;}

#content .postwrapper .title h2 {font: 16px Arial, Helvetica, sans-serif; text-transform:uppercase;color:#d85020 !important; }

#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 10px; background: none; color: #d8501e;}
.title small {padding: 0; color: #67939B;float:right;padding:0 10px 0 0;}
h2 a, h2 a:visited {}
h3 {font: bold 1.3em Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}
.postwrapper .postsContainer {}

.mainContent .narrowcolumn .postwrapper {border-bottom:0 !important;}
.narrowcolumn .postwrapper {border-bottom:1px solid #ccc;}

p {padding: 0 10px 18px 10px; margin: 0;line-height:140%;}
.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;}

/* search */
.search {position:relative;right:80px;top:31px;float:right;}
*+html .search {position:relative;right:80px;top:-27px;float:right;}
.description span {display:block;color:#fff;margin:5px 0 0 20px;}
.description #s {width:290px;margin:30px 0 0 20px;padding:5px 0;color:#ccc;background: url(img/searchBg.gif) repeat-x;}
/* lists */
ul {padding: 0 0 4px 9px;margin:0;}
ol {margin: 0 0 24px 9px;}

ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {display: block;width: 100%; list-style: none; margin-left: 0;}
*:first-child+html .buttons {float: none;}
.buttons li {margin: 0; padding: 0;}
.buttons ul {margin: 0 0 0 0; list-style: none; padding:0;}
.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 {display: block; width: 145px; padding: 6px; text-align: left; background: url(images/menu.gif) bottom left no-repeat; font-weight: bold;}
#sidebar .buttons a {text-align: left;}
.buttons a:hover {background-position: bottom right;}
p.pages {flont-weight: bold;}
p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}
.catlist {list-style: none; }
*:first-child+html .catlist {border-bottom: 18px solid #fff;}
.catlist li {margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
* 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;}
.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: #F2F2F2;}
#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 */
a, a:visited {color: #333; text-decoration: none;}
p a:hover, ul a:hover {background-color:none;text-decoration:underline;color:#d8501e;}
#content p a:hover, #content ul a:hover {background-color: none;}

/* main image */
#mainpic {position: absolute; bottom: 0; float: left; display: block; width: 100%; margin: 0; }


/* forms */
form {margin: 0 0 6px 0;}
#content h4 {margin:0 0 0 10px;}

#content  #searchsubmit,
#sidebar #searchsubmit{position:relative;-top:-27px;-left:150px;margin:-26px 0 0 150px;}

#searchsubmit {position: absolute;border:0;width:61px;height:24px;background: url(img/btnSearch.gif) 0 0 no-repeat;color:#999;display:block;padding:5px 10px;}
#s {width: 130px; padding: 2px; border: 1px solid #ccc; background: #fff; color: #32474B;margin:5px 10px;}
select, .field {width: 200px; margin: 5px 10px; color: #32474B;border:1px solid #ccc;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Arial, Verdana, 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;
	left:16px;
	list-style:none;
	margin:0;
	position:absolute;
	top:112px;
}
#pagetabs ul {display: none;}
#pagetabs li {float: left; margin: 0 5px 0 0; padding: 0; border-left:1px solid #acadaf;border-top:1px solid #acadaf;border-right:1px solid #acadaf;}
#pagetabs li:hover { border-left:1px solid #3b3e45;border-top:1px solid #3b3e45;border-right:1px solid #3b3e45;}

#pagetabs a { display: block; padding: 5px 5px 3px 5px; background: #acadaf; color: #fff; font-weight: bold;text-decoration:none;}
#pagetabs a:hover {background:#fff;color: #333;}
.pagetabstitle {color: #fff; font-weight: bold; position: relative; top: 4px;}



/* footer */
.footer {
background:#FFFFFF;
bottom:0;
padding:10px 0 10px 12px;
z-index:4;
width:50%;}

.footer a, .footer a:visited {color: #5a5b5f;margin-left:12px;}