/* Theme Name: INK DROP Design Studio: Obox Design http://www.obox-design.com/ Version: 1.1.9 Author: Obox Design Author URI: http://www.obox-design.com/ */ /*--------------------------------------------------------------------------------------------------------------------------*/ /*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/ /*--------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*--*********************************************************************************--------*/ /*- 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; color: #a60000;} .no_ie p{margin: 0px; padding: 0px;} .no_ie a{color: #a60000; text-decoration: underline;} .no_ie a:hover{color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ body{margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;} h1, h2, h3, h4, h5, h6{margin: 0px 0px 5px; padding: 0px 0px 5px; font-weight: lighter;} h1{font-size: 35px; line-height: 37px;} h2{font-size: 30px; line-height: 32px; font-weight: bold;} h3{font-size: 20px; line-height: 18px;} h4{font-size: 14px; line-height: 16px;} h5{font-size: 12px; line-height: 15px;} h6{font-size: 10px; line-height: 13px;} p{line-height: 22px; margin-bottom: 12px;} blockquote, blockquote p{} form{} label{} textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 12px;} input[type=radio]{} input[type=checkbox]{} input[type=image]{} input[type=button]{} /*-------------------------------------------------------------------------------------------*/ /*- GLOBAL CLASSES --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Links ---*/ a.std_link, a{text-decoration: none;} a.std_link:hover, a:hover{} a:active{} /*--- Layouts ---*/ .no_bg{background-image: none;} .clearboth{clear: both} .floatleft{float: left;} .floatright{float: right;} .floatright{float:right;} .no_display{display: none;} strong{font-weight: bold;} em{font-style: italic;} .alignleft{float: left; margin: 0px 20px 10px 0px !important;} .alignright{float: right; margin: 0px 0px 10px 20px !important;} .aligncenter{text-align: center;} .wp-caption{} .wp-caption img{} .wp-caption p.wp-caption-text{} .tear-drop, .tear-drop-reverse{display: block; width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; z-index: 2;} .tear-drop-reverse{} a.comment-tear{display: block; width: 30px; height: 25px; padding: 5px 0px 0px; position: absolute; top: -15px; z-index: 3; font-weight: bold; font-size: 10px; text-align: center;} a.comment-tear:hover{background-position: bottom;} h5.date{margin-bottom: 5px; font-size: 10px; text-transform: uppercase;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #content-container{width: 940px; margin: 0px auto 60px; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc;} #header{background: #fff; width: 940px; padding-top: 30px; margin: 0 auto 20px; position: relative; z-index: 998;} #post-content{} #left-column{float: left; width: 300px;} #right-column{float: right; width: 610px;} #full-width{padding: 30px;} #footer-container{clear: both; padding: 30px;} #footer{width: 940px; margin: auto;} .footer-widgets{} .footer-copy{} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------*/ /*- HEADER ROW -------------*/ .logo{float: left; margin: 0px 50px 0px 0px;} .logo h1{margin: 0px; padding: 0px;} /*--------------------------*/ /*- CATEGORY MENU ----------*/ ul#menu{float: left; position: relative; z-index: 1000; bottom: 0px; margin-top: 5px;text-transform:uppercase;} ul#menu li.parent-item{float: left; margin-right: 10px; position: relative;} ul#menu li.parent-item:last-child{} ul#menu li.parent-item a.parent-link{display: block; padding: 5px 10px 5px; margin: 0px; font-weight: bold; font-size: 14px; line-height: normal;} ul#menu li.parent-item a.parent-link:hover, ul#menu li.parent-item a.active{ -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} ul#menu li.parent-item a.parent-link-sub-menu{} ul#menu li.parent-item a.parent-link-sub-menu:hover{} /*--------------------------*/ /*- SUB MENU ---------------*/ ul.sub-menu{display: none; width: 180px; background: #191919; position: absolute; top: 28px; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} ul.sub-menu li{} ul.sub-menu li a{display: block; padding: 8px; font-weight: bold; color: #ccc; border-bottom: 1px solid #333;} ul.sub-menu li a:hover{color: #fff;} ul.sub-menu li:last-child a{border-bottom: none;} /*---------------------------*/ /*- WORDPRESS MENU ----------*/ #nav{float: left; position: relative; z-index: 1000; bottom: 0px; margin-top: 5px;} #nav li{float: left; margin-right: 10px; position: relative;} #nav li:last-child{margin-right: 0px;} #nav li a{display: block; padding: 5px 10px 5px; margin: 0px; font-weight: bold; font-size: 14px; line-height: normal;} #nav li a:hover, #nav li a.active{ -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} #nav ul.sub-menu{display: none; width: 180px; background: #191919; position: absolute; top: 28px; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} #nav ul.sub-menu ul, #nav ul.sub-menu ul ul, #nav ul.sub-menu ul ul ul{top: 20px; left: 80px;} #nav ul.sub-menu li{width: 100%; margin-left: 0px;} #nav ul.sub-menu li a{display: block; padding: 8px; font-weight: bold; color: #ccc; border-bottom: 1px solid #333;} #nav ul.sub-menu li a:hover{color: #fff;} #nav ul.sub-menu li a:last-child{border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- HOME PAGE LAYOUT ------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------*/ /*- FEATURE AREA -----------*/ .feature{margin-bottom: 30px;} .feature .selected-item{position: relative; min-height: 350px;} .feature .selected-item .feature-image-container{position: absolute; z-index: 1; width: 940px; height: 350px; overflow: hidden;} .feature .selected-item .feature-image-container .feature-image-slider{width: 9999px; position: absolute; left: 0px} a.feature-image{float: left; display: block; width: 960px; height: 350px; overflow: hidden;} /*---------------------------------*/ /*- POST TITLE AND INTRO ----------*/ .feature .selected-item .post{width: 490px; padding-left: 1px; position: absolute; bottom: 20%; left: -6px; z-index: 2;} .feature .selected-item .post h2{width: 450px; padding: 20px 20px 5px; margin: 0px; font-size: 27px;} .feature .selected-item .post h2 a{font-weight: bold;} .feature .selected-item .post h2 a:hover{} .feature .selected-item .post p{width: 450px; padding: 10px 20px 20px; margin: 0px; font-size: 14px;} /*-------------------*/ /*- ARROWS ----------*/ .feature .controls{right: 0px; position: absolute;} .feature a.next, .feature a.previous{float: left; display: block; width: 40px; height: 40px; margin: 1px 0px 0px 1px; text-indent: -9999px; overflow: hidden;} /*-------------------------------*/ /*- FEATURE POST ITEMS ----------*/ .feature .feature-items{margin-top: 1px;} .feature .feature-items li{float: left; padding-bottom: 1px; margin-right: 1px;} .feature .feature-items li a{display: block; width: 195px; height: 60px; padding: 15px 20px 0px; font-weight: bold;} .feature .feature-items li:last-child{margin-right: 0px;} .feature .feature-items li:last-child a{width: 192px;} /*--------------------------*/ /*- GALLERY ----------------*/ .widget-gallery{clear: both; padding: 40px;} .widget-gallery-list{display: block; width: 859px; height: 215px; overflow: hidden; position: relative;} .widget-gallery-list-slider{left: 0px; width: 999999px; position: absolute;} .widget-gallery h3{display: block; height: 31px; padding: 10px 0px 0px; margin: 0px 1px 1px 0px; font-weight: bold; font-size: 25px; vertical-align: bottom;} /*-------------------*/ /*- ARROWS ----------*/ .widget-gallery h3 a.next, .widget-gallery h3 a.previous{float: right; display: block; width: 40px; height: 40px; margin: -10px 0px 0px 1px; text-indent: -9999px; overflow: hidden;} .widget-gallery li{float: left; width: 214px; overflow: hidden; margin-right: 1px;} .widget-gallery li:last-child{margin-right: 0px;} .widget-gallery li a, .widget-gallery li img{display: block;} /*--------------------------*/ /*- SUB POSTS --------------*/ h4.sub-posts-title{padding: 10px 20px 10px; margin: 0px; font-weight: bold; font-size: 25px; line-height: normal;} .sub-posts{} .sub-posts li{float: left; width: 233px; height: 200px; padding: 40px 40px 30px; position: relative;} .sub-posts li:nth-child(3n+3){width: 234px;} .sub-posts li h3{margin-bottom: 0px;} .sub-posts li h3 a{font-weight: bold; font-size: 15px;} .sub-posts li h3 a:hover{} .sub-posts li p{font-size: 11px;} .sub-posts .comment-tear{top: auto; left: -15px;} /*--------------------------*/ /*- BIZ --------------------*/ .biz-slider{margin-bottom: 0px;} .biz li{border-top: none; min-height: 180px; max-height: none; height: auto;} .biz li .biz-image{display: block; width: 235px; margin-bottom: 15px; overflow: hidden;} /*--------------------------*/ /*- PAGINATION -------------*/ ul.page_button_content{ margin-bottom: 30px;} ul.page_button_content li{float: left; margin-right: 10px;} ul.page_button_content li a{float: left; padding: 4px 8px 4px 8px; font-weight: bold; font-size: 10px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} ul.page_button_content li a:hover{} ul.page_button_content li a.selected-page{background: #191919; color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- BLOG MAIN PAGE --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .blog-main-bar{margin-top: 30px;} h2.blog-main{padding: 30px 30px 20px 20px; margin-bottom: 30px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} /*------------------------------*/ /*- BLOG MAIN POST CONTAINER ---*/ .blog-main-post-container .post{padding: 30px 0px 30px; margin: 0px;} .blog-main-post-container .post:first-child{padding-top: 0px; border-top: none;} .blog-main-post-container .post:last-child{border-bottom: none;} .blog-main-post-container .post h3{margin-bottom: 0px; font-weight: bold;} .blog-main-post-container .post h5.date{margin-bottom: 10px;} .blog-main-post-container .post .post-image{margin-bottom: 15px;} .blog-main-post-container .post .copy{padding: 0px 30px 0px 0px;} .blog-main-post-container .post .no-image{padding: 0px 30px 0px 0px; width: auto;} /*-------------------------------------------------------------------------------------------*/ /*- POSTS CLASSES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS -*/ .post .copy{font-size: 14px;} .post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;} .post .copy ol li, .post .copy ul li{} .post .copy ol{list-style: decimal;} .post .copy code, .post .copy pre{} .post .copy img{ margin: 10px 0px 10px -30px;} .post .copy h2{} .post .copy h3{} .post .copy blockquote{float: right; width: 155px; padding: 20px 20px 20px 55px; margin: 0px -80px 20px 40px; line-height: 22px;} .post .copy blockquote p{padding-bottom: 0px; margin-bottom: 0px;} /*------------------------------*/ /*- POST PAGE POST CONTAINER ---*/ h2.post-page-title{display: block; padding: 0px 0px 1px; margin: 30px 0px 0px; text-align: right; font-size: 40px; font-weight: bold; line-height: normal;} h2.post-page-title a{display: block; width: 260px; padding: 30px; margin-left: -20px;} #full-width h2.post-page-title{margin: 0px 0px 20px; background: none; text-align: left; border: none;} #full-width .copy{padding: 0px;} /*-------------------*/ /*- ARROWS ----------*/ #left-column .controls{float: right; width: 82px; height: 40px; margin: 11px 0px 30px 0px;} #left-column .controls span.next a, #left-column .controls span.previous a{float: right; display: block; width: 40px; height: 40px; margin: -10px 0px 0px 1px; text-indent: -9999px; overflow: hidden;} /*----------------------*/ /*- AUTHOR META AREA ---*/ .post-page-meta{height: 50px; margin: 40px 0px 70px 30px; position: relative;} .author{float: left; margin: 0px 10px 0px 0px; position: relative; bottom: 0px;} .author img{position: relative;} .author-meta{float: left;} .no-author{margin-left: 35px;} .author-meta h4{padding: 0px; margin: 0px 0px 5px; line-height: normal; font-size: 10px; text-transform: uppercase;} .author-meta h4 a{display: block; margin-top: 0px; font-size: 14px; font-weight: bold;} .post{margin-bottom: 30px;} .post .post-image{} .post .copy{padding: 30px 60px 0px 30px;} /*--------------------------*/ /*- INDEX POST CONTAINER ---*/ .index-post-container .post{padding: 30px 0px 40px; margin: 0px;} .index-post-container .post:first-child{padding-top: 0px;} .index-post-container .post:last-child{border-bottom: none;} .index-post-container .post .copy{padding-top: 0px;} .index-post-container .post h3{padding-left: 30px; margin-bottom: 0px; font-weight: bold;} .index-post-container .post h3 a{} .index-post-container .post h3 a:hover{} .index-post-container .post h5.date{margin-bottom: 10px; padding-left: 30px;} .index-post-container .post .post-image{float: left; width: 380px; margin-right: 20px;} .index-post-container .post .copy{float: left; width: 480px; padding-left: 0px;} .index-post-container .post .no-image{padding: 0px 60px 0px 30px; width: auto;} /*--------------------------------------------------------*/ /*- ACTION LINK ------------------------------------------*/ a.action-link{clear: both; padding: 8px; font-weight: bold; font-size: 10px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .comments{width: 610px;} h3.section-title{padding: 10px; margin: 0px 0px 30px 0px; font-weight: bold; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} #full-width h3.section-title{margin: 0px 60px 20px -30px; padding-left: 30px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} ul.comment-container{width: 520px; padding: 0px 60px 0px 30px;} #full-width ul.comment-container{padding: 0px 60px 0px 0px;} li.comment{padding-bottom: 20px; margin-bottom: 30px;} .comment-avatar{float: left; margin: 7px 10px 10px 0px; position: relative;} .comment-avatar img{position: relative;} .comment-avatar .twitter-link{display: block; width: 14px; height: 14px; position: absolute; left: 0px; top: 0px; z-index: 4; text-indent: -9999px; overflow: hidden;} .comment-meta{float: left; width: 140px; margin: 4px 0px 0px 0px;} .comment-meta h4.comment-name{margin: 0px; padding: 0px; font-weight: bold;} .comment-meta h5.date{padding-bottom: 0px; margin-bottom: 0px;} .comment-meta .reply-to-comment{ text-transform: uppercase; font-size: 10px;} .comment-post{clear: both; width: 520px;} li.comment:last-child{ margin-bottom: 0px; border-bottom: none;} /*--------------------------------------------------------*/ /*- THREADED COMMENTS - ITS TIME TO THREAD THIS BEAST ----*/ .threaded-comments{clear: both; margin-left: 100px;} .threaded-comments li.comment{border-bottom: none; margin: 0px 0px 0px; padding: 15px; background: #f5f5f5;} .threaded-comments .comment-meta{clear: both; float: none; width: auto;} .threaded-comments .comment-meta h4.comment-name{float: left; margin-bottom: 10px;} .threaded-comments .comment-meta h5.date{float: right; margin: 2px 0px 10px;} .threaded-comments .comment-post{clear: both; float: none; width: auto;} .comment-post ol,.comment-post ul{list-style: disc; margin: 0px 0px 15px 30px; line-height: 22px;} /*-------------------------------------------------------------------------------------------*/ /*- POST A COMMENT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .comment-form-content{margin-bottom: 60px; padding-left: 30px;} #full-width .comment-form-content{padding-left: 0px;} .comment_form input[type=text]{width: 400px; padding: 10px; margin-bottom: 14px; font-size: 15px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} .comment_form textarea{width: 500px; height: 180px; padding: 10px; margin-bottom: 15px; font-size: 15px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} .logged-in{} .checkbox{font-size: 14px; font-weight: bold; padding: 10px 0px; margin-bottom: 10px;} input.submit_button{width: auto; padding: 10px; background: #09c; border: none; font-size: 14px; font-weight: bold; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} input.submit_button:hover{} /*-------------------------------------------------------------------------------------------*/ /*- GALLERY MAIN PAGE -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .gallery-page-title{padding: 30px; margin: 0px; border-bottom: 5px solid #09c; font-size: 40px;} .gallery-description{padding: 30px 30px 25px; font-size: 15px; margin: 1px 0px 0px;} .gallery-list{width: 940px;} .gallery-list li{float: left; width: 187px; height: 140px; margin: 1px 1px 0px 0px; position: relative; overflow: hidden;} .gallery-list li:nth-child(5n){width: 188px; margin-right: 0px;} .gallery-list li a{display: block; width: 188px; height: 140px; position: relative;} .gallery-list li a img{position: absolute; z-index: 1;} .gallery-list li a span{display: none;} .gallery-list li a:hover span{display: block; width: 168px; height: 120px; padding: 10px; position: absolute; top: 0px; z-index: 2; font-weight: bold; font-size: 14px; cursor: pointer;} /*-------------------------------------------------------------------------------------------*/ /*- 404 NOT FOUND ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #not-found{padding: 40px 30px; margin: 0px 0px 30px 0px;} #not-found h2{float: left; margin: 0px 40px 0px 0px; padding: 0px; font-size: 40px; font-weight: bold;} #not-found p{float: left; margin: 10px 0px 0px 0px; padding: 0px; font-size: 25px; font-weight: bold;} /*-------------------------------------------------------------------------------------------*/ /*- ARCHIVES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ h4.archive_year{padding: 10px; margin: 20px 0px 5px; font-weight: bold; font-size: 20px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} ul.archives_list{padding-right: 30px;} ul.archives_list li{padding: 20px 0px; margin-left: 30px;} .archives_list li .archive-post-image{float: left; width: 50px; height: 50px; margin-right: 10px; position: relative; overflow: hidden;} .archives_list li .archive-post-image img{display: block; position: relative;} .archives_list li a{font-weight: bold; font-size: 15px;} .archives_list li a:hover{} .archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;} ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;} ul.archives_list .label{float: right; display: inline-block;} ul.archives_list .label a{font-weight: bold; font-size: 12px;} .archives_list li:first-child{border-top: none;} .archives_list li:last-child{border-bottom: none; margin-bottom: 0px;} /*-------------------------------------------------------------------------------------------*/ /*- ADVERTS ---------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .adverts{} .advert{float: left; margin: 0px 20px 20px 0px;} .advert a, .advert img{display: block;} .advert li a:hover{} .alt{margin-right: 0px;} .widget_ocmx_small_ad_widget{} .advert-468{} li.large-advert a{display: block; width: 270px; height: 250px; overflow: hidden;} li.large-advert img{display: block;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT COLUMN ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.widget-list{padding: 30px 20px 0px 20px; margin: 0px 0px 30px -20px;} ul.widget-list li.widget{clear: both; padding: 0px 0px 30px;} ul.widget-list li.widget ul{padding-left: 0px;} ul.widget-list li.widget ul li{padding: 10px 0px;} ul.widget-list li.widget ul li:first-child{padding-top: 0px;} ul.widget-list li.widget ul li:last-child{} ul.widget-list li.widget ul li a{display: block; font-weight: bold;} ul.widget-list li.widget ul li a:hover{} ul.widget-list li.widget .textwidget{} h4.widgettitle{padding: 0px; margin-bottom: 10px; font-weight: bold; font-size: 16px;} h4.widgettitle a{} h4.widgettitle a:hover{} /*--------------------------------------------*/ /*- SEARCH -----------------------------------*/ .search-bar{} .search-form input.search{width: 205px; padding: 5px; font-size: 10px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;} .search-form input.search_button{width: auto; padding: 5px 5px 5px; font-size: 10px; font-weight: bold; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;} .search-form input.search_button:hover{} /*--------------------------------------------*/ /*- POPULAR/RECENT COMMENTS ------------------*/ .widget_recent_comments li a{font-size: 10px;} /*--------------------------------------------*/ /*- FLICKR -----------------------------------*/ #flickr_badge_wrapper{} #flickr_badge_wrapper .flickr_badge_image{float: left;} #flickr_badge_wrapper .flickr_badge_image a{display: block;} #flickr_badge_wrapper .flickr_badge_image img{display: block;} /*--------------------------------------------*/ /*- TWITTER ----------------------------------*/ ul#twitter_update_list li a{display: inline !important;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #footer ul{font-size: 12px;} #footer ul li{float: left; margin-right: 20px;} #footer ul li a{} #footer ul li a:hover{} /*-------------------------------------------------------------------------------------------*/ /*- SOME STANDARD WORDPRESS PLUGIN/WIDGET STYLES --------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------------------------*/ /*- SOCIAL BOOKMARKS -------------------------*/ ul.social-bookmarks li{float: left; margin: 0px 6px 10px 0px !important; padding: 0px !important; border: none !important; list-style: none !important;} ul.social-bookmarks li a{display: block; width: 16px; height: 16px; background: url(images/layout/social-icons/social-set.png) no-repeat; text-indent: -9999px; overflow: hidden;} ul.social-bookmarks li a.rss {background-position: -0px -0px;} ul.social-bookmarks li a.cargo {background-position: -24px -0px;} ul.social-bookmarks li a.behance {background-position: -48px -0px;} ul.social-bookmarks li a.twitter {background-position: -72px -0px;} ul.social-bookmarks li a.facebook {background-position: -96px -0px;} ul.social-bookmarks li a.redux {background-position: -120px -0px;} ul.social-bookmarks li a.delicious {background-position: -144px -0px;} ul.social-bookmarks li a.magnolia {background-position: -168px -0px;} ul.social-bookmarks li a.tumblr {background-position: -192px -0px;} ul.social-bookmarks li a.posterous {background-position: -216px -0px;} ul.social-bookmarks li a.flickr {background-position: -240px -0px;} ul.social-bookmarks li a.yahoo {background-position: -264px -0px;} ul.social-bookmarks li a.stumble {background-position: -288px -0px;} ul.social-bookmarks li a.reddit {background-position: -312px -0px;} ul.social-bookmarks li a.linkedin {background-position: -336px -0px;} ul.social-bookmarks li a.friendfeed {background-position: -360px -0px;} ul.social-bookmarks li a.lastfm {background-position: -384px -0px;} ul.social-bookmarks li a.wave {background-position: -408px -0px;} ul.social-bookmarks li a.evernote {background-position: -432px -0px;} ul.social-bookmarks li a.backtype {background-position: -456px -0px;} ul.social-bookmarks li a.dropular {background-position: -480px -0px;} ul.social-bookmarks li a.ffffound {background-position: -504px -0px;} /*-------------------------*/ /*- HOVER -----------------*/ ul.social-bookmarks li a.rss:hover {background-position: -0px -26px;} ul.social-bookmarks li a.cargo:hover {background-position: -24px -26px;} ul.social-bookmarks li a.behance:hover {background-position: -48px -26px;} ul.social-bookmarks li a.twitter:hover {background-position: -72px -26px;} ul.social-bookmarks li a.facebook:hover {background-position: -96px -26px;} ul.social-bookmarks li a.redux:hover {background-position: -120px -26px;} ul.social-bookmarks li a.delicious:hover{background-position: -144px -26px;} ul.social-bookmarks li a.magnolia:hover {background-position: -168px -26px;} ul.social-bookmarks li a.tumblr:hover {background-position: -192px -26px;} ul.social-bookmarks li a.posterous:hover{background-position: -216px -26px;} ul.social-bookmarks li a.flickr:hover {background-position: -240px -26px;} ul.social-bookmarks li a.yahoo:hover {background-position: -264px -26px;} ul.social-bookmarks li a.stumble:hover {background-position: -288px -26px;} ul.social-bookmarks li a.reddit:hover {background-position: -312px -26px;} ul.social-bookmarks li a.linkedin:hover {background-position: -336px -26px;} ul.social-bookmarks li a.friendfeed:hover {background-position: -360px -26px;} ul.social-bookmarks li a.lastfm:hover {background-position: -384px -26px;} ul.social-bookmarks li a.wave:hover {background-position: -408px -26px;} ul.social-bookmarks li a.evernote:hover {background-position: -432px -26px;} ul.social-bookmarks li a.backtype:hover {background-position: -456px -26px;} ul.social-bookmarks li a.dropular:hover {background-position: -480px -26px;} ul.social-bookmarks li a.ffffound:hover {background-position: -504px -26px;} /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*- 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;}