/*  

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/

*/


/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/* layout */

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}

body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; 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.gif) top no-repeat; min-height: 355px; padding: 0;}

* html #header {height: 355px;}


#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-inline; padding-left:25px; width: 490px; margin: 0 0 0 18px;}

.archive {float: left; display: block; width: 480px; margin: 0 0 18px 24px; border-bottom: 1px solid #ccc;}

#postdata {display: inline;float:right;font: .85em Arial, Helvetica, sans-serif;margin:-35px 20px 10px 0;}

#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}

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

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

.box	{position: relative;left:15px;width:400px;display:block; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; padding:20px; text-align:left; overflow:hidden;}

.boxblue	{position:relative;text-align:center;width:400px; border: 1px solid #4B5D67; padding:20px; margin-bottom:20px;overflow:hidden;}


.entry {display: block; width: 500px; padding: 0 0 0 26px;}

.line {float:left;display: block; margin:-5px 0 10px 26px;padding-left:-40px;width: 480px;border-style:solid;border-width:1px 0 0 0;border-color: #E2EBF8;}

.postinfo {display: block; position:relative; top:0px;left:-20px;width: 540px; font: 1.0em Arial, Helvetica, sans-serif;letter-spacing:.095em;}

.photocaption {display:block;margin-left:28px;width: 350px; font: .85em Arial, Helvetica, sans-serif;letter-spacing:.1em;margin-bottom:20px;}

.postinfo1 {float:left;display:block;margin-left:28px;width: 350px; font: .85em Arial, Helvetica, sans-serif;letter-spacing:.1em;margin-bottom:40px;}

#postinfo2 {display:inline;width:150px;float:right; font: .85em Arial, Helvetica, sans-serif;letter-spacing:.1em;margin-top:-33px;margin-bottom:20px;}

.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: 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: 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;}

.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 24px 6px;}

ol {margin: 0 0 24px 6px;}

ul li {margin: 0 24px 10px; 14px;}

ol li {margin: 0 24px 0 14px;}

.book li {margin: 5px 24px 10px; 14px; list-style-image: url(images/bookicon.gif);}

.buttons {float: left; list-style: none; margin-left: 0;}

.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}

.buttons2 {float: left; list-style: none; margin-left: 0;}

.buttons2 li {float: left; margin: 0 18px 18px; 0; padding: 0;}

.buttons2 a, .buttons a:visited {display: inline; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}

.buttons2 a:hover {background-position: bottom right;}

* 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: 0px solid #CAD6E1;}

.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}

.catlist a:hover {background: #F2F2F2;}

.current-cat {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/mainpic.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}



#mainpic2 {z-index:200; float:left; position:relative; display: block; top:0px; left:0px; margin-bottom:25px; width: 736px; height: 229px;}



/* 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; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5; 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;}