/*
Theme Name: Honk
Theme URI: http://www.honk.com/
Description: Custom developed theme for Honk.com by Hatch.
Version: 1.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/bg.gif); font:13px Verdana,Arial}
p {line-height:1.3; margin-bottom:14px}
img {border:0}
a {color:#586fb5; text-decoration:none}
a:hover {color:#2d395f}
h1 {color:#333; font-size:18px; margin-bottom:14px}
h3 {font-size:15px}
#center {width:956px; margin:0 auto}
/* Header */
#blog .header {height:168px; background:url(images/content-top.gif) 0 100% no-repeat}
#home .header {height:120px; padding-top:8px; background:url(images/header-top.gif) 0 100% no-repeat}
#blog .logo {float:left; margin:72px 0 0 28px}
#home .logo {float:left; margin:14px 0 0 5px}
.banner {width:728px; height:90px}
#blog .banner {float:right; margin:8px 25px 0 0}
#home .banner {margin:0 auto}
.topnav {list-style:none}
#blog .topnav {float:left; margin:20px 0 0 122px}
#home .topnav {float:right}
.topnav li {float:left}
#blog .topnav a {display:block; padding:9px 12px}
#home .topnav a {display:block; padding:4px 12px} 
#blog .topnavcenter {border-right:1px solid #a4a4a6; border-left:1px solid #a4a4a6}
#home .topnavcenter {border-right:1px solid #ccc; border-left:1px solid #ccc}
.search {float:right}
#blog .search {margin:30px 46px 0 0}
#home .search {clear:both; margin:20px 12px 0 0}
#s {float:left; background:url(images/search-bg.gif); border:0; font:16px Arial,Verdana; color:#b6b4b4; width:196px; padding:10px 0 0 15px; height:29px}
#searchsubmit {float:left}
/* Content */
#blog .wrapper {background:url(images/content-bg.gif) repeat-y}
#home .wrapper {background:url(images/home-bg.gif) repeat-y}
.content {background:url(images/content-gradient.gif) no-repeat}
#blog .content {padding-left:45px}
#home .content {padding-left:25px}
#left {float:left; width:528px}
#breadcrumb {list-style:none; height:40px; font-size:11px}
#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; margin:8px 0 0 27px}
#right h3, #homesidebar h3 {font:18px Arial,Verdana; margin-bottom:15px}
#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; 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:30px}
#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}
#blog .clear {padding-top:50px}
#rssfeeds {float:left; width:100%; padding-bottom:10px}
#rssfeeds a {margin:15px}
#rssfeeds h3 {margin:0 0 5px 15px}
.details {height:25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:6px}
.responses {float:left}
.postlink {float:right}
/* Footer */
.footer {height:320px; padding:40px 25px 0}
#blog .footer { background:url(images/content-bottom.gif) no-repeat}
#home .footer {background:url(images/home-footer.gif) no-repeat}
#footerinfo {float:left; width:537px; height:194px; padding:16px 20px; background:url(images/footer-box.gif) no-repeat; margin:12px 20px 0 0}
.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}
#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 {padding-bottom:10px}
.post h2 {color:#586fb5; font-size:18px}
.page {padding-bottom:10px}
.page h2 {color:#586fb5; font-size:18px; margin-bottom:12px}
.post ul {margin-left:15px}
.author {display:block; padding-bottom:14px; font-size:11px}
.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}
#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-size:15px; margin-bottom:6px}
.authoravatar {float:left; margin-right:20px}
.authorinfo {float:left; width:428px}
/* Homepage */
#headerright {float:right}
#contentheader {float:left; height:105px; margin-left:20px; width:879px}
#sections {clear:left; list-style:none; background:#e9eff4; padding:10px 0; height:129px; width:906px}
#sections li {float:left; padding-left:18px}
#sections img {border:1px solid #ccc}
#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}
#homesidebar {float:left; width:328px; background:#f7f7f7; margin-top:96px}
#homesidebar #recentposts {border-top:1px solid #eff2f9; padding-top:15px; height:322px; border-bottom:1px solid #ebebec}
#homemore {float:left; height:63px; width:290px; background:url(images/home-more.jpg) no-repeat; padding:42px 0 0 38px}