/*

Theme Name: Underwater

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: An underwater blog theme.  Template designed by <a href="http://www.demusdesign.com">DemusDesign</a>

Version: 1.0

Author: Theme Lab

Author URI: http://www.themelab.com/

Tags: blue, underwater, fixed width, two columns, widgets



*/



* { margin: 0; padding: 0; }
body { background: #000 url('images/bac.jpg') no-repeat top center; font: 400 1.0em 'trebuchet ms', arial, sans-serif; color: #bbb;}
.wrap { width: 980px; margin: 0 auto; }
h1 { margin-top: 25px; font: 600 2.3em georgia, 'times new roman', serif; color: #FFF; font-style: italic; line-height: 0.6em; padding: 12px 0 8px 74px; }
a {color: #fff;}
a:visited {color: #fff;}
h1 a { color: #FFF; text-decoration: none; }
h1 a:hover { text-decoration: none; }
h1 span { font: 400 20px 'trebuchet ms', arial, sans-serif; color: #3F9; }
h2 { margin: 5px 0 20px 0px; padding: 0px 0px 5px 0px; font: 600 1.5em georgia, 'times new roman', serif; font-style: italic; color: #F5A663; font-weight: normal; border-bottom: solid 1px #333;}
h2 a {text-decoration: none;}
#nav { z-index: 1; margin: 10px 0 10px 10px; width: 100%; text-transform: uppercase;}
#nav ul { list-style-type: none; }
#nav ul li { display: inline; }
#nav ul li a { float: left; display: block; font-variant: small-caps; text-decoration: none; font: 400 20px 'trebuchet ms', arial, sans-serif; margin-right: 40px; padding-bottom: 15px;  }
#nav ul li a:hover { color: #88a7ca; background: url('images/arrow.png') no-repeat bottom center; }
.current_page_item a {color: #88a7ca; background: url('images/arrow.png') no-repeat bottom center; }

#right { float: right; clear: none; margin: 40px 0 20px 0; padding: 20px 10px 20px 19px; width: 170px; font: 400 0.9em 'trebuchet ms', arial, sans-serif; color: #FFF; background:#111d2a no-repeat top left; border-right: 1px solid #284464; border-top: 1px solid #284464; border-bottom: 1px solid #284464; }
#right ul { list-style-type: none; color: #096; }
#right ul li a { display: block; border-bottom: 1px dotted #143b62; text-decoration: none; color: #7A9292; padding: 3px 0; margin-right: 5px; }
#right ul li a:hover { color: #FFF; border-bottom: 1px dotted #426c96; }
#right h2 { padding-bottom: 3px; border-bottom: solid 1px #666; margin: 15px 0 5px 0; font-size: 1.2em; }
#right a { color: #F5A663; }
#right a:hover { text-decoration: none; color: #88a7ca; }

#main { margin: -1px 0 0 0; width: 758px; background: #000 url('images/bac.jpg') no-repeat top center; padding: 10px 10px 50px 10px; }
#main p { color: #bbb; line-height: 1.4em; margin: 0px 0 15px 0; font-size: 0.9em; }
#main p.big { font-size: 1.2em; font-style: italic; }
#main a { color: #F5A663; }
#main a:hover { text-decoration: none; color: #88a7ca; }

.floatright { float: right; margin: 8px 0 8px 8px; }
.floatleft { float: left; margin: 8px 8px 8px 0; }
.middle { width: 175px; float: right; margin: 0 3px 15px 15px; }
.rightbox { background-image: url('images/trans.png'); border: 1px solid #284464; font-size: 0.8em; padding: 8px; width: 160px; margin-bottom: 15px; }
#main .post img { padding: 8px; background: #111d2a; border: 1px solid #284464; margin: 0px 10px 30px 0px; }
img.front { margin: 10px 0; }
.clearer { clear: both; line-height: 0; font-size: 0; }
#foot { background-image: url('images/trans.png');  border: 1px solid #284464; padding: 40px 15px 15px 15px; font-size: 0.7em; color: #687E7D; margin: 0 220px 100px 0px; width: 750px; }
#foot h3 { font-family: georgia, times, serif; font-style: italic; color: #CFF; border-bottom: 1px solid #284464; }
.footlinks { float: left; margin-right: 15px; width: 150px; }
.linklist { margin-bottom: 10px; }
#foot ul, .linklist ul { list-style-type: none; color: #096; }
#foot ul li a, .linklist ul li a { display: block; border-bottom: 1px dotted #003737; text-decoration: none; color: #7A9292; padding: 3px 0; }
#foot ul li a:hover, .linklist ul li a:hover { color: #FFF; border-bottom: 1px dotted #006666; }
#foot .about { float: right; width: 250px; }
#foot p { margin: 5px 0 10px 0; }
#foot a { color: #F5A663; }
#foot a:hover { text-decoration: none; }
#main h3 { font-family: 'trebuchet ms', arial, sans-serif; color: #F70; margin: 5px 0; }
#main h5 { font-family: 'trebuchet ms', arial, sans-serif; color: #687E7D; margin: 5px 0; }
#main h4 { font-family: georgia, times, serif; color: #CFF; font-style: italic; margin: 5px 0; }
form { margin: 10px 0 20px 0; color: #687E7D; }
fieldset { border: none; }
.post form input, #right form input, input#author, input#email, input#url, input#submit, input#searchsubmit, input#s, textarea { background: #284464; border: 1px solid #284464; color: #CFF; margin: 3px 0px 3px 0px; display: block; }
blockquote { margin: 15px; border-left: 2px solid #055; padding: 5px 5px 5px 10px; font-style: italic; font-family: georgia, times, serif; }
.post cite, .comment-author { display: block; font: 400 0.8em 'trebuchet ms', arial, sans-serif; color: #88a7ca; font-style: normal; background: #111d2a; padding: 8px 8px 25px 8px; }
hr { color: #002626; background-color: #002626; border: none; height: 1px; width: 80%; margin: 15px auto; }


#main .post ol { margin: 10px 0 10px 50px; color: #0FC; font-style: italic; font-family: georgia, times, serif; }
#main ol span { color: #AEBDBD; font-style: normal; font-family: 'trebuchet ms', arial, sans-serif; }
#main .post ul { margin: 10px 0 10px 30px; color: #AEBDBD; font-style: normal; font-family: 'trebuchet ms', arial, sans-serif; list-style-type: none; }
#main .post ul li { padding-left: 20px; background: url('images/arrow_right.png') no-repeat left center; }
.date { width: 35px; height: 35px; background: #111d2a; border: 1px solid #284464; font-size: 14px; font-family: georgia, times, serif; color: #F70; padding: 5px; float: left; margin: 0px 12px 12px 0; text-align: center; line-height: 1.0em; }
.date span { display: block; font-size: 23px; color: #FFF; }
.post { margin-bottom: 5px; padding-bottom: 15px; }
.post h2 { border-top: 2px solid #284464; margin: 0 0 20px 57px; padding-top: 10px; }
#extraDiv2 { background: url('images/grass.jpg') bottom; height: 348px; width: 100%; bottom: 0px; }
/* Begin Comments*/

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; margin-top: 10px; text-align: justify; }
.commentlist li { list-style: none; border-left: 2px solid #284464; padding: 5px 5px 5px 10px; }
#comments {padding: 70px 0px 0px 0px;}
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist li img.avatar {float: right; border: 0; padding: 0; margin: -8px -7px 0 0; background: none; }
.comment-meta { font-size: 0.7em; margin: 2px 0px 10px 0px;}
/* End Comments */

	

.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left }


.header {background-image: url('images/detour.jpg'); width: 933px; height: 456px;}
.alignleft, .size-full {margin: 0px 20px 20px 0px;}
strong {color: #fff;}
cite {clear: left;}
