/* Theme Name: Left Handed Theme URI: http://www.obox-design.com/ Description: Hand Drawn Blog Theme Version: 1.1.9 Author: Obox Signature Series Author URI: http://www.obox-design.com/ */ /*-----------------------------------------------------------------------------------------*/ /*- RESET ---------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } table { border-spacing: 0; border-collapse: collapse; } caption, th, td { text-align: left; font-weight: normal; } blockquote, q { quotes: none; } :focus { outline: 0; } /*--*********************************************************************************--------*/ /*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/ /*-------------------------------------------------------------------------------------------*/ .no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; } .no_ie h1{font-size: 22px;} .no_ie p{margin: 0px; padding: 0px;} .no_ie a{color: #a60000; text-decoration: underline;} .no_ie a:hover{color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ html{margin: 0px; padding: 0px} body{margin: 0px; padding: 1px 0px; font-size: 16px; color: #fff; background: #222 url(images/bg.gif) fixed; font-family: Georgia, "Times New Roman", Times, serif;} p{color: #e6e6e6; padding: 0px 0px 5px 0px; margin: 0px 0px 8px 0px; line-height: 24px;} h1{color: #fff; font-weight: lighter; font-size: 35px; letter-spacing: -1px; padding: 0px 0px px 0px; margin-bottom: 15px; overflow: hidden; clear: both;} h1 a{color: #fff; text-decoration: none;} h1 a:hover{color: #fff; text-decoration: underline;} h2{color: #fff; font-weight: lighter; font-size: 20px; margin: 0px; padding: 0px 0px 8px;} h2 a{font-weight: lighter;} h3{color: #fff; font-size: 16px; margin: 0px; padding: 0px 0px 10px; font-weight: lighter;} h4{color: #fff; font-size: 12px; margin: 0px; padding: 8px 0px 10px 0px;} h5{color: #fff; font-size: 10px; margin: 0px; padding: 8px 0px 10px 0px;} h6{color: #fff; font-size: 9px; margin: 0px; padding: 8px 0px 10px 0px;} ul,ol{list-style: disc; margin: 0px 20px 10px; padding: 0px 10px 0px;} ol{list-style: decimal;} li{line-height: 22px; margin-bottom: 4px;} blockquote{clear: both; text-align: center; font-style: italic; padding: 10px; margin: 0px 0px 10px; font-size: 18px; color: #ccc; line-height: 25px;} form{ font-family: Georgia, "Times New Roman", Times, serif;} input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;} input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;} input[type=image]{margin: 0px 5px 0px 0px; padding: 0px;} /*-------------------------------------------------------------------------------------------*/ /*- GLOBAL CLASSES --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Links ---*/ a.std_link, a{color: #0181be; text-decoration: none;} a.std_link:hover, a:hover{color: #3cf; text-decoration: underline;} /*--- Layouts ---*/ .no_bg{background-image: none;} .clearboth{clear: both} .floatleft{float:left;} .floatright{float:right;} .alignleft{float: left; margin: 20px 20px 0px 0px;} .alignright{float: right; margin: 0px 0px 20px 20px;} /*--- Forms ---*/ textarea, input{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 3px;} .txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;} .note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;} .note a{color: #f60; text-decoration:none;} .success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;} .no_display{display: none;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #container{width: 990px; margin: 0px auto 0px; padding: 0px; position: relative;} #header{width: 990px; padding: 0px; margin: 0px;} #left-column{width: 262px; float: left; position: relative; z-index: 3;} #right-column{width: 707px; float: left; margin-left: 20px;} #footer{clear: both; width: 990px; margin: 40px auto 0px; padding: 0px 0px 360px; background: url(images/layout/footer-bg.png) bottom no-repeat;} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #header .content{padding-top: 10px;} a.logo{width: 330px; height: 50px; margin: 20px 0px 20px; display: block; position: relative; z-index: 3;} .ufo{float: right; position: absolute; right: -10px; top: -35px; display: block; z-index: 2;} .max-header{background: url(images/layout/footer-header.gif) bottom no-repeat; width: 990px; height: 50px; position:relative; z-index: 1;} #header .max-header{height: 10px;} .max-content{background: url(images/layout/footer-content.gif) repeat-y; width: 990px; padding: 10px 0px 20px;} .search_form{width: 370px; float: right;} .search_form input.search{float: left; width: 242px; height: 40px; padding: 0px 12px 0px 8px; margin: 0px 10px 0px 0px; color:#ccc; background: url(images/layout/search-bar-bg.gif) top no-repeat; border: none;} .search_form input.search_button{float: right;} ul.page-menu{list-style: none; margin: 18px 0px 0px 30px; padding: 0px; float: left;} ul.page-menu li{float: left; margin-right: 10px; font-size: 18px; font-style: italic;} ul.page-menu li a{color: #fff; padding: 15px 10px;} ul.page-menu li a:hover{color: #3cf; text-decoration: none;} #header .max-footer{background: url(images/layout/footer-footer.gif) top no-repeat; width: 990px; height: 13px; padding: 0px; margin-bottom: 20px;} /*-------------------------------------------------------------------------------------------*/ /*- LEFT COLUMN -----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ span.aeroplane{display: block; position: relative; left: -67px; top: -15px;} .left-column-content{position: relative; top: -67px; background: url(images/layout/left-col-bg.png) bottom no-repeat; padding-bottom: 160px; z-index: 200;} .left-bar-header{background: url(images/layout/left-bar-header.gif) no-repeat; width: 262px; height: 63px;} .left-bar-header h2{color: #fff; position: relative; top: 17px; left: 20px; font-size: 25px;} .left-bar-content{background: url(images/layout/left-bar-content.gif) repeat-y; width: 262px; margin: 0px; padding: 0px;} .left-bar-content ul{list-style: none; margin: 0px 4px; padding: 0px; z-index: 1;} .left-bar-content ul li{background: url(images/layout/left-bar-list-sep.gif) bottom no-repeat; padding: 15px 20px; margin: 0px; position: relative; z-index: 1;} .left-bar-content ul li a{color: #fff; text-decoration: none; margin: 0px; display: block; overflow: hidden;} .left-bar-content ul li a:hover{color: #3cf;} .left-bar-content ul li:last-child{background: none;} .left-bar-footer{background: url(images/layout/left-bar-footer.gif) no-repeat; width: 262px; height: 4px; overflow: hidden; margin-bottom: 30px; overflow: hidden;} /*-------------------------------------------*/ /*- SUB MENU IN LEFT COLUMN -----------------*/ .sub-menu{list-style: none; margin: 0px 4px; padding: 0px; width: 262px; position: absolute; left: 260px; top: -8px; z-index: 210;} .sub-menu-header{background: url(images/layout/sub-menu-header.png) no-repeat; overflow: hidden; width: 262px; height: 7px; padding: 0px; margin: 0px;} .sub-menu ul{background: url(images/layout/sub-menu-content.png) repeat-y; width: 262px; padding: 1px 0px; margin: 0px;} .sub-menu ul li{margin: 0px 2px;} .sub-menu-footer{background: url(images/layout/sub-menu-footer.png) no-repeat; overflow: hidden; width: 262px; height: 5px; padding: 0px; margin: 0px;} /*-------------------------------------------*/ /*- DETAILED LISTING IN LEFT COLUMN ---------*/ .detail-image{float: left; width: 40px; margin-right: 15px;} .detail-details{float: left; width: 150px;} .detail-details a{display: block; padding: 0px; margin: 0px;} .detail-details p{color: #ccc; font-size: 13px;} /*-------------------------------------------*/ /*- DETAILED LISTING IN LEFT COLUMN ---------*/ .sponsor-item{clear: both; margin: 0px 0px 10px 20px; padding: 0px 0px 10px; border: none; display: block;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT COLUMN ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------*/ /*- FEATURED POSTS AND LIST (BIG THINGS GOING ON HERE... BE CAREFUL WITH THIS) ---------*/ .featured-post{width: 707px;} .featured-post-header{background: url(images/layout/featured-post-header.gif) no-repeat; width: 707px; height: 11px;} .featured-post-content{background: url(images/layout/featured-post-content.gif) repeat-y; width: 707px; padding: 20px 0px;} .featured-post-item{position: relative; width: 641px; overflow: hidden; margin: auto;} .featured-post-item img{position: absolute; left: 2px; top: 3px; z-index: 1;} .featured-post-item .feature-border{background: url(images/layout/feature-item-border.png) no-repeat; position: relative; z-index: 2; width: 641px; height: 448px;} h2.feature-title a{position: absolute; z-index: 3; top: 395px; left: 30px; color: #fff; font-size: 23px; clear: both;} h2.feature-title a:hover{text-decoration: underline;} a.left-arrow{position: relative; float: left; top: 145px; left: 20px; z-index: 4;} a.right-arrow{position: relative; float: right; top: 145px; right: 20px; z-index: 4;} .featured-post-footer{background: url(images/layout/featured-post-footer.gif) no-repeat; width: 707px; height: 12px; margin-bottom: 20px;} .feature-posts-list{clear: both; margin-bottom: 30px; position: relative; left: 0px;} .feature-posts-list ul{list-style: none; margin: 0px; padding: 0px;} .feature-posts-list ul li{float: left; margin-right: 15px; width: 164px; height: 167px; position: relative;} .feature-posts-list ul li.last{float: left; margin: 0px;} .feature-posts-list ul li a{display: block; width: 164px; height: 167px; overflow: hidden; background: url(images/layout/featured-list-image-overlay.png) top left no-repeat; position: absolute; z-index: 2;} .feature-posts-list ul li a.selected{background-position: -0px -171px;} .feature-posts-list ul li a:hover{background-position: -0px -343px;} .feature-posts-list ul li img{position: absolute; top: 3px; left: 2px; z-index: 1;} .post{width: 707px;} .post h1, .post h1 a{display: block; clear: none; float: left; width: 510px;} h4.date{float: right; color: #999; font-size: 17px; font-weight: lighter; font-style: italic; margin-top: 5px;} .post-header{background: url(images/layout/post-header.gif) no-repeat; width: 707px; height: 11px; clear: both;} .post-content{background: url(images/layout/post-content.gif) repeat-y; width: 707px;} .content{padding: 30px;} .content .video{margin-bottom: 20px;} .post-image{width: 646px; height: 253px; overflow: hidden; margin-bottom: 30px; position: relative;} .post-image .image-hide-overflow{position: absolute; z-index: 1; left: 3px; top: 3px; height: 248px; overflow: hidden;} /*.post-image .image-hide-overflow img{ display: none;}*/ .post-image .post-image-border{background: url(images/layout/post-image-border.png) no-repeat; width: 646px; height: 254px; z-index: 2; position: absolute;} .post-content h1{clear: both; width: 100%;} .advert-content{padding: 10px 20px; text-align: center;} .post-footer{background: url(images/layout/post-footer.gif) no-repeat; width: 707px; height: 12px; margin-bottom: 30px;} .action-buttons{ background: url(images/layout/left-bar-list-sep.gif) top repeat-x; margin-top: 20px; padding: 20px 0px 0px;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS SECTION ------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .rss{float: right; width: 84px; height: 26px; margin-top: 3px; padding: 6px 0px 0px; color: #fff; background: url(images/layout/rss.png) 0px 0px no-repeat; text-indent: -9999px; font-style: italic;} .rss:hover{background-position: 0px -40px;} /*- USER COMMENTS --------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .comment{clear: both; margin-bottom: 20px; position: relative;} .user{position: relative; float: left; width: 95px; background: url(../images/layout/user_image_bg.png) no-repeat;} .user img{position: relative; z-index: 4; left: 3px; top: 3px; margin-bottom: 20px;} .user .commenter_border{height: 93px; width: 93px; position: absolute; left: 0px; top: 0px; z-index: 5; background: url(images/layout/commenter-border.png) top no-repeat;} .user h3{clear: both; margin: 0px 0px 5px; padding: 0px; font-size: 14px;} a.commenter_twitter{clear: both; color: #888; width: 60px; text-align: right; font-size: 11px;} a.commenter_twitter:hover{color: #fff;} .message{float: right; width: 603px;} .comment-header{background: url(images/layout/commnet-header.gif) no-repeat; width: 603px; height: 30px;} .comment-content{background: url(images/layout/comment-content.gif) repeat-y; width: 603px; min-height: 100px; padding: 1px 0px;} .comment-message{position: relative; left: 30px; width: 520px; padding: 0px 20px 10px; font-size: 12px; color: #ccc;} .comment-details{clear: both; background: url(images/layout/left-bar-list-sep.gif) bottom repeat-x; overflow: auto; margin: 0px 0px 10px;} span.date{float: left; width: 200px; padding-bottom: 10px; margin: 0px 0px 5px; display: inline-block; font-size: 11px; color: #555;} a.reply-to-comment{float: right; width: 180px; display: inline-block; text-align: right;} .comment-footer{background: url(images/layout/comment-footer.gif) no-repeat; width:603px; height: 14px;} /*- THREADED USER COMMENTS -----------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .threaded-comment{clear: both; float: right; width: 574px; margin: 0px 0px 20px ;} .threaded-message{float: right; width: 477px;} .threaded-comment-header{background: url(images/layout/threaded-comment-header.gif) no-repeat; width: 477px; height: 30px;} .threaded-comment-content{background: url(images/layout/threaded-comment-content.gif) repeat-y; width: 477px; padding: 1px 0px;} .threaded-comment-message{position: relative; left: 30px; width: 394px; padding: 0px 20px 10px; font-size: 12px; color: #ccc;} .threaded-comment-footer{background: url(images/layout/threaded-comment-footer.gif) no-repeat; width: 477px; height: 14px;} /*- COMMENT FORM ---------------------------------------------------------------*/ /*- ------------- --------------------------------------------------------------*/ .comment-form-content{padding: 0px 30px;} .comment_form .form_label{color: #ccc; margin-bottom: 10px;} .comment_form label{clear: both; display: block; margin-bottom: 20px;} .comment_form label input.comment, .comment_form label textarea.comment{border: none;} .comment_form label input.comment{width: 224px; height: 30px; padding: 10px 10px 0px 8px; margin: 0px; color: #ccc; background:url(images/layout/leave-a-comment-bg.gif) no-repeat;} .comment_form label textarea.comment{width: 464px; height: 180px; padding: 10px 10px 18px 8px; margin: 0px; color: #ccc; background:url(images/layout/leave-a-comment-textarea-bg.gif) no-repeat;} /*-------------------------------------------------------------------------------------------*/ /*- PROMOTE POST ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .promote-post{ margin: 20px 0px; padding: 20px; background: #121212; border: 1px solid #282828;} .heart{float: left; width: 337px; height: 90px; background: url(images/layout/promote-post.png) left no-repeat; text-indent: -9999px;} .promote_buttons{float: right; width: 160px;} .digg_show{float: left; width: 51px; padding: 6px; width: 51px; margin: 0px 20px 0px 0px; border: 1px solid #282828; background-color: #000; } .tweet_show{float: left; width: 51px; height: 70px; padding: 16px 6px 6px 6px; margin: 0px 10px 0px 0px; border: 1px solid #282828; background-color: #000; } /*-------------------------------------------------------------------------------------------*/ /*- GALLERY PAGE ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.gallery_list{list-style: none; margin: 0px; padding: 0px;} li.gallery_image{float: left; width: 202px; height: 137px; margin: 0px 50px 40px 0px; padding: 15px 0px 0px; background: url(images/layout/gallery-image-bg.gif) no-repeat;} li.gallery_image a{display: block; width: 170px; height: 120px; margin: auto; overflow: hidden; text-align: center; position: relative;} li.gallery_image a img{position: absolute; z-index: 1; left: 0px;} span.gallery_name{position: absolute; bottom: 0px; left: 0px; text-align: center; z-index: 2; background: #000; color: #ccc; width: 170px; display: block; font-size: 11px; padding: 5px 0px; opacity: 0.8;} li.gallery_image a:hover, li.gallery_image a:hover span.gallery_name{color: #fff; text-decoration: none;} li.middle_image{margin: 0px 20px;} ul.gallery_list li.last-item{margin-right: 0px;} /*-------------------------------------------------------------------------------------------*/ /*- ARCHIVES PAGE ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ h4.archive_year {color: #fff; padding: 0px 0px 10px 00px; font-weight: bold; font-style: italic; font-size: 10.5pt;} .archives_list {border-left: 1px dotted #212121; list-style: none; list-style-image:none; list-style-position: outside; list-style-type:none; margin: 0px 0px 15px 15px;} .archives_list li {clear:left; padding: 7px 0px 0px 50px; font-size: 12px; list-style: none; background: url(images/layout/archive-li-bg.png) no-repeat;} .archives_list .date {color: #999; width: 100px; display: inline-block;} .archives_list .label {min-width: 60px; font-style: italic; display: inline-block; margin-right: 20px;} .archives_list .label a {color: #fff; font-weight: bold; padding: 2px 4px; font-size: 12px;} .archives_list .label a:hover { color: #fff; text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.footer-columns{list-style: none; margin: 0px auto; padding: 0px; width: 940px;} ul.footer-columns li.column{width: 300px; min-height: 340px; float: left; padding-right: 25px; margin-right: 25px; font-size: 14px; color:#ccc; background:url(images/layout/footer-ul-sep.gif) right repeat-y;} ul.footer-columns li.column:last-child{width: 220px; margin: 0px; padding: 0px; background: none;} ul.footer-columns li p{color:#ccc;} /*- FLICKR ------------------------------------------------------------------*/ #flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;} #flickr_badge_wrapper .flickr_badge_image{float: left; margin: 0px 10px 10px 0px; overflow: hidden; text-align: center; background: url(../images/layout/flickr_bg.png) 0px 0px no-repeat; border: 5px solid #333;} #flickr_badge_wrapper .flickr_badge_image img{height: 80px; width: 80px; margin: 0px;} /*- TWITTER -----------------------------------------------------------------*/ ul#twitter_update_list{list-style: none; margin: 0px; padding: 0px; clear: both;} ul#twitter_update_list li{margin: 0px 0px 20px; padding: 0px 0px 20px; background: url(images/layout/left-bar-list-sep.gif) bottom left repeat-x; color: #ccc;} ul#twitter_update_list li a{color: #fff; display: inline;} ul#twitter_update_list li a:hover{color: #3cf; display: inline;} ul#twitter_update_list li:last-child{background: none; margin: 0px;} /*- CONTACT -----------------------------------------------------------------*/ #footer input.contact{width: 206px; height: 33px; padding: 0px 14px 0px 8px; color: #ccc; margin-bottom: 5px; background: url(images/layout/footer-contact-input-bg.gif) no-repeat; border: none; font-family: Georgia, "Times New Roman", Times, serif;} #footer textarea.contact{width: 206px; height: 120px; padding: 8px 14px 0px 8px; color: #ccc; margin-bottom: 5px; background: url(images/layout/footer-contact-textarea-bg.gif) no-repeat; border: none; font-family: Georgia, "Times New Roman", Times, serif;} #footer .max-footer{padding: 20px 0px 0px; margin: 0px; background: url(images/layout/footer-footer.gif) top no-repeat; width: 990px; height: 13px;} #footer .max-footer p.copyright{float: left; font-size: 13px; color: #555;} #footer .max-footer a{color: #ccc;} #footer .max-footer a:hover{color: #3cf;} /*-------------------------------------------------------------------------------------------*/ /*- SOME STANDARD WORDPRESS PLUGIN STYLES ---------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*- CALENDAR -----------------------------------------------------------------*/ #calendar_wrap{padding: 30px;} #wp-calendar{width:100%; font-size:0.9em;} #wp-calendar caption {padding-bottom: 10px; font-size: 14pt;} #wp-calendar td, #wp-calendar th{text-align:center; padding: 5px;} #wp-calendar #prev {text-align:right;} #wp-calendar #next {text-align:left;} #wp-calendar th{background:#000;padding: 5px 5px} /*-------------------------------------------------------------------------------------------*/ /*- SPRITES ---------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ a.continue-reading, a.continue-reading-sml, a.leave-a-comment, a.comment-count, .next_page a, .previous_page a, a.left-arrow, a.right-arrow, .footer-about, .footer-flickr, .footer-twitter, .footer-contact, a.follow, a.top-of-page, a.footer-lefthanded, a.this-is-obox, h2.leave-a-comment-lg, h2.comment-title, h2.left-categories, h2.popular-posts, h2.latest-comments, h2.sponsors {background: url(images/layout/sprite.png) no-repeat; overflow: hidden; display: block; text-indent: -9999px;} h2.comment-title{background-position: -10px -575px; width: 181px; height: 34px; clear: left; margin-bottom: 20px;} h2.leave-a-comment-lg{background-position: -10px -532px; width: 295px; height: 35px; clear: both;} a.continue-reading{background-position: -11px -150px; width: 217px; height: 30px; float: left; margin-right: 30px;} a.continue-reading-sml{background-position: -168px -275px; width: 128px; height: 17px;} a.leave-a-comment{background-position: -11px -187px; width: 219px; height: 30px;} a.comment-count{background-position: -384px -25px; width: 63px; height: 36px; text-indent: -2px; padding: 9px 0px 0px; margin-right: 20px; float: left; color: #fff; text-decoration: none; text-align: center;} a.left-arrow{background-position: -344px -221px; width: 61px; height: 90px;} a.right-arrow{background-position: -404px -221px; width: 61px; height: 90px;} a.footer-lefthanded{display: none;} a.top-of-page{background-position: -380px -419px; width: 72px; height: 23px; float: right;} a.follow{background-position: -243px -234px; width: 53px; height: 16px; float: right; margin: 3px 15px 0px 0px;} a.this-is-obox{background-position: -11px -484px; width: 201px; height: 16px; float: right;} .next_page a{background-position: -10px -701px; width: 57px; height: 21px; float: right; margin-bottom: 30px;} .previous_page a{background-position: -12px -740px; width: 108px; height: 21px; float: left; margin-bottom: 30px;} .footer-about{background-position: -11px -275px; width: 67px; height: 21px;} .footer-flickr{background-position: -11px -307px; width: 114px; height: 23px;} .footer-twitter{background-position: -10px -342px; width: 86px; height: 21px; float:left;} .footer-contact{background-position: -11px -375px; width: 89px; height: 21px;} /*-- HOVER STATES --*/ a.continue-reading:hover{background-position: -241px -150px;} a.continue-reading-sml:hover{background-position: -168px -294px;} a.leave-a-comment:hover{background-position: -241px -187px;} a.comment-count:hover{background-position: -384px -70px; color: #fff;} a.left-arrow:hover{background-position: -344px -311px;} a.right-arrow:hover{background-position: -404px -311px;} a.footer-lefthanded:hover{display: none;} a.top-of-page:hover{background-position: -380px -443px;} a.follow:hover{background-position: -243px -250px;} a.this-is-obox:hover{background-position: -11px -500px;} .next_page a:hover{background-position: -230px -701px;} .previous_page a:hover{background-position: -232px -740px;} /*--- LEFT BAR ---*/ h2.left-categories{background-position: -11px -232px; width: 120px; height: 21px; position: relative; left: 22px; top: 22px; text-indent: -9999px;} h2.popular-posts{background-position: -10px -9px; width: 222px; height: 64px; position: relative; left: -13px; top: -13px; text-indent: -9999px;} h2.latest-comments{background-position: -10px -86px; width: 256px; height: 45px; position: relative; left: -13px; top: 6px; text-indent: -9999px;} h2.sponsors{background-position: -10px -660px; width: 111px; height: 22px; clear: both; position: relative; top: 21px; text-indent: -9999px;} /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;} .clearfix{display: inline-block;} * html .clearfix{height: 1%;} .clearfix{display: block;}