} /*-------------------- LOGO -------------------------------*/ img.logo { display: block; } /*-------------------- LOGO -------------------------------*/ img.logo { display: block; } td.logoarea-logo { width: 1%; } /*-------------------- BLOG TITLE -------------------------*/ h1.blogtitle, h2.blogtitle { display: block; font-smooth: always; } h1.blogtitle a:link, h1.blogtitle a:visited, h1.blogtitle a:active, h2.blogtitle a:link, h2.blogtitle a:visited, h2.blogtitle a:active { text-decoration: none; color: #666666; font-weight: bold; font-smooth: always; } h1.blogtitle a:hover, h2.blogtitle a:hover { text-decoration: none; color: #000000; font-weight: bold; } /*-------------------- BLOG TAGLINE -----------------------*/ p.tagline { } td.feed-icons { white-space: nowrap; } div.rss-box { height: 1%; display: block; padding: 10px 0 10px 10px; margin: 0; width: 280px; } /*-------------------- COMMENTS FEED ICON -----------------*/ a.comments-icon { height: 22px; line-height: 22px; margin: 0 5px 0 5px; padding-left: 22px; display: block; text-decoration: none; float: right; white-space: nowrap; } a.comments-icon:link, a.comments-icon:active, a.comments-icon:visited { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/comment-gray.png) no-repeat scroll center left; } a.comments-icon:hover { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/comment.png) no-repeat scroll center left; } /*-------------------- POSTS FEED ICON --------------------*/ a.posts-icon { height: 22px; line-height: 22px; margin: 0 5px 0 0; padding-left: 20px; display: block; text-decoration: none; float: right; white-space: nowrap; } a.posts-icon:link, a.posts-icon:active, a.posts-icon:visited { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/rss-gray.png) no-repeat scroll center left; } a.posts-icon:hover { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/rss.png) no-repeat scroll center left; } /*-------------------- EMAIL SUBSCRIBE ICON ---------------*/ a.email-icon { height: 22px; line-height: 22px; margin: 0 5px 0 5px; padding-left: 24px; display: block; text-decoration: none; float: right; white-space: nowrap; } a.email-icon:link, a.email-icon:active, a.email-icon:visited { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/email-gray.png) no-repeat scroll center left; } a.email-icon:hover { background: transparent url(http://kelleyshaffer.com/blog/wp-content/themes/atahualpa/images/email.png) no-repeat scroll center left; } /*-------------------- SEARCH BOX IN HEADER ---------------*/ td.search-box { height: 1%; } div.searchbox { height: 35px; } div.searchbox-form { margin: 5px 10px 5px 10px; } /*-------------------- HORIZONTAL BARS --------------------*/ div.horbar1, div.horbar2 { font-size: 1px; clear: both; display: block; position: relative; padding: 0; margin: 0; width: 100%; } div.horbar1 { } div.horbar2 { } div.header-image-container { position: relative; margin: 0; padding: 0; height: 0px; } /*-------------------- CLICKABLE HEADER IMAGE -------------*/ div.clickable { position:absolute; top:0; left:0; z-index:3; margin: 0; padding: 0; width: 100%; height: 0px; } a.divclick:link, a.divclick:visited, a.divclick:active, a.divclick:hover { width: 100%; height: 100%; display: block; text-decoration: none; } /* ------------------------------------------------------------------ ---------- LEFT SIDEBARS --------------------------------------------- ------------------------------------------------------------------ */ td#left { vertical-align: top; } td#left-inner { vertical-align: top; } /* ------------------------------------------------------------------ ---------- RIGHT SIDEBARS -------------------------------------------- ------------------------------------------------------------------ */ td#right { vertical-align: top; } td#right-inner { vertical-align: top; } /* ------------------------------------------------------------------ ---------- CENTER COLUMN -------------------------------------------- ------------------------------------------------------------------ */ td#middle { vertical-align: top; width: 100%; } /* ------------------------------------------------------------------ ---------- FOOTER --------------------------------------------------- ------------------------------------------------------------------ */ td#footer { width: auto; } td#footer a:link, td#footer a:visited, td#footer a:active { } td#footer a:hover { } /* ------------------------------------------------------------------ ---------- WIDGETS -------------------------------------------------- ------------------------------------------------------------------ */ div.widget { display: block; width: auto; /* without this IE will stretch too-wide select menus but not the other widgets. With 100% IE will remove sidebar borders if select menu is too wide */ } div.widget-title { display: block; width: auto; } div.widget-title h3, td#left h3.tw-widgettitle, td#right h3.tw-widgettitle, td#left ul.tw-nav-list, td#right ul.tw-nav-list { padding:0; margin:0; } /* Since 3.4 "div-widget-content" is gone for better plugin compatibility. Instead we'll try to mimick the feature by putting the styles on the following containers: */ div.widget ul, div.textwidget { display: block; width: auto; } /* ------------------------------------------------------------------ ---------- Select MENUS INSIDE OF WIDGETS ------------------------- ------------------------------------------------------------------ */ /* if a select menu is too wide to fit into the sidebar (because one or several of its option titles are too long) then it will be cut off in IE 6 & 7 */ div.widget select { width: 98%; /* auto won't work in Safari */ margin-top: 5px; } /* ------------------------------------------------------------------ ---------- LISTS INSIDE OF WIDGETS ---------------------------------- ------------------------------------------------------------------ */ div.widget ul { list-style-type: none; margin: 0; padding: 0; width: auto; } /*------------- base styling for all widgets -----------*/ div.widget ul li { display: block; margin: 2px 0 2px 0px; padding: 0 0 0 0px; border-left: solid 0px #FFFFFF; } div.widget ul li:hover, div.widget ul li.sfhover { display: block; width: auto; border-left: solid 0px #FFFFFF; } div.widget ul li ul li { margin: 2px 0 2px 0px; padding: 0 0 0 5px; border-left: solid 0px #CCCCCC; } div.widget ul li ul li:hover, div.widget ul li ul li.sfhover { border-left: solid 0px #000000; } div.widget ul li ul li ul li { margin: 2px 0 2px 0px; padding: 0 0 0 5px; border-left: solid 0px #CCCCCC; } div.widget ul li ul li ul li:hover, div.widget ul li ul li ul li.sfhover { border-left: solid 0px #000000; } div.widget td a:link, div.widget td a:visited, div.widget td a:active, div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active { text-decoration: none; font-weight: normal; color: #000000; font-weight: normal; } div.widget ul li ul li a:link, div.widget ul li ul li a:visited, div.widget ul li ul li a:active { color: #666666; font-weight: normal; } div.widget ul li ul li ul li a:link, div.widget ul li ul li ul li a:visited, div.widget ul li ul li ul li a:active { color: #666666; font-weight: normal; } div.widget ul li a:hover { color: #666666; } div.widget ul li ul li a:hover { color: #000000; } div.widget ul li ul li ul li a:hover { color: #000000; } div.widget ul li a:link, div.widget ul li a:visited, div.widget ul li a:active, div.widget ul li a:hover { display: inline; } * html div.widget ul li a:link, * html div.widget ul li a:visited, * html div.widget ul li a:active, * html div.widget ul li a:hover { height: 1%; /* IE6 needs this */ } /*------------- styling for categories and pages widgets -----------*/ /* Because they can have sub items, the categories and the pages widgets get the left border and padding on the instead of the
  • . Otherwise, sub items would have two left borders - their own left border and the left border of their parent (since the parent contains the sub item). You may actually like that, it looks interesting. To try it out, comment all the next rules up to "BFA SUBSCRIBE WIDGET" */ /* First, remove the left border and padding from the
  • . The margin stays on the
  • 's because if the 's of the cateories widget were set to display:inline (default setting) then margin would work there */ div.widget_pages ul li, div.widget_categories ul li { border-left: 0 !important; padding: 0 !important; } /* Then, add left border and padding to the */ div.widget_pages ul li a:link, div.widget_pages ul li a:visited, div.widget_pages ul li a:active, div.widget_categories ul li a:link, div.widget_categories ul li a:visited, div.widget_categories ul li a:active { padding: 0 0 0 0px; border-left: solid 0px #FFFFFF; } div.widget_pages ul li a:hover, div.widget_categories ul li a:hover { border-left: solid 0px #FFFFFF; } div.widget_pages ul li ul li a:link, div.widget_pages ul li ul li a:visited, div.widget_pages ul li ul li a:active, div.widget_categories ul li ul li a:link, div.widget_categories ul li ul li a:visited, div.widget_categories ul li ul li a:active { padding: 0 0 0 5px; border-left: solid 0px #CCCCCC; } div.widget_pages ul li ul li a:hover, div.widget_categories ul li ul li a:hover { border-left: solid 0px #000000; } div.widget_pages ul li ul li ul li a:link, div.widget_pages ul li ul li ul li a:visited, div.widget_pages ul li ul li ul li a:active, div.widget_categories ul li ul li ul li a:link, div.widget_categories ul li ul li ul li a:visited, div.widget_categories ul li ul li ul li a:active { padding: 0 0 0 5px; border-left: solid 0px #CCCCCC; } div.widget_pages ul li ul li ul li a:hover, div.widget_categories ul li ul li ul li a:hover { border-left: solid 0px #000000; } /* The pages widget gets "block" because it usually has only one link per
  • and no text */ div.widget_pages ul li a:link, div.widget_pages ul li a:active, div.widget_pages ul li a:visited, div.widget_pages ul li a:hover { display: block !important; } /* The category widget gets "inline" per default or otherwise the post count would wrap into the next line. If no post count is displayed, "block" can be chosen at Theme Options -> Style Widgets -> Category Widget Display Type. With "block", links that don't fit into one line will align properly (as a block) on the left side. */ div.widget_categories ul li a:link, div.widget_categories ul li a:active, div.widget_categories ul li a:visited, div.widget_categories ul li a:hover { display: inline !important; } /* ------------------------------------------------------------------ ---------- BFA SUBSCRIBE WIDGET ------------------------------------- ------------------------------------------------------------------ */ table.subscribe { width: 100%; } table.subscribe td.email-text { padding: 0 0 5px 0; vertical-align: top; } table.subscribe td.email-field { padding: 0; width: 100%; } table.subscribe td.email-button { padding: 0 0 0 5px; } table.subscribe td.post-text { padding: 7px 0 0 0; vertical-align: top; } table.subscribe td.comment-text { padding: 7px 0 0 0; vertical-align: top; } /* ------------------------------------------------------------------ ---------- POSTS ---------------------------------------------------- ------------------------------------------------------------------ */ /*-------------------- POST CONTAINER ---------------------*/ div.post, div.page { display: block; } /* additonal styles for sticky posts */ div.sticky {