/*  
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('http://i188.photobucket.com/albums/z167/liberalamerican/SSB_composite4.jpg');
font:75% Verdana, Arial, Helvetica, sans-serif;
color:#292974;
text-align:center;
}

#page {
display:block;
width:1030px;
background:#0A1FB6;
text-align:left;
margin:0 auto;
}

#header {
position:relative;
float:left;
display:block;
width:1030px;
min-height:310px;
padding:0;
}

* html #header {
height:335px;
}

#content {
float:left;
display:block;
width:710px;
overflow:hidden;
margin:0 5px 0 0;
}


#sidebar {
float:left;
display:block;
width:300px;
background:#993333;
overflow:hidden;
margin:0 0 0 15px;
}

.post {
float:left;
display:block;
background:#eeeef9;
width:710px;
padding:0x 0 0px 0px;
}

.page {
float:left;
background:#eeeef9;
display:block;
width:710px;
padding:18px 0 0 18px;
}

.archive {
float:left;
display:block;
background:#eeeef9;
width:710px;
margin:0;
}

#sidebar .post {
display:block;
width:290px;
padding:8px 0 0 8px;
}

.title {
float:left;
display:block;
width:710px;
background:bottom repeat-x #993333;
color: #292974;
margin:0;
}

.sticky {
background:#B87D03;
border-top:2px solid #9BC3D5;
}

#sidebar .title {
float:center;
display:block;
width:300px;
background:bottom left repeat-x #993333;
}

.entry {
float:center;
display:block;
width:290px;
margin:0 0 0 0;
}

.postinfo {
float:left;
color:#993333;
display:block;
width:177px;
margin:18px;
}

.wideposts .entry {
float:center;
display:block;
width:700px;
margin:0 10px 20px 20px;
}

.wideposts .postinfo {
float:left;
display:block;
width:700px;
margin:10px 18px;
}

.archive .postinfo {
margin-left:0;
}

.archive .entry {
float:left;
display:block;
width:710px;
margin:0;
}

* html .post,* html #sidebar .post,* html .archive {
position:relative;
left:18px;
}

.widget {
margin:12px;
}

A:link { text-decoration:none;
border-bottom:2px solid #993333;
  }
 

h1 {
font:bold 3.2em Tahoma, Verdana, Arial, sans-serif;
color:#D50202;
letter-spacing:1px;
margin:20px 10px 15px 50px;
padding:;
}

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

.description {
color:#292974;
margin:0 37px 25px;
}

.title h2 {
font:2.25em Arial, Helvetica, sans-serif;
text-transform:bold;
color:#ffffff;
padding:9px 24px 12px;
}
h2 a,h2 a:visited {
color:#ffffff;
text-decoration:none;
}
#content .title h2 {
font:2.0em Arial, Helvetica, sans-serif;
text-transform:bold;
color:#ffffff;
background:24px 50% no-repeat;
padding:9px 100px 12px 42px;
}

#sidebar .title h2 {
font:2em Arial, Helvetica, sans-serif;
text-transform:bold;
position:center;
background:none;
color:#ffffff;
margin:9px 30px 12px 7px;
}

.title small {
float:right;
font: 1.2em Arial, Helvetica, sans-serif;
color:#ffffff;
padding:14px 24px 0 0;
}

h3 {
font:bold 2em Verdana, Arial, Helvetica, sans-serif;
text-decoration:bold;
margin:0 0 .5em;
}

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

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

.postinfo p {
padding:0 6px;
}

.req {
font:bold 1.9em Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
color:#B87D03;
}

blockquote {
border-top:3px solid #D7190e;
border-bottom:3px solid #d71900;
padding-left:5px;
padding-right:15px;
background-color:#E6EAF3;
margin:2.5em;
}

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

ul ul {
margin:0 0 0 9px;
}

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

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

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

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

.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:normal;
color: #292974;
padding:3px 6px 4px;
}



* html .buttons li {
margin:0;
}

.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:bold;
padding:6px;
}

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

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

p.pages a {
display:block;
width:auto;
background:bottom left no-repeat;
border-top:1px solid #D1E0F0;
border-right:1px solid #D1E0F0;
padding:8px;
}

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

#themeswitcher li {
margin:0;
}

#sidelist {
list-style:none;
}

#sidelist li {
margin:8px;
text-align:center;
}

#sidelist li li {
margin:0 24px 0 8px;
text-align:center;
}

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

#sidebar ul {
margin:0 0 0 9px;
}

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

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

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

#mainpic {
line-height:1.4em;
position: absolute;
bottom:0;
float:left;
background:url('http://i188.photobucket.com/albums/z167/liberalamerican/bannernewf6.jpg') no-repeat;
display:block;
width:1030px;
height:230px;
border-bottom:5px solid #272974;
margin: 20px 0 0 0;
padding-top:0px;
}

blockquote
/* lists */
ul {
margin:0 0 24px 9px;
}

form {
margin:0 0 18px;
}

#searchsubmit {
position:absolute;
}

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

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

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

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

select option {
padding:1px;
}

#submit {
padding:3px;
}

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

#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;
background:#272974;
color:#fff;
font-weight:bold;
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:bold;
position:relative;
top:4px;
}

#footer {
clear:both;
display:block;
width:718px;
height:60px;
background:#993333;
border-bottom:0 solid #292975;
text-align:center;
}

* html #footer {
margin-top:0;
}

#footer-top {
display:block;
width:718px;
height:0;
background:top no-repeat;
}

#footer p {

font:bold 120% Tahoma, Verdana, Arial, sans-serif;
color:#ffffff;
padding:8px;
}

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

.avatar {
border:1px dotted #ccc;
float:right;
margin-right:25px;
padding:5px;
}

.com {
text-align:right;
margin-right:1em;
}

.navigation {
display:block;
text-align:center;
margin:5px 24px;
}

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

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

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

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

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

.commentlist {
width:auto
margin: 0 0 4px 4px;
}

.commentlist li {
list-style:none;
width:auto;
margin: 0 0 4px 4px;
padding:0;
}

.commentlist .children {
width:auto;
}

.commentlist .children li {
margin-bottom:10px;
width:auto;
margin: 0 0 4px 4px;
}

.commentlist li.archive {
width:auto;
margin: 0 0 4px 4px;
border-bottom:1px solid #CCCCCC;
}

.commentlist .entry {
width:auto;
margin: 0 0 4px 4px;
}

.commentlist .postinfo {
width:auto;
}

.commentlist #respond .post {
padding:0 0 4px 4px;
margin: 0 0 4px 4px;
}

.commentlist #respond .post,.commentlist #respond .title {
width:auto;
margin: 0 0 4px 4px;
}

.commentlist #respond .title {
display:block;
clear:both;
float:none;
}


.commentlist #respond .postinfo {
display:none;
}

.commentlist #respond .entry {
width:490px;
margin: 0 0 4px 4px;
}

.commentlist #respond textarea {
width:490px;
margin: 0 0 4px 4px;
}