/*
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:100%;
line-height:1.4em;
margin:0;
padding:0;
}

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 {
position:relative;
float:left;
display:block;
width:750px;
background:url(images/bg_header2.jpg) top no-repeat;
min-height:200px;
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:507px;
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: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;
}

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

img {
max-width:500px;
margin:0 18px 12px 0;
}


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

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

.description {
color:#fff;
margin:197px 13px 2px;
}

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

#content .postwrapper .page {
font:1.2em Arial, Helvetica, sans-serif;
color:#000;
}

#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.1em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

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

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

.postinfo p {
padding:0 6px;
}

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

blockquote {
border-left:3px solid #ccc;
padding:0 0 0 12px;
}

.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/header2.jpg) no-repeat;
display:block;
width:622px;
height:101px;
border-top:3px solid #67939B;
border-bottom:3px solid #67939B;
margin:0 7px 0 121px;
}

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

#footer img
{
	border: 0;
	margin: 0;
}

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

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

ul li h3 {
margin:0 24px -15px 14px;
}

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

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