/*  
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 */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body  { color: #4b5d67; font: 70% Verdana, Arial, Helvetica, sans-serif; background: #9bb1d5 url("images/bg_body.gif") repeat-x left top; text-align: center; position: relative }
#page   { text-align: left; display: block; margin: 0 auto; width: 750px }
#page1  { background: #fff url("images/bg_main.gif") repeat-y 50% top; text-align: left; display: block; margin: 0 auto; width: 750px }
#header  { display: block; padding: 0; width: 750px; float: left }
#header-old {float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}
* html #header {height: 355px;}
#content   { background-color: #fff; display: block; margin: -5px 0 0 7px; width: 543px; float: left }
#sidebar   { background-color: #e7eef6; display: block; margin: -5px 0 0; width: 193px; height: 100%; float: left }
* 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;}
.page h2 strong, .page h2  { color: #ff7550; font-size: 16px; font-weight: bold; line-height: 1.3em; margin-bottom: 10px }
.archive  { display: block; margin-bottom: 18px; margin-left: 18px; width: 507px; float: left; border-bottom: 1px solid #ccc }
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title  { background: #e2ebf8 url("images/bg_h2.gif") repeat-x 50% bottom; display: block; margin: 0 0 18px; width: 543px; float: left }
#sidebar .title   { background: #cadfed url("images/bg_h3.gif") repeat-x left bottom; display: block; margin-bottom: 6px; width: 193px; float: left }
.entry  { display: block; margin: 0; float: right }
#sidebar-end  { background-image: url("images/sidebar-footer.gif"); background-repeat: no-repeat; display: block; width: 193px; height: 21px; float: left }
.postinfo    { display: block; margin: 0 0 5px; width: 525px; float: left }
.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;} */

/* typography */
h1   { color: #fff; font: 24px Tahoma, Verdana, Arial, sans-serif; letter-spacing: 2px; margin: 0; padding: 166px 30px 0 24px }
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description   { color: #cadfed; font-size: 14px; margin: 0 30px 0 24px }
.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
#sidebar .title  { font: 1.05em Arial, Helvetica, Sans-Serif; text-transform: uppercase; padding: 9px 5px 12px 10px; width: 178px }
#sidebar ul  { margin-top: 6px; margin-bottom: 6px; margin-left: 4px; float: left }
#sidebar li  { margin-bottom: 5px }
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited  { color: #ff7550 }
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
p  { margin: 0 0 10px; padding: 0 }
.entry p {padding-right: 24px;}
.postinfo p  { }
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ol {margin: 0 0 24px 6px;}
ul { margin: 0 10px 10px }
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 #D1E0F0;}
.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 ul { list-style-type: disc }
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
/* links */
a, a:visited {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  { background: url("images/mainpic.jpg") no-repeat; display: block; margin: 0 7px; width: 736px; height: 229px; float: left; border-top: 3px solid #9bb1d5; border-bottom: 3px solid #9bb1d5 }


/* forms */
form  { padding-top: 6px; padding-bottom: 6px }
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
#search  { margin-top: 10px; margin-bottom: 5px }
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;}


/* footer */
#footer    { background-color: #e5eef7; text-align: center; display: block; padding-top: 5px; width: 543px; clear: both; border-top: 1px solid #9bb1d5; border-bottom: 20px solid #9bb1d5 }
#footer_old { background-color: #e5eef7; text-align: center; display: block; padding-top: 5px; width: 700px; clear: both; border-top: 1px solid #9bb1d5; border-bottom: 20px solid #9bb1d5 }
* html #footer  { position: relative }
#footer-top  { }
#footer p  { color: #798892; text-align: center }
#footer a, #footer a:visited {color: #B05255;}
.storycontent  { margin-right: 10px; margin-bottom: 5px }
.storycontent p { font-size: 12px; line-height: 1.35em }
.storycontent li { font-size: 12px; line-height: 1.35em; padding-bottom: 2px }
.storycontent ol { font-size: 12px; line-height: 1.35em; margin-bottom: 0 }
.storycontent a { color: #ff7550 }
.postinfo a { color: #ff7550 }
div[class^="widget_"] a { color: #ff7550 }
#aboutmewidget  { margin-right: 5px; margin-bottom: 5px; margin-left: 5px }
.textwidget  { margin-bottom: 10px; margin-left: 10px; padding-right: 5px; float: left }
img.alignleft { float: left }
img.alignright { float: right }