/*
Theme Name: Ocean
Theme URI: http://thinktankdesign.ca/
Description: The fourth verson of the Ocean theme for ThinkTank Design.
Version: 4.0
Author: Robert Hurst
Tags: blue, fixed width, one column, custom pages
*/

@IMPORT url("reset.css");
@IMPORT url("fonts/fonts.css");


*{ font-family:DejaVuSansBook; }
body{ background-color:#ffffff; background-image:url("images/header.jpg"); background-repeat:repeat-x; }

h1, h2, h3, h4{ font-family:nevisBold; }
h1{ font-size:36px; }
h2{ font-size:24px; }
h3{ font-size:18px; }

p{ font-size:13px; margin:8px 0; }

ul{ padding:10px 0; }
li{ font-size:15px; }

em{ font-style:italic; }
strong{ font-weight:bold; }

a{ color:#004075; text-decoration:none; outline:none; }
a:hover{ color:#5da0d0; }

#wrapper{ width:800px; margin:auto; }

#header{ height:175px; }
#header #thinktank_logo{ padding:25px 0; }

#navigation{ height:50px; }
#navigation ul{ padding:0; }
#navigation ul li{ float:left; }

#navigation ul li .button{ height:27px; padding:12px 6px 11px 6px; }
#navigation ul li .button .left, #navigation ul li .button .right, #navigation ul li .button .center{ float:left; }
#navigation ul li .button .left, #navigation ul li .button .right{ height:27px; width:10px; }
#navigation ul li .button .left{ background-image:url("images/nav_button_left.png"); }
#navigation ul li .button .right{ background-image:url("images/nav_button_right.png"); }
#navigation ul li .button .center{ height:27px; line-height:27px; background-image:url("images/nav_button_center.png"); }
#navigation ul li .button .center a{ display:block; }

#navigation ul li .button.current{ height:38px; padding:12px 16px 0 16px; }
#navigation ul li .button.current .left, #navigation ul li .button.current .right{ height:38px; width:30px; }
#navigation ul li .button.current .left{ margin-left:-30px; background-image:url("images/nav_button_selected_left.png"); }
#navigation ul li .button.current .right{ margin-right:-30px; background-image:url("images/nav_button_selected_right.png"); }
#navigation ul li .button.current .center{ height:38px; line-height:27px; background-image:url("images/nav_button_selected_center.png"); }

#sub_nav{ padding:0 25px 0 25px; margin-bottom:25px; background-image:url("images/footer.jpg"); background-repeat:repeat-x; }
#sub_nav ul li{ font-size:16px; margin:0 18px 0 18px; float:left; }

#content{ padding:0 25px; }
#content h1{ padding:25px 0; }

#footer{ width:750px; margin:0 auto; }

#footer_columns .column{ width:230px; padding:0 10px; float:left; }
#footer_columns .column h2{ padding:25px 0 10px 0; }
#footer_columns .column ul li{ margin:0 0 0 18px; list-style-position:outside; list-style-type:disc; }

#footer #foot_nav{ padding:25px 0; background-image:url("images/footer.jpg"); background-repeat:repeat-x; background-position:center center; }
#footer #foot_nav ul{ padding:0; }
#footer #foot_nav ul li{ line-height:50px; margin:0 18px 0 18px; float:left; }

#footer #copyright{ padding:0 15px 50px; 15px; }


/*
 * Display Rules
 */
.alignleft{ float:left; }
.alignright{ float:right; }
.aligncenter{ float:center; }


/*
 * Post list CSS
 */
#content .post{ padding-bottom:25px; }

#content .post h1.post_head{ padding:25px 0 5px 0; }
#content .post h2.post_head{ padding:0 0 25px 0; }

#content .post .thumbnail{ float:right; margin:35px 0 15px 25px; border:1px solid #cccccc; }

#content .wp-caption{ margin:8px 0; background-color:#e6e6e6; border:1px solid #cccccc; }
#content .wp-caption.alignleft{ margin-right:25px; }#content .wp-caption.alignright{ margin-left:25px; }
#content .wp-caption img{ margin:4px; border:1px solid #cccccc; }
#content .wp-caption .wp-caption-text{ margin:0 5px 5px 5px; }

#content .gallery{ margin:10px 0; padding:0 !important; background-color:#f6f6f6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
#content .gallery-item{ margin:25px 0 0 0!important; }

#content .post_links{ border-bottom:1px solid #cccccc; padding-bottom:5px; }
#content .post_links a{ float:left; }

#content #post_nav{ padding:25px 0; text-align:center; border-bottom:1px solid #363636; margin-bottom:25px; }
#content #post_nav a{ font-size:18px; }#content .post img{ max-width:750px; }


/*
 * Unique CSS
 */
#content img#example_img{ margin:0 -25px; }
#content h1.home_page{ font-size:36px; text-align:center; }
#content .home_page a{ font-family:nevisBold; }