ww/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/


/* layout */
* {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    color: #414000;
    }

body {position: relative; background: url(images/bg_body.gif) top left repeat-x #aee888; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}

#page {display: block; width: 764px; background: url(images/bg_main.gif) top repeat-y; text-align: left;margin: 0 auto;}

html>body #page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}

#header {float: left; display: block; width: 750px; top no-repeat; min-height: 180px; margin-left: 3px;}

html>body #header {display: block; width: 750px; top no-repeat; min-height: 180px; padding: 0;}

* html #header {height: 200px;}
#content {float: left; display: block; width: 543px; margin: -5px 0 0 7px;}

#sidebar {float: left; width: 193px; text-align: center;}

* html #content, * html #sidebar {margin-top: -25px;}
.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}
#sidebar .random-post {width: 157px; margin: 0 0 0 18px; font-style: italic;}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #FDDF55; margin: 0 0 18px 0;}
.title2 {font-size: 12px;font-weight: bold;padding-left: 20px; vertical-align: middle; min-height:35px; line-height:35px;font-color: #FFF; display: block; background: url(images/bg_h2.gif) bottom repeat-x #FDDF55; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}
.entry {float: left; display: block; width: 525px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 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 {border-style: solid; border-color: #000; border-width: 1px; margin-left: 10px; margin-right: 10px;}
#column2 {font-size: 12px;}

/* typography */
h1 {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 16px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
.title h2 b {font: 16px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}

#content .postwrapper .title h2 {
    color: #938A00;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: none;
    padding: 9px 100px 12px 42px;
    }
    
#sidebar .title h2 {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 14px 0 12px 24px;
    background: none;
    }

.title small {
    float: right;
    padding: 14px 24px 0 0;
    }
    
h2 a, h2 a:visited {}
h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif;}

p {
	font-size: 14px;
    margin: 0 0 18px 0;
    padding: 0;
    }

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

.entry img {
	border: 1px solid #FDDF55;
	padding: 3px;
	margin: 5px;
	}

.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 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #f0e5d1;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.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 {font-size:12px; color: #9A1010; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}


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


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #b0b0b0; background: #FDDF55; 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: 12px Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #ADE87E; text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}

/* qtranslate */
.qtrans_language_chooser { list-style-type:none; float: left; margin-left: -5px;}
.qtrans_language_chooser li {float: left; margin-right: -5px;}
.qtrans_flag { border:1px solid #b6b6b6 }

/* menu */
.menu {
    float: left;
    list-style: none;
    margin-left: 0;
    }

html>body .menu {
	margin: 0px 0px 0px 15px;
	}
    
.menu li a:hover {
    background-color: transparent;
    }

.menu li {
    width: 145px;
    padding: 6px; 
    list-style:none;
    background: url(images/menu.gif) bottom left no-repeat;
    border-top: 1px solid #F0E5D1;
    text-align: center;
    }

.menu li:hover {
    background-image: url(images/menu_hover.gif);
    }

#submenu {
	float: right;
	width: 200px;
	border: 1px solid #FDDF55;
	list-style:none;
	padding: 5px;
	}
	
#submenu li {
	margin-bottom: 10px;
	}