/*
Theme Name: Sailust
Description: Custom WordPress Theme that starts with the default and uses <a href="http://blueprintcss.org">blueprint CSS</a>.
Version: 0.1
Author: Sean Conaty
Author URI: http://nerdcereal.com
Tags: blueprint, blue, sailing
*/

/* Colors http://www.colourlovers.com/palette/493619/Mar */
body{background:#013F66 url(images/bg.gif) top center repeat;margin:0;margin-bottom:0;padding-bottom:0;}
a:link, a:visited {color:#013F66;}
.container{background-color:#FBFFFE;}
#header,#footer{width:930px;padding-left:10px;padding-right:10px;}
#header{padding-top:1em;position:relative;}
/* filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */

#header {background: #00B8B5 url(images/wave_tab.gif) 0px 60px repeat-x;}
#header h1 {font-weight:bold;padding:0;margin:0 60px 0 0;float:left;}
#header h1 a:link, #header h1 a:visited {color:#013F66;}
#mainnav {margin:0;list-style-type:none;font-weight:bold;padding:10px 0;vertical-align:top;}
#mainnav li {float:left;font-size:14px;background: #00B8B5 url(images/wave_tab.gif) left -2px no-repeat;}
#mainnav li a {margin:0 0 0 34px;display:block;color:#013F66;text-decoration:none;background: #00B8B5 url(images/wave_tab.gif) right -2px no-repeat;}
#mainnav li a:hover {text-decoration:underline;}
#mainnav li a span {display:block;float:none;padding:13px 24px 6px 0;}
#mainnav li.current_page_item {background-position:0px -42px;}
#mainnav li.current_page_item a {background-position:right -42px;}
#footer{font-size:80%;text-align:center;padding-top:1em;padding-bottom:1.5em;margin-bottom:0;}
#footer hr{margin-top:1em;margin-bottom:0}
.main {padding-top:1em;}

#searchform{position:absolute;right:10px;top:1em;vertical-align:middle;}
#s{padding:4px;border:1px solid #013F66;background-color:#FBFFFE;color:#013F66;}
#searchsubmit{padding:2px;font-weight:bold;background-color:#013F66;color:#FBFFFE;border:1px solid #013F66;}

/* pages */
.pagetitle {text-transform:uppercase;font-weight:bold;font-size:150%;border-bottom:1px solid #ddd;padding:.4em 0;letter-spacing:1px;color:#013F66;}

/* posts */
.post h2, .post h2 a:link, .post h2 a:visited{color:#000000;font-family:Georgia;text-decoration:none;font-weight:bold;margin-bottom:0;}
.date {font-family:monospace;text-transform:uppercase;font-size:130%;display:block;}
#comment {height:8em;}
.postmetadata {font-size:.9em;}

/* sidebar */
.sidebar {font-size:90%;}
.sidebar ul {list-style-type:none;margin-left:0;}
.sidebar h2 {margin:1em 0 0 0;font-size:120%;font-weight:bold;}

#adcol {text-align:center;}
#adcol small {text-transform:uppercase;color:#666666;}
.icon {background-x-position:left;background-y-position:center;background-repeat:no-repeat;padding:1px 0 1px 20px;}
.rss {background-image:url(images/feed.png)}

/*Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And sing 'class="centered',will of course center the image. This is much better than using align="center",being much more futureproof (and valid) */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.post img, .post p img, .post p iframe, #adcol iframe {border:1px solid #999999;padding:3px;}
.alignright{float:right;display:inline;}
.alignleft{float:left;display:inline;}

/* from wp photo album */
.album {margin:7px 0;padding:7px;border:1px #ccc solid;}
.album .image {float:right;margin-left:5px;}
.album h2.name{	font-size:1.2em;font-weight:bold;margin:0;padding:0;}
.clear { clear:both; }
.thumbs {text-align:left;}
.thumbs img {margin:4px;padding:2px;border:1px #ccc solid;}
.prev {float:left;}
.next {float:right;}