/*
Theme Name: Bryan Huber
Theme URI: http://www.bryanhuber.com
Description: Theme made for Bryan Huber's blog
Version: 1.0
Author: Nathan Demick
Tags: widgets, three-column sidebar, multiple sidebars
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { background: #005062; color: #1a1818; font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; }
.container { margin: 0px auto; text-align: left; width: 950px; }
a { color: #053f4f; }
a:hover { text-decoration: none; }
a:active { color: blue; }
a:visited { color: #043542; }
a img { border: none; }

/* Header */
#header { background: url('img/header-background.gif') 0px 0px repeat-x #eeede9; height: 158px; padding: 1px 0px; }
#header #logo { float: left; margin-top: -34px; }
#header h1 { border-top: 1px dotted #000; border-bottom: 1px dotted #000; font-size: 30px; font-weight: normal; height: 35px; margin: 65px 0px 0px 0px; padding: 10px 0px 0px 130px; text-transform: lowercase; }
#header ul { list-style-type: none; float: right; margin-top: 8px; }
#header ul li { display: inline; }
#header ul li a { color: #125d71; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; }

#header ul#social-media { padding-right: 10px; }
#header ul#nav { padding: 8px 60px 0px 0px; }
#header ul#nav li { background: url('img/nav-li-background.gif') 0px 0px no-repeat; padding: 0px 9px 0px 16px; }
#header ul#nav li:first-child { background: none; }

#header #rss { background: url('img/rss-background.gif'); float: right; height: 25px; margin-top: 17px; padding-top: 5px; text-align: center; width: 170px; }
#header #rss a { background: url('img/icons/rss.gif') 0px 2px no-repeat; padding: 2px 0px 2px 20px; }

/* Main Content */
#main-content { background: #eeede9; overflow: auto; }
#main-content hr { border: 0px; height: 0px; border-bottom: 1px dotted #000; clear: both; margin: 15px 0px; }

/* Sidebar */
#main-content #sidebar { float: left; width: 235px; margin-right: 40px; }

/* About box */
#main-content #sidebar #about { background: url('img/about-background.jpg'); height: 343px; width: 233px; padding: 1px 0px; }
#main-content #sidebar #about h2 { color: #125d71; font: normal 28px Georgia, serif; margin: 38px 0px 10px 15px; }
#main-content #sidebar #about p { font: 11px/18px Tahoma, Arial, sans-serif; padding: 5px 20px 5px 15px; }

/* Search */
#main-content #sidebar #search { margin: 10px 0px 0px 0px; }
#main-content #sidebar #search fieldset, .search fieldset { border: none; padding: 5px 0px 20px 10px; }
#main-content #sidebar #search label, .search label { color: #626262; font: bold 14px Arial, sans-serif; padding: 0px 0px 0px 10px; display: block; }
#main-content #sidebar #search input, .search input { background: url('img/search-input-background.gif'); border: none; height: 24px; padding: 9px 0px 0px 5px; }
#main-content #sidebar #search button, .search button { background: url('img/search-button-background.gif'); border: none; cursor: pointer; height: 33px; vertical-align: top; width: 58px; }
#main-content #sidebar #search button span, .search button span { position: relative; left: -9999px; }

/* Single Post */
#main-content #post { float: left; min-height: 400px; width: 675px; }
#main-content #post h2 { color: #125d71; font: bold 22px/26px Arial, sans-serif; margin: 5px 0px 10px 0px; }
#main-content #post h4.date-time { border-bottom: 1px dotted #464749; color: #464749; font: normal 18px Georgia, serif; padding: 10px 0px 5px 0px; }
#main-content #post h4.tags { border-left: 1px solid #818386; font: normal 14px Georgia, serif; padding-left: 5px; margin: 10px 0px; }
#main-content #post #comments { float: right; font: 15px Georgia, serif; }
#main-content #post p { margin: 10px 0px; line-height: 18px; }
#main-content #post img { float: right; }
#main-content #post ul, #main-content #post ol { padding-left: 35px; }

img.alignleft, div.alignleft { float: left; margin: 0px 10px 10px 0px; } 
img.alignright, div.alignright { float: right; margin: 0px 0px 10px 10px; }
img.aligncenter, div.aligncenter { text-align: center; margin: 0px auto; }

/* Secondary Content */
#secondary-content { background: #eeede9; overflow: auto; }
#secondary-content h3 { border-left: 1px solid #818386; color: #125d71; font: normal 22px/28px Georgia, sans-serif; margin-bottom: 10px; padding-left: 5px; }
#secondary-content p { padding-left: 5px; margin: 10px 0px; }

#secondary-content .widget_twitterer h3 { background: url('img/icons/twitter.png') 160px -1px no-repeat; }
#secondary-content #flickr-photostream h3 { background: url('img/icons/flickr.png') 160px -1px no-repeat; }
#secondary-content #flickr-photostream .flickrImage img { border: 2px solid #ccc; }

#secondary-content .item, 
#secondary-content .widget_twitterer, 
#secondary-content #flickr-photostream, 
#secondary-content .widget_text { float: left; width: 210px; }
#secondary-content .item:first-child, #secondary-content .widget_twitterer { margin: 0px 45px 0px 0px; width: 230px; }
#secondary-content .item.main, #secondary-content #flickr-photostream { width: 400px; margin: 0px 65px 0px 0px; }
#secondary-content .item ul, #secondary-content .widget_twitterer ul { list-style-type: none; }
#secondary-content .item ul li, #secondary-content .widget_twitterer ul li { border-bottom: 1px dotted #000; padding: 10px 5px; }
#secondary-content .item ul li:first-child, #secondary-content .widget_twitterer ul li:first-child { padding-top: 0px; }

/* Footer */
#footer { background: url('img/footer-background.gif') 0px 0px repeat-x; color: #fff; padding: 50px 0px 20px 0px; overflow: auto; }
#footer h4 { color: #4597ac; font-size: 14px; font-weight: normal; padding-left: 10px; margin-bottom: 5px; text-transform: uppercase; }
#footer p { padding-left: 10px; margin-bottom: 10px; }
#footer a { color: #fff; }

#footer .item, #footer .widget_text { float: left; width: 210px; border-left: 1px solid #447f8f; }
#footer .item:first-child, #footer .widget_text:first-child { margin: 0px 35px 0px 0px; width: 230px; }
#footer .item.main, #footer #text-399627662, #footer #text-394611471 { width: 400px; margin: 0px 65px 0px 0px; }