/*
Theme Name: HonkBlog
Theme URI: http://www.honk.com/
Description: Custom developed theme for Honk.com by Hatch.
Version: 2.0
Author: Tim Williams, Michael Leigeber
Author URI: http://www.madebyhatch.com/
Tags: honk
*/

* {margin:0; padding:0; outline:0}
body {background:#D8E6EF url(images/main-bg.jpg) 50% 0 no-repeat; font:13px Verdana,Arial; color:#333}
p {line-height:1.3; margin-bottom:14px}
img {border:0}
a {color:#586fb5; text-decoration:none}
a:hover {color:#2d395f}
h1 {color:#fff; font-size:21px; font-weight:normal; padding:4px 0 0 20px; margin-top:1px; background:url(images/heading-bg.gif) repeat-x; height:41px; text-shadow:#f39504 1px 1px 1px}
h3 {font-size:15px}
#center {width:956px; margin:0 auto}
h1 span {float:left; padding-top:5px}
h1 a {float:right; color:#fff; font-size:13px; background:url(images/heading-rss.gif) 100% 0 no-repeat; margin-right:5px; padding:20px 44px 0 0}
h1 a:hover {color:#fff}

/* Header */
.header {height:43px; padding-top:31px}
.toplinks {list-style:none; margin-left:197px; font:bold 13px Arial,Verdana}
.toplinks li {float:left; background:url(images/global-nav-tab.png) no-repeat; text-align:center}
.toplinks li a {float:left; height:28px; padding-top:9px; width:128px; color:#336699}
#facebook {background:none; margin-left:5px; padding-top:2px}
#facebook a {background:url(images/global-nav-facebook.png) 0 4px no-repeat; width:87px}
.logo {float:left; margin:14px 0 0 5px}
.banner {width:728px; height:90px; margin:0 auto}
.topnav {list-style:none; float:right}
.topnav li {float:left}
.topnav a {display:block; padding:4px 12px} 
.topnavcenter {border-right:1px solid #ccc; border-left:1px solid #ccc}
.search {clear:both; float:right; width:257px; margin:20px 12px 0 0}
#s {float:left; background:url(images/search-bg.gif); border:0; font:16px/39px Arial,Verdana; color:#b6b4b4; width:196px; padding:0 0 0 15px; height:39px}
#searchsubmit {float:left}

/* Content */
.content {padding-left:25px}
#inner {width:906px; background:#fff url(images/inner-bg.gif) repeat-y}
#left {float:left; width:575px}
#breadcrumb {list-style:none; height:20px; font-size:11px; margin:25px 20px 0}
#breadcrumb li {float:left}
#breadcrumb a {display:block; padding:5px 10px 5px 0; color:#000; background:url(images/breadcrumb-div.gif) 100% 8px no-repeat; margin-right:8px}
#breadcrumb a:hover {color:#555}
#breadcrumb span {display:block; padding:5px 10px 5px 0}

/* Sidebar */
#right {float:left; width:331px; padding-top:25px; border-top:1px solid #fff}
#right h3 {font:18px Arial,Verdana; margin-bottom:15px; color:#888}
#tabs {list-style:none; font-size:15px}
.tabline {border-bottom:1px solid #eee}
#tabs a {display:block; padding:9px 10px 10px 55px; color:#ff9d02}
#tabs a:hover {color:#ab6900}
#activetab {background:url(images/tab-active.jpg) no-repeat; height:57px; font-weight:bold; border-bottom:0}
#activetab a {color:#000; padding:19px 10px 19px 55px}
#activetab a:hover {color:#555}
li#lasttab {border-bottom:none}
#morehonk {height:76px; clear:left; background:url(images/more-honk.jpg); padding:23px 0 0 188px}
#morehonk a {margin-right:5px}
#sidebarlargead {padding:15px 0 25px 15px}
#calendar-3 {float:left; padding:10px 0 30px 15px; width:100%}
#wp-calendar td {text-align:center}
#recentphotos {float:left; padding:10px 0 15px 15px; width:100%}
#recentphotos a {float:left; margin:0 15px 15px 0}
#recentphotos img {padding:2px; border:1px solid #ddd}
#recentposts {float:left; width:100%; padding-bottom:14px}
#recentposts h3, #contributors h3 {margin:0 0 0 15px}
#calendar-3 table {width:300px}
#calendar-3 thead {background:#eee}
.sidebarlist {list-style:none; width:290px}
.sidebarlist li {border-bottom:1px solid #ddd}
.sidebarlist a {display:block; padding:15px 18px; color:#ff9d02}
.sidebarlist a:hover {color:#ab6900}
.clear {clear:both}
.clear {padding-top:50px}
#rssfeeds {float:left; width:100%; padding:25px 0 10px}
#rssfeeds a {margin:15px}
#rssfeeds h3 {margin:0 0 5px 15px; text-transform:uppercase}
.details {height:40px; border-bottom:1px solid #ddd; padding-top:15px}
.postlink {float:left; font-weight:bold; padding:6px 0; font-size:14px}
.responses {float:right}
.responses a {display:block; color:#555; background:url(images/comments-bg.gif); width:126px; height:21px; padding-top:7px; text-align:center; font-weight:bold; font-size:11px}
.responses a:hover {color:#222}

/* Footer */
.footer {height:294px; padding-top:30px; background:url(images/footer-bg.gif) repeat-x}
#footercenter {width:906px; margin:0 auto}
#footerinfo {float:left; width:537px; height:194px; padding:16px 20px; background:url(images/footer-box.gif) no-repeat; margin-right:20px}
.footerlist {float:left; margin-right:20px}
.footerlist h3 {margin-bottom:14px}
.footerlist ul {list-style:none; font-size:11px}
.footerlist li {margin-bottom:10px}
.footerlist a {color:#000}
.footerlist a:hover {color:#333}
#tagcloud {float:left; width:309px}
#tagcloud h3 {font:18px Arial,Verdana; margin-bottom:15px; color:#fff}
#tagcloud a {color:#c7cce2}
#tagcloud a:hover {color:#fff}
#copyright {float:left; clear:left; width:377px; padding:23px 0 10px 160px; margin-top:20px; border-top:1px solid #dbdbdb; background:url(images/honk-footer.jpg) 15px 10px no-repeat; font-size:10px}

/* Posts */
.post, .page {padding-bottom:10px; margin:26px 20px 0}
#postmeta {margin:0 20px}
.post h2 {color:#666; font:bold 19px Arial,Verdana; margin-bottom:2px}
.post h2 a {color:#666}
.post h2 a:hover {color:#333}
.page {padding-bottom:10px}
.page h2 {color:#666; font:bold 19px Arial,Verdana; margin-bottom:12px}
.post ul {margin:0 0 14px 15px}
.author {display:block; padding-bottom:14px; font-size:11px; color:#888}
.author a {color:#586fb5}
.author a:hover {color:#33416b}
#tags {padding:10px 0 20px; border-bottom:1px solid #eee}
#tags a {color:#ff9d02}
#tags a:hover {color:#ab6900}
#related {padding:12px 0; border-bottom:1px solid #eee}
#related h3 {margin-bottom:10px}
#related ul {list-style:none; margin-left:15px}
#related a {color:#000}
#related a:hover {color:#555}
#related li {background:url(images/bullet-star.gif) 0 3px no-repeat; padding:2px 0 2px 18px}
#comments {float:left; padding-top:12px}
#comments h3 {margin-bottom:10px}
#comments ul {list-style:none}
.gravatar {float:left}
.comment {float:left; margin:0 0 20px 15px; width:450px}
.comment span {display:block}
.commentdate {font-size:11px; margin:2px 0 8px}
.commenttext {font-size:12px}
#reply {clear:left; padding:12px 0 45px; border-bottom:1px solid #eee}
#commentusing {height:59px; padding:18px 0 0 100px; margin-bottom:25px; background:url(images/comment-using.gif) no-repeat}
#commentusing img {margin-right:10px}
#commentusing p {margin-top:13px}
#twc_connect {float:left}
#twc_connect button {background:none; border:none; cursor:pointer} 
.fbconnect_login_button {float:left; background:url(/images/facebook-connect.gif); width:167px; height:40px; margin-top:2px; margin-right:10px}
.formrow {height:38px}
#reply label {float:left; width:180px; padding:3px 15px 0 0; text-align:right; font-weight:bold}
#reply label span {font-size:10px}
.textbox {float:left; padding:5px; border:1px solid #d5d5d5; width:210px}
#textarea {height:150px}
#reply textarea {font:12px Verdana,Arial; padding:5px; border:1px solid #d5d5d5; height:125px; width:315px}
#postcomment {border:none; margin-left:195px}
#postnav {height:14px; padding-top:10px; margin:0 20px}
#previous {float:left}
#next {float:right}

/* Contributor Page */
#contributorlist {list-style:none}
#contributorlist li {float:left; width:100%; border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px}
#contributorlist h2 {font:16px Arial,Verdana; margin-bottom:6px}
#contributorlist h2 a {color:#666}
#contributorlist h2 a:hover {color:#333}
#contributorlist h2 span {font-size:14px}
.authoravatar {float:left; margin-right:20px}
.authorinfo {float:left; width:428px}

/* Homepage */
#headerright {float:right}
#contentheader {float:left; height:106px; padding:0 7px 0 20px; width:879px; background:#fff}
#sections {clear:left; list-style:none; background:#e9eff4; padding:7px 0 7px 2px; height:137px; width:904px}
#sections li {float:left; padding-left:11px}
#sections img {border:1px solid #aaa; padding:1px; margin:3px}
#sections img:hover {margin:0; border:4px solid #ff9c03}
#slider {float:left; height:545px; width:578px; overflow:auto; position:relative}
#slidernav {position:absolute; top:205px; width:542px; padding:0 18px; color:#ff9d02}
#slideleft {float:left; background:url(/images/slide-left.gif) no-repeat; padding:1px 0 4px 33px; cursor:pointer}
#slideleft:hover {color:#ffd28b}
#slideright {float:right; background:url(/images/slide-right.gif) 100% 0 no-repeat; padding:1px 33px 4px 0; cursor:pointer}
#slideright:hover {color:#ffd28b}
#slide {list-style:none; position:absolute; top:0; left:0}
#slide h2 {margin:27px 0 0 18px}
#slide li {float:left; position:relative; height:545px; width:578px; background:#fff no-repeat 0 96px}
#slide .author {margin:0 0 20px 19px}
#slide .author a {font-style:italic}
.slidefixed {height:145px; background:#000; opacity:.75; filter:alpha(opacity=75)}
#slide li p {position:absolute; top:100px; color:#fff; z-index:100; padding:12px 18px}
#slide li p a {color:#ff9d02; margin-left:10px}
#slide li p a:hover {color:#ffd086}
.sharethis {margin:240px 0 0 18px}
.tags {margin:10px 0 0 18px}
.tags a {color:#ff9d02}
.tags a:hover {color:#ab6900}
#homemore {float:left; height:63px; width:290px; background:url(images/home-more.jpg) no-repeat; padding:42px 0 0 38px}