/* 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/ */ .entry-content p { line-height: 18px; margin: 15px 0 15px 0; } .post_box { padding-left: 15px; border-top: none; background: url('images/post-bg.gif') no-repeat; background-position: bottom; padding-bottom: 10px; } h1, h2, h3, h4 { color: #578C25; font-weight: bold; } .entry-title a:link { color: #ED8A24; } .entry-title a:hover { color: #ED6B24; text-decoration: underline; } .entry-title a:visited { color: #C17A36; } ul.menu { display: none; } #page { padding: 0px; margin: 0px; } /* Comments */ #comments { margin-top: 0px; } #comments_intro { display:none; } dl#comment_list { border-top: none; } dl#comment_list .odd { background: #fff; } dl#comment_list dd.comment { border: none; } dl#comment_list dt.comment { background: url('images/post-bg.gif') no-repeat; } dt.comment span { display: block; } dt.comment .avatar { float: left; padding-right: 5px; } dd.comment .format_text{ padding-left: 60px; } #commentform { border-top: none; } #respond { padding: 10px 0 20px 15px; margin: 0px; } #respond_intro p { font-size: 18px; } /* Post Details Box */ .postdetails { background: url('images/postdetails-bg.png') no-repeat; height: 44px; position: relative; padding-bottom: 10px; } .postcomnum { position: absolute; top: 17px; left: 590px; } .postcategory { padding-top: 17px; padding-left: 15px; } .custom .teaser_right { float:none; } .teaser { width: 700px; background: url('images/post-bg.gif') no-repeat; background-position: bottom; margin-bottom: 10px; } .teaser .entry-content { min-height: 180px; } /* Head Navigation */ #header { padding: 0 0 40px 0; margin: 0px; } div#hero { width: 980px; height: 235px; padding: 0; margin: 0 auto; background: #FFFFFF url("images/hero.jpg") no-repeat; background-position: top left; position: relative; } div#hero-thin { width: 980px; height: 195px; padding: 0; margin: 0 auto; background: #FFFFFF url("images/hero-thin.jpg") no-repeat; background-position: top left; position: relative; } div#hero-thin.cutoff { width: 980px; height: 195px; padding: 0; margin: 0 auto; background: #FFFFFF url("images/hero-thin-cut.jpg") no-repeat; background-position: top left; } div#header-logo { position: absolute; top: 142px; left: 70px; } div#header-logo-thin { position: absolute; top: 102px; left: 70px; } div#needcash { width: 670px; height: 213px; padding: 22px 0 0 0; margin: 0; float: left; } div#needcash-thin { width: 670px; height: 173px; padding: 22px 0 0 0; margin: 0; float: left; } div#calllogin { width: 220px; height: 210px; padding: 25px 0 0 30px; margin: 0; float: left; } div#calllogin-thin { width: 220px; height: 175px; padding: 20px 0 0 30px; margin: 0; float: left; overflow: hidden; } div#calllogin-thinner { width: 220px; height: 170px; padding: 25px 0 0 30px; margin: 0; float: left; } div#memberslogin { width: 220px; padding: 25px 0 0 0; margin: 0; } div#menu { width: 920px; height: 50px; background: #ff7f01 url("images/tile-menu.gif") repeat-x; background-position: top left; padding: 0; margin: 0 0 0 30px; } div#memberslogin-thin { width: 220px; padding: 13px 0 0 0; margin: 0; } div#memberslogin-thin h3 { font-size: 16px; font-weight: bold; color: #fff; padding-bottom: 0px; } div#menulogo { float: left; height: 50px; } div#navigation { float: left; height: 50px; } div#topcontent { width: 950px; background: #FFFFFF url("images/bg-main.gif") no-repeat; background-position: top left; padding: 0; margin: 0 0 0px 30px; overflow: hidden; height: 40px; } div#memberslogin-thin a { font-size: 12px; } div#memberslogin-thin a, div#memberslogin a { font-weight: normal; color: #ffddad; text-decoration: none; } div#memberslogin-thin a:hover, div#memberslogin a:hover { font-weight: normal; color: #FFFFFF; text-decoration: none; } div#needcash-thin h2, div#needcash h2 { padding: 0; margin: 0 0 0 30px; color: #ff7e00; font-size: 19px; font-weight: bold; } .highlight { font-weight: bold; color: #478200; } .darkorange { color: #ff7e00; } .white { color: #ffffff; } div#calllogin-thinner h3 { padding: 15px 0 0 0; margin: 0; color: #FFFFFF; font-size: 16px; font-weight: bold; } div#calllogin-thinner p { padding: 5px 0 0 0; margin: 0; color: #FFFFFF; font-size: 12px; font-weight: bold; } .memLoginLabels { margin-top: 4px; color: #fff; font-weight: bold; } #memlogin { margin-top: -10px; } /** tables ------------------------------------------------------------------ */ div#memberslogin td { font-size: 11px; height: 25px; line-height: 16px; } div#memberslogin-thin td { font-size: 11px; height: 20px; line-height: 16px; } /** forms ------------------------------------------------------------------ */ div#memberslogin input { color: #7d3e00; background-color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: none; padding: 5px; margin: 0 0 3px 0; } div#memberslogin-thin input { color: #7d3e00; background-color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: none; padding: 5px; margin: 0 0 3px 0; } /** navigation ------------------------------------------------------------------ */ ul#suckerfishMenu0 { background: url(images/navigation.gif) no-repeat; float: left; height: 50px; margin: 0; width: 727px; z-index: 1000; list-style-type: none; } ul#suckerfishMenu0 li { float: left; } ul#suckerfishMenu0 li a { color: #FFFFFF; display: block; font-size: 1px; height: 50px; overflow: hidden; text-decoration: none; text-indent: -9999px; border: none; } ul#suckerfishMenu0 li ul { left: -9999px; list-style: none; margin: -1px 0 0 -1px; position: absolute; width: 100px; z-index: 10000; } ul#suckerfishMenu0 li:hover ul { left: auto; } ul#suckerfishMenu0 li:hover ul, #suckerfishMenu0 li.sfhover ul { left: auto; position: absolute; z-index: 100000; } .sfhover { z-index: 100000 !important; } #sf_menu_0, #sf_menu_0 a { width: 72px; } #sf_menu_1, #sf_menu_1 a { width: 105px; } #sf_menu_2, #sf_menu_2 a { width: 130px; } #sf_menu_3, #sf_menu_3 a { width: 65px; } #sf_menu_4, #sf_menu_4 a { width: 120px; } #sf_menu_5, #sf_menu_5 a { width: 110px; } #sf_menu_6, #sf_menu_6 a { width: 125px; } #sf_menu_0 { background: url(images/navigation.gif) 0px 0px no-repeat !important; } #sf_menu_0.sfhover, #sf_menu_0:hover, #sf_menu_0 a:hover, #sf_menu_0 a:active, #sf_menu_0 a:focus { background: url(images/navigation.gif) 0px -50px no-repeat !important; } #sf_menu_0.sfhover, #sf_menu_0:hover { background: url(images/navigation.gif) 0px -50px no-repeat !important; } #sf_menu_0.instate { background: url(images/navigation.gif) 0px 0px no-repeat !important; } #sf_menu_1 { background: url(images/navigation.gif) -72px 0px no-repeat !important; } #sf_menu_1.sfhover, #sf_menu_1:hover { background: url(images/navigation.gif) -72px -50px no-repeat !important; } #sf_menu_1.sfhover, #sf_menu_1:hover, #sf_menu_1 a:hover, #sf_menu_1 a:active, #sf_menu_1 a:focus { background: url(images/navigation.gif) -72px -50px no-repeat !important; } #sf_menu_1.instate { background: url(images/navigation.gif) -72px 0px no-repeat !important; } #sf_menu_2 { background: url(images/navigation.gif) -177px 0px no-repeat !important; } #sf_menu_2.sfhover, #sf_menu_2:hover, #sf_menu_2 a:hover, #sf_menu_2 a:active, #sf_menu_2 a:focus { background: url(images/navigation.gif) -177px -50px no-repeat !important; } #sf_menu_2.sfhover, #sf_menu_2:hover { background: url(images/navigation.gif) -177px -50px no-repeat !important; } #sf_menu_2.instate { background: url(images/navigation.gif) -177px 0px no-repeat !important; } #sf_menu_3 { background: url(images/navigation.gif) -307px 0px no-repeat !important; } #sf_menu_3.sfhover, #sf_menu_3:hover, #sf_menu_3 a:hover, #sf_menu_3 a:active, #sf_menu_3 a:focus { background: url(images/navigation.gif) -307px -50px no-repeat !important; } #sf_menu_3.sfhover, #sf_menu_3:hover { background: url(images/navigation.gif) -307px -50px no-repeat !important; } #sf_menu_3.instate { background: url(images/navigation.gif) -307px 0px no-repeat !important; } #sf_menu_4 { background: url(images/navigation.gif) -372px 0px no-repeat !important; } #sf_menu_4.sfhover, #sf_menu_4:hover, #sf_menu_4 a:hover, #sf_menu_4 a:active, #sf_menu_4 a:focus { background: url(images/navigation.gif) -372px -50px no-repeat !important; } #sf_menu_4.sfhover, #sf_menu_4:hover { background: url(images/navigation.gif) -372px -50px no-repeat !important; } #sf_menu_4.instate { background: url(images/navigation.gif) -372px 0px no-repeat !important; } #sf_menu_5 { background: url(images/navigation.gif) -492px 0px no-repeat !important; } #sf_menu_5.sfhover, #sf_menu_5:hover, #sf_menu_5 a:hover, #sf_menu_5 a:active, #sf_menu_5 a:focus { background: url(images/navigation.gif) -492px -50px no-repeat !important; } #sf_menu_5.sfhover, #sf_menu_5:hover { background: url(images/navigation.gif) -492px -50px no-repeat !important; } #sf_menu_5.instate { background: url(images/navigation.gif) -492px 0px no-repeat !important; } #sf_menu_6 { background: url(images/navigation.gif) -602px 0px no-repeat !important; } #sf_menu_6.sfhover, #sf_menu_6:hover, #sf_menu_6 a:hover, #sf_menu_6 a:active, #sf_menu_6 a:focus { background: url(images/navigation.gif) -602px -50px no-repeat !important; } #sf_menu_6.sfhover, #sf_menu_6:hover { background: url(images/navigation.gif) -602px -50px no-repeat !important; } #sf_menu_6.instate { background: url(images/navigation.gif) -602px 0px no-repeat !important; } #sf_menu_0 ul li a:hover, #sf_menu_0 ul li a:active, #sf_menu_0 ul li a:focus { background-image: none !important; } #sf_menu_1 ul li a:hover, #sf_menu_1 ul li a:active, #sf_menu_1 ul li a:focus { background-image: none !important; } #sf_menu_2 ul li a:hover, #sf_menu_2 ul li a:active, #sf_menu_2 ul li a:focus { background-image: none !important; } #sf_menu_3 ul li a:hover, #sf_menu_3 ul li a:active, #sf_menu_3 ul li a:focus { background-image: none !important; } #sf_menu_4 ul li a:hover, #sf_menu_4 ul li a:active, #sf_menu_4 ul li a:focus { background-image: none !important; } #sf_menu_5 ul li a:hover, #sf_menu_5 ul li a:active, #sf_menu_5 ul li a:focus { background-image: none !important; } #sf_menu_6 ul li a:hover, #sf_menu_6 ul li a:active, #sf_menu_6 ul li a:focus { background-image: none !important; } /* ---- Sub Navigation ---- */ #sidebars { float: left; } .widget_categories { /* common font face, size, formatting */ margin: 0 0 18px 0; width: 166px; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; background: none; } .widget_categories h3 { background: url(images/bg-subnav.jpg) no-repeat left top; color: #fff; font-size: 14px; font-weight: bold; padding: 5px 5px 5px 10px; margin-bottom: 0px; font-variant: normal; letter-spacing: 1px; } li.widget ul li { margin-bottom: 0px; } .widget_categories ul { list-style-image: none; padding: 0px; margin: 0px; background: none; } .widget_categories ul li { list-style-image: none; display: block; padding: 7px 8px 7px 8px; background-color: #f8fdf2; border-bottom: 1px solid #dce6cf; border-left: 1px solid #dce6cf; border-right: 1px solid #dce6cf; } .widget_categories a { display: block; padding: 0 0 0 14px; } .widget_categories a:link, .widget_categories a:visited { /* normal link: colour, style */ color: #79a450; font-weight: normal; text-decoration: none; background: url(images/nav-arrow-green.gif) no-repeat 0 1px; } .widget_categories a:hover, .widget_categories a:active { /* normal link rollover: colour, style */ color: #e67b21; font-weight: normal; text-decoration: underline; background: url(images/nav-arrow-orange.gif) no-repeat 0 1px; } #findus { height: 39px; width: 189px; margin-bottom: 15px; background: url(images/bg-findus.gif) no-repeat; } div#findus img { float: right; margin: 8px 6px 0 0; }