/* @override http://www.thetruckersreport.com/wordpress/wp-content/themes/thesis_18/custom/custom.css?122310-74358 */ /* 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/ */ /*get rid of dotted link box in FireFox*/ :-moz-any-link:focus { outline: none; } /* ---------- Container ----------*/ /* ---------- Inner Container ----------*/ #content_box { padding-top: 26px; } /* ---------- Header ---------- */ #header { padding: 0 17px 15px; } #logo { background: url(images/newlogo.png) left top no-repeat; width: 336px; height: 75px; text-indent: -9999px; } #logo a { display: block; width: 336px; height: 75px; } .header-rss-widget { position: absolute; top: 2em; left: 406px; } /* ---------- Navigation ---------- */ /* ---------- Search ---------- */ .search_form { margin: 9px 37px 0 0; height: 21px; line-height: 21px; position: absolute; width: 155px; top: 163px; right: 42px; z-index: 99; } .search_form #s { background: #ffffff url(images/search_icon.png) 0 0 no-repeat; padding: 5px 0 0 24px; margin: 0px; width: 109px; height: 16px; border: none; top: 0; left: 0; } #searchsubmit { background: url(images/search_button.png) 0 0 no-repeat; margin: 0px; padding: 0; border: 0; width: 22px; height: 21px; position: absolute; top: 0px; right: 1px; } html>body #searchsubmit { *top:1px; } /* ---------- Featured Posts Boxes ---------- */ #feature_box{ float: left; padding: 0; background: none; margin-bottom: 10px; } ul#category_spotlights{ list-style-type: none; float:left; margin-left: 6px; } ul#category_spotlights li{ float: left; } ul#category_spotlights li:hover{ } ul#category_spotlights li.category_spotlight{ padding: 0px 0px 10px 0px; margin: 0px 0 15px; font-size: 1.1em; line-height: 1.5em; } ul#category_spotlights li.category_spotlight.gutter { padding-left: 20px; padding-right: 20px; } .custom ul#category_spotlights li.category_spotlight .headline_area{ margin-bottom: 10px; } ul#category_spotlights li.category_spotlight div.category_title{ float: left; margin-bottom: 1em; text-transform: uppercase; } ul#category_spotlights li.category_spotlight div.category_title ul.post-categories{ list-style-type: none; } ul#category_spotlights li.category_spotlight div.category_title ul.post-categories li a:hover{ color: #111; } ul#category_spotlights li.category_spotlight div.spotlight_image{ width: 200px; height: 132px; border: none; margin-bottom: 0px; } ul#category_spotlights li.category_spotlight div.spotlight_image img{ width: 200px; height: 132px; border: none; margin-bottom: 0px; } ul#category_spotlights li.category_spotlight div.spotlight_image a{ border: none; } ul#category_spotlights li.category_spotlight div.spotlight_image a img{ border: none; } ul#category_spotlights li.category_spotlight h4.spotlight_title{ font-weight: normal; font-size: 1.2em; } ul#category_spotlights li.category_spotlight h4.spotlight_title a{ font-weight: bold; } ul#category_spotlights li.category_spotlight h4.spotlight_title a:hover{ color: #111; } ul#category_spotlights li.category_spotlight .spotlight_excerpt { background: url(images/spotlight_bg.png) no-repeat; width: 197px; height: 67px; padding: 5px; position: relative; color: #2361a1; font-size: 1.2em; } a.spot_link { background: url(images/more_link.png) 0 0 no-repeat; width: 54px; height: 25px; position: absolute; bottom: 0; right: 0; } /* ----- Widgets ----- */ ul.sidebar_list { padding-top: 0; } .widget h3 { background: url(images/widget_h3.png) center top no-repeat; padding: 9px 20px; text-transform: none; color: #ffffff; line-height: 21px; margin-bottom: 0; letter-spacing: 0px; font-variant: normal; } li.widget { background: url(images/widget_bg.png) center bottom no-repeat; } li.widget ul, li.widget p, li.widget ol { padding: 15px; } li.widget ul li { border-bottom: 1px solid #b1b1b1; padding: 4px 5px; } li.widget ul li:hover { padding-left: 10px; } li.widget ul li:last-child { border-bottom: 0; } li.widget ul li a { text-decoration: none; } li.widget ul li a:hover { color: #111111; text-decoration: none; } /* Page & Post Titles */ .headline_area { padding: 5px; margin-bottom: 0; } .headline_area h1, .headline_area h2 { font-size: 20px; } h2.entry-title, h1.entry-title { font-size: 20px; } p.headline_meta { padding-left: 60px; font-style: normal; } .format_text { padding: 0 15px 0 5px; } span.author.vcard.fn { text-transform: none; font-variant: normal; } abbr.published { text-transform: none; font-variant: normal; } input.form_submit:hover { color: #215b96; } /* ---------- Bottom Container & Rounded corners ---------- */ /* ---------- Footer ----------*/ .custom #footer { border: none; } #footer pre { display: none; } #google_ads_div_main-footer { width: 100%; text-align: center; margin: 30px 0; background: transparent; } #google_ads_div_main-skyscraper { text-align: right; margin-right: 30px; } li#text-3 { background: #fff; } li#text-4 { margin: 0; padding: 0; list-style: none; background: transparent; } li#text-5 { margin:0; list-style: none; background: transparent; } li#text-5 p { padding: 0; } #slick_container { border: 1px solid #D4CFBD; background: #ddd; padding: 20px; margin-bottom: 20px; } #slick_container p { text-align: center; font-weight: bold; margin-bottom: 0; } #slickbox p { text-align: left; font-weight: normal; margin-bottom: 10px; } div#google_ads_div_main-footer_ad_container { margin-bottom: 5px; } div#archive_intro { padding-left: 10px; padding-top: 8px; font-size: 1.25em; } /* ====== NEW ADDITIONS ======*/ .custom #header { border: none; } .custom #footer { border: none; } #header_area { background: #fff; } #header_area .page { position: relative; } #content_area { background: #fff; border-bottom: 3px double #ececec; } #footer_area .page { background: #ececec; margin-top: 20px; } .menu-main-container { height: 96px; background: transparent url(images/nav-bg.png) no-repeat left top; } .menu-main-container .menu { padding: 0 50px; } .custom .menu-main-container .menu li { background: transparent url(images/navitem.gif) no-repeat right top; } .custom .menu-main-container .menu a { background: transparent; letter-spacing: normal; height: 52px; font-weight: bold; padding: 0 13px 0 10px; line-height: 52px; } .custom .menu-main-container .menu li:hover, .custom .menu-main-container .menu li.current-menu-item a { background: transparent url(images/navitem-hover.gif) repeat-x right top; } #breadcrumbs_wrap { position: absolute; top: 178px; left: 80px; } #breadcrumbs { color: #999; font-size: 1.1em; font-style: italic; font-family: Arial, sans-serif; text-transform: uppercase; } #breadcrumbs strong { font-style: normal; } .menu-footer-container { float: right; position: relative; left: -50%; } .menu-footer-container .menu { position: relative; left: 50%; } .menu-footer-container .menu a { background: transparent; text-transform: none; font-size: 12px; letter-spacing: normal; } #footer p.copyright { clear: both; text-align: center; padding-top: 5px; } #footer p { text-align: center; } .custom .post_box.top { padding-top: 0; } #icon_nav .rss-widget { margin: 5px auto 0 auto; } #icon_nav .rss-widget ul { } #icon_nav { overflow: hidden; display: none; } .front-page #icon_nav, .showjobs #icon_nav { display: block; } .menu-jobs-container { padding: 0 0 0 20px; float: right; position: relative; left: -50%; } .menu-jobs-container .menu { position: relative; left: 50%; } .menu-jobs-container .menu li { text-indent: -9999px; padding-right: 10px; } .menu-jobs-container .menu a { background: transparent; width: 105px; height: 75px; padding: 0; } .menu-jobs-container .menu li.one a { background: transparent url(images/icons/trucking-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.two a { background: transparent url(images/icons/new-driver-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.three a { background: transparent url(images/icons/flatbed-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.four a { background: transparent url(images/icons/tanker-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.five a { background: transparent url(images/icons/refrigerated-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.six a { background: transparent url(images/icons/auto-jobs.gif) no-repeat left bottom; } .menu-jobs-container .menu li.seven a { background: transparent url(images/icons/local-jobs.gif) no-repeat left bottom; } /* ====== FRONT WIDGET ======*/ .post_box.front-widget { padding-top: 0; border-top: none; } .post_box.front-widget .widget { margin-bottom: 1.6em; padding-top: 1.6em; padding-bottom: 2.2em; border-bottom: 1px dotted #bbb; } .post_box.front-widget .widget h3 { display: none; }