/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /******IMPORTANT!**********/ /* Please do NOT make theme specific changes here, for custom styling that is theme specific, please edit theme.css. This file is for changes that should be applied to all sites. */ /****** This is clear float items so content underneath gets pushed down, just add clearfix to any div ******/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { clear: both; } /***********BODY**************/ .custom .page { width: 980px; background: none; } .custom #header { margin: 0; padding: 0; } .custom .header { padding-top: 8px; height: 76px; } .custom .logo { float: left; width: 47%; margin-right: 24px; } .custom .logo a { font-size: 36px; color: #333; } .custom .leaderboard { width: 50%; float: left; } .custom .sub_nav { min-height:30px; padding-top:3px; border-bottom: 1px solid #dedede; background-color: #E3E9FF; } .custom #header #tagline { font-size: 11px; } .custom #content h1 { font-size: 20px; padding:3px 0 3px 10px; margin: 4px 5px 0 5px; border-bottom: 1px solid #ccc; } .store #content h1 { font-size: 20px; margin: 5px; padding: 3px 1px 3px 10px; color: #fff; background-color: #333; } h2.sectional { font-size: 18px; margin: 5px 5px 0px 5px; padding: 2px 1px 5px 10px; color: #fff; background-color: #333; } .widget h2.entry-title, .portal h2.entry-title { font-size: 12px; } .col1, .col2 { padding: 3px 5px 10px 14px; } .portal .third { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin: 0 4px; } .third:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .third .col1,.third .col2 { float: left; } .third .col1 { width: 66.1%; padding-right: 13px; } .third .col2 { padding-left: 12px; border-left: 1px solid #ccc; width: 26%; } .portal .col1 { padding-left: 10px; } .portal .col2 { background-color: #fafafa; padding-bottom: 23px; padding-right: 11px; } .divider { clear: both; margin: 10px; } .border { border-bottom: 1px solid #ccc; } .thumb_crop { background-position: 50% 40%; background-repeat: no-repeat; border:1px solid #CCCCCC; display:block; width:160px; height:130px; overflow:hidden; text-indent:-9999px; } .hfeed .thumb_crop { float: left; margin: 5px 10px 10px 0; } /*********NAVIGATION**********/ #nav { padding: 0; } /*********SEARCH BOX**********/ #search_box { width: 250px; float: right; } #search_box input { width: 220px; height: 25px; padding-left: 6px; } /**********CATEGORY CAROUSEL**********/ #cat_carousel { width: 976px; _height: 130px; min-height: 130px; margin: auto; border-bottom: 1px solid #ccc; } #cat_carousel .carouselu { width: 22.2%; height: 150px; overflow: hidden; padding: 10px 17px 15px 10px; float: left; } #cat_carousel .txt_img{ width: auto; float: none; } #cat_carousel .txt_img img{ margin: 6px 0 0 10px; } #cat_carousel .thumb_crop { width:200px; height:100px; margin: 10px 0 0 10px; } #cat_carousel .alt { background-color: #f7f7f7; } #cat_carousel .carouselu:hover { background-color: #f2f2f2; } .carouselu h2 { font-size: 16px; margin-bottom: 5px; height: 43px; overflow: hidden; } .carouselu p { font-size: 11px; } .carouselu p a { color: #333; } /**********CONTENT AREA**********/ .breadcrumbs { float: left; width: 700px; overflow:hidden; margin: auto; padding:6px 12px 4px 12px; line-height:1.25em; font-size: 11px; color:#111; text-transform:capitalize; } .breadcrumbs li { display:inline; line-height:18px; color:#111; } .breadcrumbs a, .breadcrumbs a:hover { color:#111; } .custom #top_home { float: left; max-width: 794px; } .custom .category_txt, .custom #home_txt { padding: 10px 20px; font-size: 13px; background-color: #FAFAFA; } .custom .category_txt { margin: 0 5px; } .store ul.user_links { border: 1px solid #ccc; border-top: none; float: right; margin-top: -6px; margin-right: 11px; padding: 3px 0; } .store .user_links li { list-style: none; display: inline; border-left: 1px solid #ccc; margin: 0; padding: 0 10px; font-size: 108%; } .store .user_links li.first { border: none; } .custom .teasers_box { border-top: 1px solid #ccc; } .custom #content { border-right: 1px solid #ccc; margin-right:-2px; } .home #content { float: left; } .store #content { width: 76.7%; border-right: none; border-left: 1px solid #ccc; } .store .post_box { width: 30.3%; float: left; clear: none; margin-right: 0; padding-top: 20px; } .store #content div.page { float: none; margin: 0 10px 10px 15px; } .store #content div.listing { float: none; width: auto; margin: 0 10px 10px 0; border-bottom: 1px dotted #ccc; } .store #comments { margin-left: 10px; } .store #column_wrap { float: none; width: auto; } .list .entry-content { height: 175px; text-align: center; } .price { font-size: 12px; font-weight: bold; color: #f00; } .list label { font-weight: bold; } .filed { width: 100%; color: #555; padding-bottom: 7px; margin-bottom: 13px; display: block; border-bottom: 1px solid #ccc; } .filed a { font-size: 10px; vertical-align: middle; } .home .filed a { color: #555; font-size: 19px; } .filed a span.view_more { color: #2361A1; vertical-align: middle; font-size: 10px; } .store .filed { clear: both; padding-top: 5px; font-size: 11px; border: none; } .store .filed a { vertical-align: baseline; font-size: 11px; } .store .entry-content img { margin: 0 10px 10px 0; } .store .entry-title { font-size: 14px; } .custom .entry-content img { border: 1px solid #ccc; padding: 0; } .store .entry-content img { border: none; } .big_box { padding: 10px 0; } .big_box .headline_area { margin-bottom: 4px; } .big_box h2 { font-size: 16px; font-weight: bold; } .big_box .entry-content img { float: left; margin: 0 10px 10px 0; } .med_box { float: left; width: 23%; padding: 20px 0; margin: 0 0 0 10px; } .med_box .image { height: 130px; overflow: hidden; } .med_box img { width: 60%; } .portal .sml_box { margin-top: 8px; padding-top: 5px; border-top: 1px dotted #f2f2f2; } .sml_box img, .listing img { width: 30%; margin: 3px 10px 5px 0; float: left; } .sml_box img { width: 45%; } .sml_box .headline_area { padding: 0 7px 10px 7px; margin-bottom: 0; } .sml_box .headline_area { padding: 0 0 10px 2px; } .portal .sml_box .headline_area { padding-bottom: 0; } .portal h2.sml_box_title { padding-top: 5px; font-size: 12px; font-weight: bold; } .custom .post-ratings { font-size: 85%; padding-right: 5px; } .custom .post-ratings img { border: none; padding: 5px 2px; float: left; } .custom .post-ratings em { padding-left: 5px; } .custom .sociable img { padding: 0; } .custom .hfeed .top { border: none; } .custom div.sociable { clear: both; } .custom .sociable img { border: none; height: 24px; width: 24px; margin-right: 3px; } .custom .sociablelast img { margin-right: 0px; } .custom .ratingblock { clear: both; } /**********SIDEBARS**********/ .sidebar h3 { margin-bottom: 5px; } .store #sidebars { width: 19%; } .store .widget .current-cat a { color: #000; font-weight: bold; } .custom li.widget .current-cat ul li a { color: #2361A1; font-weight: normal; } .custom li.widget ul.children { display: none; } .custom li.widget .current-cat-parent ul.children,.custom li.widget .current-cat ul.children { display: block; } .custom li.widget { margin-bottom: 2em; } .custom #sidebar_1 { border-right: 1px solid #ccc; } .store #sidebar_1 { width: 23%; clear:none; border: none; float: left; } .sidebar #calendar-3 h3 { display: none; } #column_wrap .sidebar ul.sidebar_list, .custom ul.sidebar_list { padding-top: 3px; } .custom li.widget ul { line-height: 1.4em; } .custom .widget_recent_entries ul { line-height: normal; } .custom li.widget ul li { border-bottom: 1px dotted #ccc; padding: 6px 6px 4px 6px; margin: 0; } .custom li.widget ul.children li { border: none; border-top: 1px dotted #ccc; } .custom li.widget ul li:hover,.widget .listing:hover { background-color: #f2f2f2; } .custom li.widget ul li a:hover { text-decoration: none; } .widget .wpp-rating, .widget_ratings { color: #333; } .widget_ratings { font-size: 77%; } .widget .wpp-rating em { clear: both; } .widget_tag_cloud div { text-align: center; } .custom .avhec-widget-count { font-size: 10px; } .widget .listing { padding: 6px 1px 5px 4px; border-bottom: 1px dotted #ccc; } .listing .headline_area { margin-bottom: 0; padding-bottom: 3px; } .widget .read_more { font-size: 11px; padding: 4px 3px 3px 5px; line-height: 1.3em; text-transform: lowercase; } .store .buy_box { font-size: 19px; float: right; background:url(images/buy_box_bg.jpg) no-repeat top left; width: 126px; height: 110px; padding: 15px 10px 10px 20px; margin-left: 10px; } .store .buy_box label { font-weight: bold; font-size: 12px; } .store .buy_box .price { font-size: 19px; font-weight: normal; } .reviews ul, .reviews ul li { margin: 0; list-style: none; border-bottom: 1px dotted #ccc; } .reviews ul li { padding: 5px 8px 15px 8px; margin-bottom: 10px; } /**********BUTTONS***********/ .store .buy_now_btn { display: block; width: 40px; height: 37px; padding: 3px 40px; margin: 10px 0 10px 0; background:url(images/amazon_buy_now.gif) no-repeat top left; } .store .buy_now_btn a { text-decoration: none; } .store_images { float: left; margin-right: 10px; } /**********PAGINATION**********/ .custom .wp-pagenavi { clear: both; margin: 15px 5px; padding: 0 5px; height: 45px; } .custom .hfeed .wp-pagenavi { margin-left:20px; } .custom .top .wp-pagenavi { margin: 20px 0 0 0; height: 20px; } #content_box .wp-pagenavi .page { margin: 0 2px; } .custom .wp-pagenavi a { padding:3px 5px; } /*.custom .wp-pagenavi a span { padding:6px 0 9px 15px; margin:0 15px 0 -15px; background: none; font-weight: bold; } .custom .wp-pagenavi span.current { padding:10px; font-weight: bold; background: none; }*/ /************RELATED CONTENT************/ .related_auctions_box { clear: both; padding:5px 10px; margin:0 0 10px 0; border: 1px solid #ccc; background: #eee; font-weight:bold; font-size:13px; } /**********REVIEWS/COMMENTS**********/ .reviews_intro { margin-left: 2.2em; margin-top: 4.4em; margin-bottom: 1.1em; } .reviews_intro p { font-size: 1.2em; line-height: 1.833em; color:#666666; } .reviews_intro span { font-size: 1.833em; line-height:1em; color: #111; } .reviews_intro span.bracket { color:#CCCCCC; } .custom .comments_closed { display: none; } .ratingblock h2{ font-size: 13px; } /**********FOOTER**********/ .custom #footer { padding: 0; margin-top: 50px; } .custom #footer li.current-cat a, .custom #footer li.current a{ background: none; } .custom #footer_area a { text-decoration: none; border: none; } .footer-contents { text-align:left; width: 100%; padding:5px 0px 5px 5px; border-top:none; } /*IE6*/ #footer_links dl { margin:0 0 10px 0; padding: 5px 0; } #footer_links dl li { list-style: none; display: inline; line-height: 1.7em; } #footer_links dl.area1, #footer_links dl.area2 { border:1px solid #ccc; border-left: none; border-right: none; margin-right:15px; } #footer_links li { margin: 0; padding: 0; margin-left: 8px; padding-right: 8px; border-right: 1px solid #ccc; } #footer_links li a { font-size: 11px; line-height:1.4em; } #footer_links li a span { text-transform: none; } #footer_links dl.area4 li { margin-left: 14px; display: list-item; list-style: disc; border: none; } .custom #footer h4 { font-size:10px; font-weight:bold; letter-spacing:0.2em; margin:0 0 10px 1px; padding:0; text-transform:uppercase; } #footer_links dt { text-transform: uppercase; letter-spacing: 0.2em; margin: 10px 0 1px 0; font-weight: bold; font-size: 10px; padding: 0; } #footer_links dt.first { margin: 0 0 1px 0; } #footer_copy { text-align: center; font-size: 12px; padding: 10px; } /**********BANNERS**********/ .leaderboard { margin: 20px auto; width: 728px; } #header .leaderboard { margin: 0; } .ads { width: 80%; margin: 10px auto; } #cat_carousel .ads { margin:3px auto 0; }