/*  
Theme Name: Ocean Theme 
Theme URI: http://premiumthemes.com/
Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://premiumthemes.com">PremiumThemes.com</a>
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/

* { margin: 0; padding: 0; }
body { background: #000033; font: normal 11px "Verdana", sans-serif; color:#dfebf0; margin: 0px; padding: 0px; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }
legend {}
fieldset { border: none; }
ul, ol { list-style: none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#fff;}

a:link { text-decoration: none; color : #ffff99; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #ffff99; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #ffff99; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #99ffff; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	

#bg { width: 950px; margin: 0 auto;}
#bg-all { background: #00549b url("images/page-top.jpg") no-repeat top; width: 950px; float: left; margin-top: 25px;}


/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.header { position: relative; width: 860px; margin: 0 45px; padding: 70px 0px 20px 0px; }
.header { background:url(images/scubamatt.jpg) no-repeat left 30px; }
.header .logo-txt h1 { /*background:url(images/logo-icon.png) no-repeat left 10px;*/ letter-spacing: -2px; font-size: 55px; padding-left: 180px;}
.header .logo-txt a, .header .logo-txt h1 a:visited { color: #fff; text-decoration: none; }
.header .logo-txt h1 a:hover { color: #fff; }

.header .logo-img { padding-top: 70px; padding-bottom: 10px;}
.header .logo-img h1 { text-indent: -35000px; margin: 0; padding: 0;}
.header .logo-img h1 a { display: block; background: url(images/logo.gif) no-repeat left top; height: 75px; width: 403px; cursor: hand; }


/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.search { position: absolute; top: 0px; right: 155px; width: 184px; height: 98px;  }
.search form { background: #64b5d9 url("images/search-bg.jpg") left bottom no-repeat; width: 184px; height: 98px;}
.search legend { padding-left: 12px; padding-top: 40px; font: bold 14px/14px "Arial"; color:#fff; letter-spacing: -1px;}
.search input { position: absolute; left: 15px; top: 62px; width: 148px; padding: 5px; border: none; background: none; font-size: 10px; font-weight: bold; color:#003366; }

/* Feed
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.feed { position: absolute; top: 120px; right: 150px;}
.feed p a, .feed p a:visited, .feed p a:hover { color: #000033; float: left; width: 170px; padding-left: 17px; background: url(images/feed-icon.gif) no-repeat left 1px; font: bold 14px/14px 'Arial'; letter-spacing: -1px }
.feed p a:hover { color: #fff; text-decoration: none;}


/* Top Links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.top-links { position: absolute; top: -20px; left: 0px;}
.top-links li { float: left; padding: 0 5px; border-left: 1px solid #6b8d9e; font-size: 10px;  }
.top-links li.last { border-right: 1px solid #6b8d9e; }
.top-links li a, .top-links li a:visited, .top-links li a:hover { float: left; color: #6b8d9e;}
.top-links li a:hover { text-decoration: underline; color: #72d1f5; }

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.menu { width: 860px; float: left; background: url("images/header-underline.gif") left top repeat-x; padding: 35px 0px;}
.menu li { float: left; padding: 0 7px; border-right: 1px solid #538bbe; letter-spacing: -1px; }
.menu li.first { border-left: 1px solid #538bbe; }
.menu ul li a, .menu ul li a:visited { float: left; color: #ffffff; font: bold 14px/14px Arial, sans-serif; }
.menu ul li a:hover { color:#ffcc00;}
.menu .current_page_item a, .menu .current_page_item a:visited { color: #ffcc00;}

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
#content { width: 860px; float: left; padding: 25px 45px 25px 45px;}
.SC { float: left; width: 485px; padding: 0px; }
.SR { float: right; width: 345px; }

.title { color: #fff; font-size: 28px; line-height: 28px; padding: 0px 0px 10px 0px; margin: 0px 0px 25px 0px; font-weight: normal; letter-spacing: -1px;  border-bottom: 3px solid #317bb9; }

/* Main Section
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.SC p {margin-bottom: 1em;}

/* Post
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.post { margin-bottom: 30px;}
.post .post-head { border-bottom: 1px solid #4878ae; padding-bottom: 10px; }
.post .post-head h1 { font-size: 28px; line-height: 28px; padding: 0px; margin: 0px; font-weight: normal; letter-spacing: -1px; color:#ffcc00;}
.post .post-head h2 { font-size: 24px; line-height: 24px; padding: 0px; margin: 0px; font-weight: normal; letter-spacing: -1px; }
.post .post-head h2 a, .post .post-head h2 a:visited { color:#ffcc00; }
.post .post-head h2 a:hover { color:#fff; text-decoration: none;}
.post .post-head h3 { font-size: 19px; line-height: 19px; padding: 0px; margin: 0px; font-weight: normal; letter-spacing: -1px; }

.post .post-head .date { background: url(images/date-ico.gif) no-repeat left center; color: #4f9dbf; padding: 1px 0px 1px 12px; margin: 0px; }
.post .post-head .categ { background: url(images/categ-ico.gif) no-repeat left center; color: #fff; margin: 0px; padding: 1px 0px 1px 12px;}
.post .post-head .categ a { text-decoration: underline; color:#fff; padding: 0px; margin: 0px;}

.post .post-content { padding: 10px 0px 15px 0px; font: normal 12px/17px 'Verdana' sans-serif; color:#d0e2ea;}
.post .post-content p { font: normal 12px/17px 'Verdana' sans-serif; color:#d0e2ea;}
.post .post-content ol { padding: 10px 0px 10px 25px; margin: 10px 0px;  }
.post .post-content ol li { padding: 1px 0px 1px 0px; font-size: 11px; line-height: 14px; color:#d0e2ea; }
.post .post-content ul { padding: 5px 0px; margin: 10px 0px; }
.post .post-content ul li { padding: 1px 0px 1px 13px; list-style-type: none; background: url("images/content-li.gif") no-repeat left top; font-size: 11px; line-height: 14px; color:#fff; }
.post .post-content blockquote { padding: 15px; margin: 10px 0px; background: #004885;}
.post .post-content blockquote p {  font: italic 13px/17px 'Georgia' sans-serif; color:#ccffff;}
.post .post-content blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.post .post-content .tags { display: block; padding-top: 10px; color:#4f9dbf; font-size: 11px;}
.post .post-content .tags a { color:#4f9dbf; text-decoration: underline;}

.post .post-com { overflow: hidden;}
/**/ * html .post-com { height: 30px; } /**/ 
.post .post-com p { line-height: 30px; float: left; background: #1280d1 url("images/comment-left.gif") left center no-repeat; }
.post .post-com p a { float: left; padding: 0 18px 0 33px; font-weight: bold; font-size: 10px; color: #ffffff; background: url("images/comment-right.gif") right center no-repeat; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 5px 15px; display: inline; border: solid 3px #000033; }
img.alignleft { margin: 0 15px 5px 0; display: inline; border: solid 3px #000033; }
.alignright { float: right; }
.alignleft { float: left }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin-bottom: 15px; font-weight: bold; letter-spacing: -1px; }
.nav .left { float: left; background: url(images/nav-arrow-left.gif) no-repeat left center; padding-left: 15px;}
.nav .right { float: right; background: url(images/nav-arrow-right.gif) no-repeat right center; padding-right: 15px; }
.nav a { cursor: hand;}


/* Sidebar 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.S1 { float: left; width: 184px; background: #000033 url("images/sidebar-top.gif") no-repeat; }
.S1-C { padding: 20px 20px 5px 20px; background: url("images/sidebar-bottom.gif") left bottom no-repeat; }

.S1 .widget { margin-bottom: 15px; }
.S1 .widget h2 { color: #ffcc00; font-size: 19px; font-weight: normal; margin-bottom: 5px; }
.S1 .widget a { color: #6ad2e8;}
.S1 .widget a:hover { color: #ffffff; text-decoration: none;}
.S1 .widget ul { padding-top: 1px; background: url("images/sidebar-underline.gif") repeat-x; }
.S1 .widget li { padding: 2px 0px 4px 2px; background: url("images/sidebar-underline.gif") left bottom repeat-x; color:#063f80; }
.S1 .widget li:hover { background-color: #032a5b; }
.S1 .widget li ul { padding-top: 2px;}
.S1 .widget li ul li { border-bottom: none; padding: 0px; display: block; background: none;}
.S1 .widget li ul li a { color:#2a8cb0;}

.S1 .widget_flickrRSS ul { padding: 0px; margin: 0px;}
.S1 .widget_flickrRSS li { list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 10px 0px; float: left;}
.S1 .widget_flickrRSS li a img { background: #021427; border: solid 4px #012c67; width: 55px; height: 55px;}
.S1 .widget_flickrRSS li a:visited img { background: #021427; border: solid 4px #012c67; width: 55px; height: 55px;}
.S1 .widget_flickrRSS li a:hover img { background: #021427; border: solid 4px #ffcc00;}

.S1 .widget_recent_entries li { font-size: 10px;}
.S1 .widget_recent_comments li { font-size: 10px;}

.S1 .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 20px;}
.S1 .widget_calendar table { width: 100%; font-size: 10px;}
.S1 .widget_calendar table td { text-align: center; padding: 3px; }
.S1 .widget_calendar caption { background: #004885; padding: 2px 0px;}
.S1 .widget_calendar #today { background: #004885;}
.S1 .widget_search #s { border: solid 1px #2672b2; background: #004885; padding: 3px; margin-bottom: 5px; width: 90%; color:#fff;}


.S2 { float: right; width: 125px;}
.S2 .widget { margin-bottom: 15px; }
.S2 .widget h2 { color: #ffcc00; font-size: 14px; margin-bottom: 5px; letter-spacing: -1px; }
.S2 .widget a { color: #6ad2e8;}
.S2 .widget a:hover { color: #ffffff; text-decoration: none;}
.S2 .widget ul { padding-top: 1px; background: url("images/sidebar-underline.gif") repeat-x; }
.S2 .widget li { padding: 2px 0px 3px 0px; background: url("images/sidebar-underline.gif") left bottom repeat-x; }
.S2 .widget li:hover { background-color: #032a5b; }

.S2 .widget_flickrRSS ul { padding: 0px; margin: 0px; float: left;}
.S2 .widget_flickrRSS li { list-style-type: none; display: inline; padding: 0px; margin: 0px 4px 4px 0px; float: left;}
.S2 .widget_flickrRSS li a img { background: #021427; border: solid 4px #012c67; width: 50px; height: 50px;}
.S2 .widget_flickrRSS li a:visited img { background: #021427; border: solid 4px #012c67; width: 50px; height: 50px;}
.S2 .widget_flickrRSS li a:hover img { background: #021427; border: solid 4px #ffcc00;}

.S2 .widget_recent_entries li { font-size: 10px;}
.S2 .widget_recent_comments li { font-size: 10px;}

.S2 .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 20px;}
.S2 .widget_calendar table { width: 100%; font-size: 10px;}
.S2 .widget_calendar table td { text-align: center; padding: 3px; }
.S2 .widget_calendar caption { background: #004885; padding: 2px 0px;}
.S2 .widget_calendar #today { background: #004885;}
.S2 .widget_search #s { border: solid 1px #2672b2; background: #004885; padding: 3px; margin-bottom: 5px; width: 90%; color:#fff;}

/* Extra
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.extra { padding: 30px 45px; width: 860px; background: #063f80; float: left; border-top: solid 1px #000033; border-bottom: solid 1px #000033; }
.extra h2 { color: #ffffff; margin-bottom: 10px; font-size: 18px; font-weight: normal; letter-spacing: -1px; text-transform: lowercase; }
.extra a, .tertiary a:visited { color: #a2d3ea; }


/* Tertiary Most Commented
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.extra .commented { float: left; width: 490px; padding-right: 30px; }
.extra .commented h2 { padding-left: 22px; background: url(images/commented-h2-icon.png) no-repeat left 3px; }
.extra .commented ul li { padding:2px 0px 2px 20px; background: url("images/tertiary-bullet.gif") left 3px no-repeat; color:#507fb4; font-size: 12px;}
.extra .commented ul li a, .extra .commented ul li a:visited { color: #a2d3ea; }
.extra .commented ul li a:hover { color:#fff;}

/* Tertiary Flickr
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.extra .flickrrss { float: left; width: 170px; }
.extra .flickrrss ul { padding: 0px; margin: 0px; clear: left;}
.extra .flickrrss li { list-style-type: none; display: inline; padding: 0px; margin: 0px 10px 8px 0px; float: left; }
.extra .flickrrss li a img { background: #021427; border: solid 5px #012c67; width: 65px; height: 65px;}
.extra .flickrrss li a:visited img { background: #021427; border: solid 5px #012c67; width: 65px; height: 65px;}
.extra .flickrrss li a:hover img { background: #021427; border: solid 5px #000033;}


/* Tertiary BlogRoll
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.extra .links { float: right; width: 140px; font-size: .9em; }
.extra .links h2 { font-size: 14px; font-weight: bold; padding-left: 24px; background: url(images/blogroll-h2-icon.png) no-repeat left 3px; }
.extra .links ul li { padding: 1px 0px 1px 0px; font-size: 10px; }
.extra .links ul li a:hover { color:#fff;}


/* Tertiary Comments
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.h3 { font-size: 19px; letter-spacing: -1px; font-weight: normal;  border-bottom: 1px solid #4878ae; padding-bottom: 10px; margin-bottom: 10px; width:700px; }


.com-list { color: #c6d1d4; margin-bottom: 15px; width: 700px; background: #0c589a url("images/comment-top.gif") no-repeat; }
.com-list span { overflow: hidden; padding: 20px; background: url("images/comment-bottom.gif") left bottom no-repeat; display: block;position: relative; min-height: 45px;}
/**/ * html .com-list span {} /* */ 

.com-list .com-head { position: absolute; right: 20px; top: 20px; width: 104px;}
.com-list .com-name { font: bold 14px/14px Arial, Helvetica, sans-serif; color:#fff; letter-spacing: -1px;}
.com-list .com-name a { color:#ffcc00;}
.com-list .com-date { font-size: 11px;}
.com-list .com-date a { color:#6ba1cf; text-decoration: none;}
.com-list .com-avt { position: absolute; top: 0px; left: -60px; }
.com-list .com-avt img { border: solid 1px #fff;}
.com-list .com-nr { position: absolute; right: 0px; top: 0px; font: normal 26px/26px 'Arial'; color:#5e9dd3; }
/**/ * html .com-list .com-nr {} /* */ 

.com-list .com-content { width: 480px; font-size: 11px; line-height: 15px; color:#9ec3d8; padding-bottom: 20px;}
.com-list .com-content p { font-size: 11px; line-height: 15px; color:#9ec3d8;}

.com-list:hover { background-color: #000033; background-image: url("images/comment-alt-top.gif"); }
.com-list:hover span { background-image: url("images/comment-alt-bottom.gif"); }


/* comment form */
.extra .com-form { width: 700px; color: #cccccc; background: #000033 url("images/comment-alt-top.gif") no-repeat; }
.extra .com-form h3 { font-size: 19px; font-weight: normal; letter-spacing: -1px; padding-bottom: 5px;}
.extra .com-form fieldset { padding: 20px 20px 10px 20px; background: url("images/comment-alt-bottom.gif") left bottom no-repeat; }
.extra .com-form p { overflow: hidden; padding: 7px 0px; margin: 0px; font-size: 12px;}
.extra .com-form p strong { color:#ff6600; font-weight: normal;}
.extra .com-form button { border: none; float: left; width: 46px; height: 24px; background: #ffffff url("images/post.gif") no-repeat; cursor: pointer; text-indent: -1000em; }
.extra .com-form textarea,
.extra .com-form input { margin-right: 10px; padding: 4px; width: 220px; border: 1px solid #063f80; background: #012c67; color:#fff;}
.extra .com-form textarea { width: 480px; padding: 5px; font-size: 12px;}


/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */	
.footer { color: #6197c5; padding: 25px 45px 20px 45px; width: 860px; float: left; background: #012c67 url("images/footer-bottom.gif") left bottom no-repeat; overflow: hidden;}
/**/ * html .footer { float: none;} /* */ 
.footer .themename { color:#2b6ca3;}
.footer .themename a { color:#2b6ca3;}
.footer p { padding: 1px 0px;}
.footer a { color: #6197c5; text-decoration: underline; }