/*  

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 {

	position: relative;

	background: #1A3265 url(images/background-gradient.png) repeat-x left top;

	font: 70% Verdana, Arial, Helvetica, sans-serif;

	color: #4B5D67;

	text-align: center;

}



#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; background: url(images/bg_header.png) top no-repeat; min-height: 300px; padding: 0; position: relative;}



* html #header {height: 300px;}



#content {float: left; display: block; width: 543px; margin: -5px 0 0 7px;}



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



* 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 .post {display: block; width: 157px; margin: 0 0 0 18px;}



.title {float: left; display: block; width: 543px; height: 40px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}



#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3new1.gif) bottom left repeat-x transparent;}



.entry {float: right; display: block; width: 350px; 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 {float: left; margin: 0 18px 12px 0;}







/* typography */



h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 40px 37px 25px 25px; margin: 0 0 -5px 0;}

#title_info { font-family: 'Cabin', sans-serif; color: #999999; position: absolute; left: 511px; width: 220px; top: 68px; text-align: center; font-size: 13px; }
#title_info span {font-size: 12px;text-align: center; display: block; width: 220px;}
h1 a, h1 a:visited {color: #fff; text-decoration: none; border: none;}
h1 a img {border: none;}



.description {color: #CADFED; margin: 0 37px 25px 37px;}



.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}



#content .postwrapper .title h2 {font: 1.4em 'Cabin', sans-serif; color: #1A3265; text-transform: uppercase; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 10px 100px 12px 42px;}



#sidebar .title h2 {font: 1.4em 'Cabin', sans-serif; text-transform: uppercase; padding: 10px 0 12px 24px; background: none; color: #ffffff; /*#32474B*/;}



.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}



h2 a, h2 a:visited {}



h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}



p {margin: 0 0 18px 0; padding: 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 0px 6px;} /*24*/



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 #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 li {margin: 0;}



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



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











/* 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 {float: left; background: url(images/header4.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff;}











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











/* footer */



#footer {clear: both; display: block; padding-bottom: 10px; width: 750px; background: #1A3265 url(images/bg_footer.png) center bottom no-repeat; text-align: center;}



* html #footer {margin-top: 18px; position: relative; left: 7px;}



#footer-top {display: block; width: 750px; height: 15px; background: transparent;}



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



#footer a, #footer a:visited {color: #B05255;}