/*  
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: url(images/bg_body.gif) top left repeat-x #cac9ca; font: 12px  Verdana, Tahoma, sans-serif; color: #3e3e3e; 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: 241px; 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: 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; background: url(images/bg_h2.gif) bottom repeat-x #f3f3f3; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #dedede;}
.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;}
em{ font-style:normal; font-weight:normal};

/* header added for Explorica*/

.ex_topfade{ background-color: #EE9032; height:39px; margin:0px 7px 0px 7px; min-height:39px;}
.topfadelinks{ padding: 12px 0px 0px 32px; color: #ffffff;}
.ex_topfade a{color:#ffffff}

/* typography */
h1 {font: 2.2em Georgia,  Times New Roman, serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.05em Verdana, Tahoma, sans-serif; font-weight:bold; text-transform: uppercase; padding: 9px 24px 12px 24px;}
#content .postwrapper .title h2 {font: 1.4em Verdana, Tahoma, sans-serif; font-weight:bold; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Verdana, Tahoma, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #696969;}
h3 {font: bold 1.2em  Verdana, Tahoma, 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: 3px 6px 0px 12px; background-color:#e9d48b;margin-right:8px; border-left:3px solid #ee9132 }

/* 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;}
.linkcat ul{
	margin-left: -40px; 
	padding-left: 0px;
}
.linkcat ul li
{
    margin-left: 50px; /* Push the list back in for non NS4.7 browsers */
    list-style-type: none;
}



.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 #d9d9d9;}
.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-type: none;}
#sidelist li {margin: 0; }
#sidelist li li {margin: 0 24px 0 8px; }
#sidelist ul {list-style-type: none; }


/* links */
a, a span, .stbuttontext { color:#26A5DF; text-decoration:none; }
a:visited, a:visited span { color:#006699; }
a:hover, a:hover span, .stbuttontext:hover { background-color:#26A5DF; color:#F4F4F4; }


/* main image */
#mainpic {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 736px; height: 241px; margin: 0 7px; }


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #bdc3d6; background: #ced7e7; color: #3c3c3c; 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, Tahoma, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 736px; padding-left:7px; padding-top:25px;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 736px; 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;}

/* sidebar style for explorica */

#sidebar ul, #sidebar ul ol {
	margin: -5px 0 0 0;
	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	
margin: -5px 0 0 0;
	
	}

#sidebar ul p, #sidebar ul select {
	margin: 0 0 18px 0;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0 0 18px 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 18px 0;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0 0 7px 0;
	padding: 0;
	padding-left: 20px;
	
	}
#sidebar h2 {
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	}
#sidebar h2 {
	font: 1.05em Verdana, Tahoma, sans-serif;
	font-weight:bold; 
	text-transform: uppercase; 
	margin-top: 10px;
	padding: 9px 0 12px 24px;
	color: #32474B;
	float: left; 
	display: block; 
	width: 170px; 
	background: url(images/bg_h3.gif) bottom left repeat-x #dedede;
	}
#search {
	padding-left:20px;
}
#tag_cloud a {
	padding-left:20px;
	padding-right:5px;
	padding-top:2px;
}