/*
Theme Name: Runaway Bay Pool & Spa Blog
Theme URI: http://www.runawaybaypoolandspa.com/blog/
Author: Fasturtle
Author URI: http://www.fasturtle.com/
........................... */

/* Colors
Sidebar Blue #284DBF
........................... */

/* Begin Sections */
body {
background: #fff; color: #000066; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center;
}

#page {
background-color: #fff; margin: 1px; padding: 0; text-align: left; width: 800px;
}

#musicPlayer {
background-color: #980019; padding: 1px; width: 798px;
}

#content {
font-size: 16px; line-height: 1.5em; margin: 0 0 0 300px; width: 445px;
}

#content p {
padding: 0 0 1em;
}

.post {
margin: 0; padding: 0 0 20px 0px; text-align: left;
}

#footer {
color: #B6C6D8; font-size: 11px; padding: 0; margin: 0 auto; width: 800px; clear: both;
}

#footer p {
margin: 0; padding: 20px 40px; text-align: center;
}

#footer p.Fasturtle {
}

.entry p a:visited {
color: #b85b5a;
}

code {
font: 11px 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
font-size: 9px; letter-spacing: .07em;
}

a {
color: #06c; outline: none; text-decoration: none;
}

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

.alt {
border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;
}

small {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1.5em;
}

/* End Sections
........................... */



/*  Begin Sidebar */
#sidebar {
background: #284DBF; color: #fff; float: left; font-size: 18px; line-height: 2em; padding: 0; width: 248px;
}

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

#sidebar a:hover {
color: yellow; text-decoration: none; 
}

#sidebar ul.search {
margin: 0 0 0 18px;
}

ul.nav { height: 250px; position: relative; }
ul.nav li a { height: 33px; left: 0; margin: 0; padding: 0; position: absolute; text-indent: -9999px; width: 248px; }
ul.nav .home a { background: url(images/navSprite.gif) no-repeat -249px 0; top: 0; }
ul.nav .home a:hover { background: url(images/navSprite.gif) no-repeat 0 0; }
ul.nav .test a { background: url(images/navSprite.gif) no-repeat -249px -33px; top: 33px; }
ul.nav .test a:hover { background: url(images/navSprite.gif) no-repeat 0 -33px; }
ul.nav .serv a { background: url(images/navSprite.gif) no-repeat -249px -66px; top: 66px; }
ul.nav .serv a:hover { background: url(images/navSprite.gif) no-repeat 0 -66px; }
ul.nav .stor a { background: url(images/navSprite.gif) no-repeat -249px -99px; top: 99px; }
ul.nav .stor a:hover { background: url(images/navSprite.gif) no-repeat 0 -99px; }
ul.nav .pool a { background: url(images/navSprite.gif) no-repeat -249px -132px; top: 132px; }
ul.nav .pool a:hover { background: url(images/navSprite.gif) no-repeat 0 -132px; }
ul.nav .requ a { background: url(images/navSprite.gif) no-repeat -249px -165px; top: 165px; }
ul.nav .requ a:hover { background: url(images/navSprite.gif) no-repeat 0 -165px; }
ul.nav .cont a { background: url(images/navSprite.gif) no-repeat -249px -198px; top: 198px; }
ul.nav .cont a:hover { background: url(images/navSprite.gif) no-repeat 0 -198px; }

ul.blogButton { height: 220px; position: relative; }
ul.blogButton li a { background: url(images/navButtonSprite.gif) no-repeat 0 0; height: 220px; left; margin: 0 0 0 5px;; padding: 0; position: absolute; text-indent: -9999px; top: 0; width: 238px; }
ul.blogButton li a:hover { background: url(images/navButtonSprite.gif) no-repeat 0 -230px; }
/* Had to matte gif with #173C9C in Photoshop to match Website */

#sidebar form, #sidebar ul, #sidebar ul ul {
margin: 0; padding: 0 0 12px 0;
}

#sidebar ul ul li {
color: #888; font-style: italic; font-weight: lighter; letter-spacing: 2px;
}

#sidebar ul li {
list-style-type: none; list-style-image: none;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0; padding: 0;
}

/*  End Sidebar
........................... */



/*	Begin Headers */
h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 0 5px;
}

h1 {
margin: 0; padding: 0; text-indent: -9999px;
}

h1 a {
background: url(images/rwb-main-header.jpg) top left no-repeat; border: 0 none; color: #AA0720; display: block; height: 346px; margin: 0; padding: 0; width: 750px;
}

h2.underlined {
border-bottom: 2px solid #AA0720; 
}

h2 {
color: #274EBF; font-size: 22px; margin: 30px 0 0;
}

h2 a:hover {
text-decoration: none;
}

h3 { 
font-size: 20px; margin: 40px 0 0;
}

h4 {
font-size: 18px; padding: 10px 0 0;
}

/* End Headers
........................... */



/* Begin Images */
p img {
padding: 0; max-width: 100%;
}

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

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images
........................... */



/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ol {
padding: 0 0 0 35px; margin: 0;
}

.entry ol li {
margin: 0; padding: 0;
}

ol ol li {
list-style-type: lower-alpha;
}

.postmetadata ul, .postmetadata li {
display: inline; list-style-type: none; list-style-image: none;
}

.archives li {
list-style: none; margin: 0 0 5px;
}

.archives li a {
border-bottom: 1px dotted #147;
}

.archives li a:hover {
border-bottom: 1px solid #147; text-decoration: none;
}

.archives li a:visited {
border-bottom: 1px dotted #ccc; color: #777; text-decoration: none;
}

/* End Entry Lists
........................... */



/* Begin Form Elements */

#commentform p {
margin: 0; padding: 0 0 20px;
}

.warning {
color: #cc0000;
}

input.inputsWithBorders {
border: 1px solid #777; display: block; margin: 0px; padding: 1px; text-transform: capitalize;
}

textarea {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; padding: 1px; width: 440px;
}

#submit {
margin: 20px auto; width: 150px;
}

/* End Form Elements
........................... */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
font-style: italic; font-weight: lighter; margin: 10px 30px 0 0; padding: 15px 10px 0 10px;
}

cite {
display: block; font-size: 85%; font-style: normal; margin: 5px 0 0 20px;
}

cite img {
display: block; margin: 5px 0 20px 10px;
}

.citationStatus {
}

.center {
text-align: center;
}

.clear {
clear: both;
}

.hidden {
display: none;
}

a img {
border: none;
}

.navigation {
display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;
}

.postNavigation {
font-size: 65%; margin: 0 0 40px;
}

/* End Various Tags & Classes
........................... */



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

.wp-caption {
border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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;
}
/* End captions
........................... */