/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist gets an upgrade to version 1.1 <br />Widgets are now fully supported and some <a href="http://www.edmerritt.com/templates/themes/?p=16">other stuff</a> has changed too... <br />Created by <a href="http://www.edmerritt.com/">Ed Merritt</a>, view more of my <a href="http://www.edmerritt.com/templates/themes/">Wordpress Themes</a>
Version: 1.1
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/

/* layout */

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

body {position: relative;
background: url(images/bg_body.gif) top left repeat-x #9BC3D5;
font: 98.5% 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 {position: relative;
float: left;
display: block;
width: 750px;
background: url(images/bg_header.gif) top no-repeat;
min-height: 270px;
padding-bottom: 20px;}

* html #header {height: 320px;}

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

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

* html #content, * html #sidebar {position: relative;
left: 0px;}

.post {float: right;
display: block;
width: 525px;
padding-right: 10px;
margin: 0 5px 0 5px;}

.page {float: right;
display: block;
width: 507px;
margin: 0 15px 0 0px;}

.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: right;
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;
/*_padding-right:8px;*/
background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}

.entry {float: right;
display: block;
width: 520px;
margin: 0;}

.postinfo {float: left;
display: block;
width: 157px;
margin: 0 0 18px 0;}

.wideposts .entry {float: left;
display: block;
width: 525px;
margin: 0 0 18px 5px;}

.wideposts .postinfo {float: left;
display: block;
width: 525px;
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;
right: 18px;}

p img {float: left;
margin: 0 18px 12px 0;}

/* typography */

h1 {font: 2em Tahoma, Verdana, Arial, sans-serif;
color: #fff;
letter-spacing: -1px;
padding: 35px 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;
font-weight: bold;
padding: 9px 24px 12px 24px;}

#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif;
text-transform: none;
font-weight: bold;
background: url(images/icon_entry.gif) 24px 50% no-repeat;
padding: 9px 20px 12px 42px;}

#sidebar .title h2 {font: 1.5em Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 9px 10px 12px 24px;
background: none;
font-weight: bold;
color: #32474B;}

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

h2 a, h2 a:visited {}

h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em 0;}

p {margin: 0 0 18px 0;
padding: 0;}

.entry p {padding-right: 0px;}

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

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

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

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

.buttons {float: right;
display: block;
width: 98%;
list-style: none;
margin-left: 3px;
margin-bottom: 21px;}

*:first-child+html .buttons {float: none;}

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

.buttons ul {margin: 3px 0 0 0;
list-style: none;
padding-bottom: -5px;}

.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px;
font-weight: normal;}





* 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;
font-weight: bold;}

#sidebar .buttons a {text-align: right;}

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

p.pages {font-weight: bold;}

p.pages a {display: block;
padding: 3px;
width: auto;
background: url(images/menu.gif) bottom left no-repeat;
border-top: 1px solid #D1E0F0;
border-right: 1px solid #D1E0F0;}

.catlist {float: left;
list-style: none;
margin: 0 0 18px 0;}

*:first-child+html .catlist {border-bottom: 18px solid #fff;}

.catlist li {float: left;
margin: 0 18px 0 0;
border-bottom: 1px solid #CAD6E1;}

* html .onecol li {margin: 0;}

.catlist ul {display: none;}

.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}

.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}

*:first-child+html .onecol {border-bottom: 0;}

.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 {color: #7f1d1d;
text-decoration: none;}

a:visited {color: #530f0f;
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 {position: absolute;
bottom: 0;
float: left;
background: url(images/mainpic01.jpg) no-repeat;
display: block;
width: 736px;
height: 187px;
margin: 0 7px;
border-top: 3px solid #67939B;
border-bottom: 3px solid #67939B;}

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

/* calendar */

#wp-calendar caption {width: 157px;
text-align: center;
background: #4b5d67;
color: #fff;
border-bottom: 2px solid #e6eef7;}

#wp-calendar {border-collapse:collapse;
width: 155px;
text-align: center;}

#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}

#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}

#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat;
padding: 2px 0;}

#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat;
color: #000;}

#wp-calendar tbody .pad {background: url(images/cal_pad.gif) top left no-repeat;}

#wp-calendar a {padding: 2px 0;
font-weight: bold;}

#wp-calendar tfoot td {padding: 3px 0;
background: url(images/cal_pad.gif) top left no-repeat;}

#wp-calendar #next {text-align: right;
padding-right: 10px;}

#calendar_wrap {display: block;
width: 156px;
background: url(images/cal_bkg.gif) bottom right no-repeat;
padding: 0 1px 1px 0;
margin: 0 0 18px 0;}

/* page tabs */

#pagetabs {position: absolute;
bottom: 3px;
left: 1px;
display: block;
float: left;
padding: 0;
margin: 0 0 0 25px;
list-style: none;}

#pagetabs ul {display: none;}

#pagetabs li {float: left;
border-bottom: 1px solid #414e53;
margin: 0 5px 0 0;
padding: 0;}

#pagetabs li:hover {border-bottom: 1px solid #486065;}

#pagetabs a {float: left;
display: block;
padding: 5px 5px 3px 5px;
background: #526a74;
color: #fff;
font-weight: bold;
border-bottom: 2px solid #4a5e65;}

#pagetabs a:hover {background: #5c7d86;
border-bottom: 2px solid #527077;
color: #fff;}

.pagetabstitle {border-bottom: none !important;
color: #fff;
font-weight: bold;
position: relative;
top: 4px;}

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

#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;}