/*  
Theme Name: Stormhorn 
Author: Studio 727 Ltd.
Author URI: http://www.studio727ltd.com
Version: 2
*/

/* Resets default browser CSS- Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0; 
padding:0; 
border:0; 
outline:0; 
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;}

/* remember to define focus styles! */

:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
blockquote: before, blockquote: after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
table {border-collapse: separate; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: 400;}

/* Remove possible quote marks (") from <q>,<blockquote>. */

blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
a img {border: none;}

/* end reset reloaded */
 
body {
color: #222;
font-family: "Helvetica", Avant Garde BK BT, Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
font-size: 12px;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 18px;
background: #fff; repeat-x left top;}

a {color: #0088CC; text-decoration: underline;}

a:visited {color: #555;}

a:hover {color: #0088cc; text-decoration: underline;}

p, .p {margin-bottom: 15px;}

img {border: none;}

ul li {margin: 0px;}

ul {margin: 5px 0px 15px; padding-left: 20px;}

ol {margin: 5px 0px 15px; padding-left: 20px;}

form {margin: 0px; padding: 0px;}

small {font-size: 90%;}

hr {border: none; border-bottom: 1px dotted #777; margin-bottom: 1em;}

blockquote {
background: #f7f7f7; 
padding: 10px 15px; 
margin: 0 0 1em 2.5em; 
font-size: .9em;
border: 1px solid #ddd;}

#wrapper {width: 940px; margin: 0px auto; position: relative;}

#container {background: #fff;}

/* header */
 
#header {height: 214px; width: 100%; background: url(images/stormhdr.png) no-repeat;} 

/* blog title- you aren't using it because you have a custome header */

h1.blogtitle {font-size: 39px; float: left;}
 
h1.blogtitle a {color: #333;}

h1.blogtitle a:hover {color: #0088CC; text-decoration: none;}

/* distance from top of screen */

.description {float: left; margin-top: 20px; margin-left: 10px;}

/* search form */

#searchform {
width: 205px;
float: right;
font-size: 12px;
padding:0;
margin: 0;}

#searchform #s {
background: #ffffff url(images/form-field-bg.gif) no-repeat ;
width: 158px;
padding: 3px 7px 2px 5px;
color: #999999;
border: 1px solid #888;
margin:0;
margin-top: 4px;}

#searchform #searchsubmit { 
background: url(images/search-button.png) no-repeat center;
height: 22px;
width: 24px;
border: none;
cursor: pointer;
text-indent: -999%;
line-height: 1px;
margin: 0;}

/* headings */

h1, h2, h3, h4, h5, h6 {
color: #333; 
font-weight: normal; 
margin: 0; 
padding: 0; 
line-height: 1.1em;}

h1 a, h2 a, h3 a {color: #333;}

h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}

/*  main content area  */

#page #wrapper #container #left-col {
width: 675px; float: left;}

/* the blue menu bar; the top level menu that runs across the top of the page */

#nav {
font-size: 14px;
border-bottom: 1px solid #888;
border-bottom: 1px solid #888;
background: #8da9b6 url(images/agradient-30.gif) repeat-x left top;}

#nav a.home{}

#nav ul {
list-style: none;
display: block;
margin: 0px 0px 0px 10px;
padding: 0px;
width: 600px;
float: left;}

#nav ul li {
font-weight: bold;
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;}

#nav ul li a {
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #222;
display: block;}

#nav li a:visited {text-decoration: none; color: #fff;}

#nav .current_page_item a, #nav .current_page_item a:hover{
text-decoration: none;	
background: #2a2a2a url(images/agradient-30dark.gif) repeat-x top left;
color: #fff;}

#nav li a:hover{
color: #fff;
background: #2a2a2a url(images/agradient-30medium.gif) repeat-x top left;}

#subnav {
background: #fff url(images/agradient-30medium.gif) repeat-x top left;
margin-top: 15px;
border: 1px solid #ddd}

#subnav ul {
margin: 0px;
padding: 0px 0px 0px 5px;
list-style: none;}

#subnav li {
border-right: 1px solid #d8d8d8;
padding: 4px 7px;
margin: 0px;
float: left;}

#subnav li a {color: #fff;}

#subnav li a:visited {color: #fff;}

#subnav .page_item {color: #fff; text-decoration: none;}

#subnav .current_page_item a {color: #fff;}

