/*  
Theme Name: Ocean Mist
Theme URI: http://www.edmerritt.com/
Description: Ocean Mist 1.2<br /> This release fixes some minor bugs with smileys and embedding videos into a post.<br />By default posts are now displayed in the wider format and pages are listed across the top as tabs.
Version: 1.2
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/


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

body {
position:relative;
background:url(images/bg_body.gif) top left repeat-x #9BC3D5;
font:80% Verdana, Arial, Helvetica, sans-serif;
color: #252525;
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:355px;
padding:0;
}

* html #header {
height:355px;
}

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

.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;
border-bottom:1px solid #ccc;
margin:0 0 18px 18px;
}

#sidebar .post {
display:block;
width:175px;
margin:0 0 0 5px;
}

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

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

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

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

.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.wp-smiley {
float:none;
margin:0;
}

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

h1 a,h1 a:visited {
color:#fff;
text-decoration:none;
}

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

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

#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;
background:none;
color:#32474B;
padding:9px 0 12px 24px;
}

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

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

p {
margin:0 0 15px;
padding:0;

}

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

.postinfo p {
padding:0 6px;
}

.req {
padding-left:3px;
color:#C00;
}

blockquote {
margin-top: 5px;
padding-left: 12px;
padding-bottom: 0;
padding-right: 0;
padding-top: 0px;
border-left:3px solid #ccc;
}

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

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

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

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

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

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

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

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

p.pages {
flont-weight:bold;
}

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

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

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

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

.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;
margin:1px 0;
padding:1px 6px 2px;
}

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

#themeswitcher {
list-style:none;
margin:0 0 18px;
}

#sidelist {
list-style:none;
}

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

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

a,a:visited {
color:#7f1d1d;
text-decoration:none;
}

p a:hover,ul a:hover {
background-color:#BFD3E0;
}

#content p a:hover,#content ul a:hover {
background-color:#E2EBF8;
}

#mainpic {
position:absolute;
bottom:0;
float:left;
background:url(images/mainpic.jpg) no-repeat;
display:block;
width:736px;
height:229px;
border-top:3px solid #67939B;
border-bottom:3px solid #67939B;
margin:0 7px;
}

form {
margin:0 0 18px;
}

#searchsubmit {
position:absolute;
}

#s {
width:130px;
border:1px solid #B9C3D1;
background:#CAD6E1;
color:#32474B;
margin-right:2px;
padding:2px;
}

select,.field {
width:157px;
color:#32474B;
margin:0 0 4px;
}

.field {
width:153px;
padding:2px;
}

textarea {
width:308px;
font:1em Verdana, Arial, Helvetica, sans-serif;
padding:2px;
}

select option {
padding:1px;
}

#submit {
padding:3px;
}

#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 {
font-weight:700;
padding:2px 0;
}

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

#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;
margin:0 0 18px;
padding:0 1px 1px 0;
}

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

#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;
background:#526a74;
color:#fff;
font-weight:700;
border-bottom:2px solid #4a5e65;
padding:5px 5px 3px;
}

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

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

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

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

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

ul,ol {
margin:0 0 10px 9px;
}

ul li,ol li {
margin:0 0 0 10px;
}

* html .buttons li,* html .onecol li,#themeswitcher li,#sidelist li {
margin:0;
}

.catlist ul,#pagetabs ul {
display:none;
}

   /* Custom CSS for Wordpress */


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
