/*
Theme Name: Blue Sea Boating
Theme URI: http://wordpress.org/
Description: Blue Sea Boating
Version: 1.0
Author: N/A
Tags: mantle color, variable width, two columns, widgets

*/

html
{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}


*
{
    outline: none;
}



body
{
    background: #002a80;
    color: #fff;
    font-family: 'Arial' , Verdana;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}


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

a img
{
    border: none;
}

a:visited
{
    color: #fff;
}

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


h1
{
    margin: 0px;
    font-size: 24px;
    padding: 5px 0px 5px 0px;
    line-height: 32px;
    font-weight: normal;
    color: #39bfe5;
}

h2
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-weight: normal;
}

h3
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}

h4
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-weight: normal;
}


p
{
    margin: 0px;
    padding: 0px 0px 16px 0px;
    line-height: 22px;
}



#page
{
  padding:0px;
  margin:20px auto 0px auto;   
  width:700px;
  background-color:#003399; 
}


#header
{
    margin: 0px;
    padding:0px;
    width:700px;
    height: 100px;
    background:#4a6c88 url(images/island_pana.jpg) no-repeat 0 0; 
}

#sub-header
{
    margin: 0px;
    padding:0px;
    width:700px;
    height: 60px;
    background:#4a6c88 url(images/cruiser.gif) no-repeat 0 0; 
}

#header img
{
    position: absolute;
    top: 6px;
    left: 10px;
}

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

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


#caption
{
    background-color:#009900;
}

#caption p
{
    text-align:center;
    color:#fff;
    margin:0px;
    padding:0px;
    font-size:12px; 
    line-height:normal;
}


#menu
{
    height:42px;
    background-color:#000066;
    overflow:hidden; 

}



#menu ul
{
    padding:0px;
    margin:6px;
    list-style-type:none;
    border:2px solid #009900;
    overflow:hidden;
}

#menu li
{
      padding:0px;
     margin:0px;
    list-style-type:none;
    display:block;
  
}

#menu li a
{
     text-transform:uppercase;
     font-weight:bold;
     font-size:14px; 
      border-right:2px solid #009900;
        float:left;
        height:28px;
       line-height:28px;
       width:96px;
     text-align:center; 
}

#menu li.page-item-39 a
{
     border-right:none;
}



.current_page_item a
{
    color: #009900;
}





.post
{
    padding:20px;
}

.post img
{
    border:3px solid #000;
}







#footer-wrap
{
    clear: both;
    background: #fff url(images/footer.jpg) repeat-x 0 0;
    overflow: hidden;
    height: 300px;
}


#footer
{
    width: 700px;
    text-align:center;
    background:#ccc url(images/sea.jpg) no-repeat top left;
    padding:20px 0px 0px 0px;
}

#footer p
{
    padding:0px 0px 20px 0px;
    margin:0px;
   
    font-size:18px;
}

#credits
{
    width: 700px;
    text-align:center;
}

#credits p
{
    padding:1px;
    margin:0px;
   
    font-size:10px;
}





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

img.alignright
{
    padding: 0px;
    margin: 0 0 12px 12px;
    display: inline;
}

img.alignleft
{
    padding: 0px;
    margin: 0 12px 12px 0;
    display: inline;
}

.alignright
{
    float: right;
}

.alignleft
{
    float: left;
}
















/*

Sets width for Sub-Menu box and the List Items inside - in proportional em units. 

This allows the sub-menu width to expand if users resize the text in their browsers.

*/

#menu ul li ul
{
    z-index: 10;
}

#menu ul li ul
{
    width: 200px;
    padding: 0px;
    margin: 0px;
    background: none;
}


/*

The sub-menu links. We set color and turn off the right border, which

would otherwise be inherited from the root link rule. We set top and 

bottom padding less than the root items and increas the left padding

to indent the sub-menu links a small amount in from the root links.

*/

#menu ul ul li a
{
    color: #ffffff;
    border-right: 0;
    padding: 1px 5px 1px 9px;
    width: 200px;
    font-size: 12px;
}

#menu ul ul li a span, #menu ul ul li a:hover span, #menu ul ul li .current_page_item a span, #menu ul ul li .current_page_item a:hover span, #menu ul ul li .current_page_item a div, #menu ul li ul li.current_page_item a div, #menu ul li.current_page_item ul li a div, #menu ul li.current_page_item ul li span
{
    background: none;
}

#menu ul ul li div
{
    background: none;
}


#menu ul ul li a:hover
{
    color: #fff;
    background: none;
}


#menu ul ul li .current_page_item a:hover, #menu ul ul li .current_page_item a
{
    color: #fff;
    background: none;
}


/*

Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 

Positioned Absolutely to allow them to appear below their root trigger.

Set to display none to hide them until trigger is moused over.

Background Color must be set or problems will be encountered in MSIE.

Right and bottom borders are set to simulate a raised look.

A gradient background image is assigned.

*/

#menu ul li ul
{
    position: absolute;
    display: none;
    background: #24acd2 url(images/header.jpg) repeat-x 0 0;
    top: 35px;
}

#menu ul li ul li a span
{
    color: #fff;
}

#menu ul li ul li a:hover span
{
    color: #fff;
}

#menu ul li ul li a:hover
{
    text-decoration: none;
}

#menu ul li ul li.current_page_item a span, #menu ul li.current_page_item ul li a span
{
    background: none;
}

#menu ul li ul li.current_page_item a:hover span, #menu ul li.current_page_item ul li a:hover span
{
    background: none;
}

/*

Set the Sub-Menu UL to be visible when its associated

Root-Level link is moused over. The second selector is 

assigned to IE5 and IE6 via the P7_ExpMenu script.

*/

#menu ul li:hover ul, #menu ul li.p7hvr ul
{
    display: block;
}

/*

Sets the Text color of the Sub-Level links when the Root-Level

menu items are moused over. The second selector is 

assigned to IE5 and IE6 via the P7_ExpMenu script.

The color set should march the normal Sub-Level link color

in the rule: #p7menubar ul li a. The background color must be

transparent to allow the underlying gradient background on the UL

to show through.

*/

#menu ul li:hover ul a, #menu ul li.p7hvr ul a
{
    color: #ffffff;
    background-image: none;
    background-color: #fff;
    background: #24acd2 url(images/header.jpg) repeat-x 0 0;
    font-weight: normal;
    border-bottom: 1px dotted #ffffff;
}

/*

The normal hover class for Sub-Level links. The Important directive

is required for older browsers. We set a background color, which shows

over the gradient background. We set text color to white.

*/

#menu ul li:hover ul a:hover, #menu ul ul a:hover
{
    background-color: #21a9cf !important;
    background-image: none;
    color: #FFFFFF !important;
    border-bottom: 1px dotted #ffffff;
}

/* The single backslash \ character inside this comment

causes IE5 Mac to ignore the following rule, which allows other

browsers to render top-level menu items to their natural width.

Do not edit this rule in any way. */

#menu ul li
{
    width: auto;
}