#subnav .current_page_item a:hover {color: #000;}

#subnav .current_page_item a:visited {color: #555;}

#subnav li a:hover {text-decoration: none; color: #000;}

/* content- this is the blog */ 

#content {
background: #dcd7bc;
padding: 25px 25px 15px 25px;
clear: both;
overflow: hidden;}

.post {
padding: 0px;
clear: both;
overflow: hidden;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px dotted #333;}

.post .date {
height: 50px;
width: 45px;
background: url(images/calendar.gif) no-repeat;
font: normal 22px Arial, Helvetica, sans-serif;
color: #555;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;}

.post .date span {
height: 16px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 7px;}

/* link styles for blog */

.post .title {float: left; margin-left: 10px; width: 558px;}

.postdata {font-size: 90%; color: #333;}

.postdata a {color: #0088cc; text-decoration: none;} 

.postdata a:visited {color: #555; text-decoration: none;}

.postdata a:hover {color: #0088CC; text-decoration: underline;}

.postdata .category {float: left;}

.postdata .comments {float: right;}

.entry {
padding: 15px 0px 5px;
clear: both;
font-size: 14px;
font-family: "Helvetica", Avant Garde BK BT, Arial, Helvetica, Trebuche, Courier, sans-serif;
line-height: 1.6em;
margin-bottom: 1em;}

/* post title */

h2.posttitle {
color: #333;
margin: 3px 0 2px;
padding-bottom: 4px;
font-size: 24px;
border-bottom: dotted 1px #ccc;}

h2.posttitle a {color: #333; text-decoration: underline;} 

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

h2.posttitle a:hover {color: #0088cc; text-decoration: underline;}

.tags {float: right; color: #333;} 

.tags a {font-weight: bold; color: #0088cc;} 

.tags a:hover {color: #0088CC ; text-decoration: none;}

/* next & previous page navigation */

.page-nav {
clear: both;
background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top;}
	
.page-nav a {color: #333; text-decoration: none;} 

.page-nav a:visited {color: #555; text-decoration: none;}

.page-nav a:hover {color: #0088cc; text-decoration: none;}

.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
background: url(images/navigation-left.gif) no-repeat left center;}

.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
background: url(images/navigation-right.gif) no-repeat right center;}

/* next & previous post navigation */

.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;}

.post-nav a {color: #0088cc; text-decoration: none;}

.post-nav a:visited {color: #555; text-decoration: underline;}

.post-nav a:hover {color: #0088cc; text-decoration: none;}

.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(images/post-nav-previous.gif) no-repeat left center;}

.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
background: url(images/post-nav-next.gif) no-repeat right center;}

/* comments */

h3#comments {
background: url(images/comments.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;}

h3#respond {
background: url(images/respond.gif) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
margin: 20px 0px 0px;
clear: both;}

/* comment form */

#commentform {margin-top: 10px;}

#commentform label {
font-weight: bold;
color:#555;
font-size: 100%;
padding-left: 5px;}

#commentform small {color: #999999; font-size: 90%;}

#commentform textarea {
font: 110% Arial, Helvetica, sans-serif;
width: 480px;
height: 140px;
background:url(images/form-field-bg.gif) no-repeat;
border: solid 1px #e6e6e6;
padding: 5px 3px 3px 7px;}

#commentform textarea:focus, #commentform input[type="text"]:focus {
border: solid 1px #777;}

/* comment list */

.commentlist {margin: 10px 0px; padding-left: 45px; line-height: 130%;}

.commentlist li{padding: 5px 10px;}

.commentlist .alt {background: #F4F4F4;}

.commentlist cite {font-weight: bold; font-style: normal; font-size: 110%; color: #0088CC;}

.commentlist cite a, .commentlist cite a:visited {color: #0088CC;}

img.avatar {float: right; margin: 5px;}

.commentlist small {margin-bottom: 5px; display: block; font-size: 87%;}

.commentlist small a, .commentlist small a:visited {color: #555;}

/* copyright info at the bottom of the page */

#cred {padding: 10px 0px 0px 8px; clear: both; font-weight: bold;}

#cred .designer {
font-size: 11px;
color: #333;
font-weight: bold;
padding-left: 25px;
float: left;
background: ;}

#cred .wordpress-link {
font-size: 11px;
color: #333;
font-weight: bold;
margin-left: 4px;
float: left;}

#cred a {color: #0088cc; text-decoration: none;} 

#cred a:visited {color: #555; text-decoration: none;}

#cred a:hover {text-decoration: underline;}

/* @ forms */

legend {display: none;}

fieldset {border: none; background: transparent;}
		
/* comment form */
	
label {color: #333; font-size: .9em; display: block;}

small {color: #555; font-size: 90%;}

input{
font: 110%  arial, helvetica;
padding: 5px 3px 3px 5px;
background: url(images/form-field-bg.gif) no-repeat;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;}
	
textarea {
font: 110% courier, arial, helvetica;
height: 140px;
background:url(images/form-field-bg.gif) no-repeat;
border-top: 1px solid #ccc;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ccc;
padding: 5px 3px 3px 7px;}

textarea:focus, input[type="text"]:focus {border: solid 1px #555;}

/* agradient light is too light- do something else with it. */
	
.button, input[type="submit"], .submit {
border: 1px solid #aaa;
background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top;
margin: 0;
font-weight: bold;
font-family: arial, helvetica;}

.button:hover, input[type="submit"]:hover{color: #0088CC;}

.button:active, input[type="submit"]:active{
background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; 
color: #333;}

/* sidebar */

#sidebar {
margin-top: 15px;
margin-right: 5px;
float:right;
width: 260px;
color: #333;
line-height: 160%;}

#sidebar p {margin: 0px 0px 15px;}

#sidebar h3 {font: bold 12px/100% Arial, Helvetica, sans-serif; color: #444;}

#sidebar h3:hover {color: #fff;}

#sidebar h3 a {#0088cc; text-decoration: none;} 

#sidebar h3 a:visited {color: #333;}

#sidebar h3 img {vertical-align: middle;}

#sidebar a {color: #0088cc; text-decoration: none;}

#sidebar a:visited {color: #555; text-decoration: none;}

#sidebar a:hover {color: #0088cc; text-decoration: underline;}

#sidebar a:focus {text-decoration: underline;}

#sidebar a:active {text-decoration: underline;}

#sidebar ul {list-style: none; margin: 0; padding: 0;}

#sidebar ul li {background: url(images/bullet.gif) no-repeat; padding-left: 20px;}

#sidebar ul li ul li {background: url(images/bullet-grey.gif) no-repeat; padding-left: 12px;}

#archives ul li {background: url(images/archive.gif) no-repeat;}

#recent-comments ul li {background: url(images/comment.gif) no-repeat;}

#recent-posts ul li {background: url(images/mini-page.gif) no-repeat;}

/* meta */

#meta .rss {background: url(images/mini-rss.gif) no-repeat;}

#meta .check {background: url(images/comment.gif) no-repeat;}

/* calendar */

#calendar table {margin: 0px auto; }

#calendar td {padding: 0px 4px;}

/* wp image text wrap */

img.center, img[align="center"] {display: block; margin-left: auto; margin-right: auto;}

img[align="left"] {float: left; margin: 2px 10px 5px 0px;}

img[align="right"] {float: right; margin: 2px 0px 5px 10px;}

.clear {clear: both;}

hr.clear {clear: both;visibility: hidden; margin: 0px; padding: 0px;}
 
.wp-caption {
text-align: center;
margin: 10px;
background: #fff;
padding: 4px;
margin-bottom: 1em;}

.wp-caption-text {font-size: 12px; 
font-family: "Courier", Helvetica, Consolas, Arial; 
margin: 0; 
padding: 6px 3px 2px; 
line-height: 16px; 
text-align: center;}

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

.wp-caption-dd {font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

img#wpstats {width: 0px; height: 0px; overflow: hidden;}
	
.border {padding: 2.5px; border: 1px solid #ccc;}

.hidden {display: none; visibility: hidden;}

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

.alignleft {float: left; margin: 0 10px 5px 0;}

.alignright {float: right; margin: 0 0 5px 10px;}

/* alignments & floats */

.floatleft {float: left; margin: 3px 7px 0 0;}

.floatright {float: right; margin: 3px 0 0 7px;}

.right {float: right;}

.block {display: block;}

.left {float: left;}

.clear{clear: both;}

.center {text-align: center;}

/* clearfix */

.fix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.fix {display: inline-block;}
 
* html .fix {height: 1%;}

.fix {display: block;}