/*  
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 #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 {margin-top: -15px; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat;  padding: 0;}
* html #header {height: 169px;}
#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; overflow: hidden;}
.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 #E2EBF8; 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: right; display: block; width: 350px; margin: 0; word-wrap: break-word; }
.postinfo {float: left; display: block; margin: 0 0 18px 0; width: 157px; word-wrap: break-word;} 
.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;}
.entry img {float: left; margin: 0 18px 12px 0; background:transparent url('http://s3.wordpress.com/wp-content/themes/pub/mistylook/img/shadow.gif') no-repeat scroll right bottom;
border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
border-style:solid none none solid;
border-width:0.5px medium medium 0.5px;
padding:4px 10px 10px 4px;}


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

/*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; display:none;}
.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_om {padding: 0 0 0 12px; border-left: 3px solid #ccc;}
blockquote {background:#EEEEFF url(images/bg_blockquote.gif) no-repeat scroll left top;margin:5px;padding:1px 10px 1px 70px}

/* 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 #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 0 60px;}
.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: #21759B; 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(http://www.arthurneil.com/wp-content/themes/ocean-mist-10/images/title2.jpg) no-repeat; display: block; width: 736px; height: 98px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}
#mainpic3 {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 736px; height: 135px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}
#mainpic2 {float: left; background: url(images/mainpic.jpg) no-repeat; display: block; width: 736px; height: 169px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}

#mainpic1 {float: left; display: block; width: 736px; height: 100px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;  }
.logo {display: block; margin-left: 660px; padding-left: 15px; position: absolute; margin-top: -70px; z-index: 10}
body .logo{position: fixed;}
.description img {display: block; margin-left: 600px; padding-left: 15px; position: absolute; margin-top: -50px;}
body .description img{position: fixed;}

/* 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: #21759B;}

.date {margin: 0 2em 1em 0; display: block; width: 3.5em; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 2px; background: #fff; border: 1px solid #ccc; border-color: #eee #ccc #ccc #eee;}
.d1 {display: block; width: 100%; font-size: 1.8em; overflow: hidden; background: url(http://www.arthurneil.com/wp-content/themes/ocean-mist-2_0/images/bottomShade2.png) 0 -1px repeat-x;}
.d2 {display: block; width: 100%; font-size: 90%; overflow: hidden; background-color:#E2EBF8;}
.d3 {display: block; width: 100%; font-size: 90%; overflow: hidden; background-color:#CADFED;}
#sidebar .ads {display: block; padding: 5px 0 18px 5px;}

div.pagination {
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	text-align:right;
	padding:14px 6px 14px 0;
	color:#313031;
}

div.pagination a {
	color:#0030ce;
	text-decoration:none;
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
}

div.pagination a:hover, div.pagination a:active {
	color:#0066a7;
	border:1px solid #b7d8ee;
	background-color:#d2eaf6;
}
div.pagination span.current {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #b7d8ee;
	font-weight:bold;
	color:#444444;
	background-color:#d2eaf6;
}
div.pagination span.disabled {
	display:none;
}

.links a {font-family:'Times New Roman',serif; text-decoration: underline; font-size: 13px; font-weight: bold; margin: 13px;}
.links_desc {font-family:'Times New Roman',serif; text-decoration: none; font-size: 13px; margin-left: 13px; color:#000000;}