/* 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/ */ /* HEADER CUSTOMIZATIONS */ .custom #header #logo a { display: block; height: 220px; width: 365px; background: url(images/logo.png) no-repeat; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom p#tagline { display: none; } .custom #header { padding: 10px 15px 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; } .custom #tagline { display: none; } .custom #topad { background-color: #A60D08; width: 100%; text-align: center; } /**** Social media icon customization *****/ .custom #social_media { float: right; padding: 0px 0px 0px 0px; width: 350px; } /* .custom div#social_media a:hover img { padding-bottom: 5px; } */ .custom div#social_media img { padding: 0px 0px 0px 3px; } .custom div#social_media img.arrow { padding: 0px 0px 0px 70px; } /***** Promotional sign up ******/ .custom ul#promotion { background: url(images/social_media/email_promotion.png) no-repeat; height: 110px;} .custom input#promo_email { width: 200px; height: 18px; margin: 60px 0px 0px 60px; } .custom input#promo_submit { background: url(images/subscribe.png) no-repeat; width: 70px; height: 18px; margin: 0px 0px 0px 2px; border: none; text-indent: -1000em; } .custom input#promo_submit img { padding: 2px 0px 0px 0px; } /**** Search customization ****/ .custom div.search { float: right; } .custom ul.search { padding: 20px 0px 0px 0px; } .custom label.screen-reader-text { display: none; } .custom .search form { font-size: 14px; font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; text-transform: uppercase; width: 350px; border: none; } .custom .search textarea { width: 280px; } .custom .search input { width: 280px; height: 20px; background: #FFFFFF; border: 1px solid #C4C7CA; padding: 2px 2px 2px 5px; } .custom .search fieldset { overflow: hidden; height: 1%; border: none; } .custom .search button { background: url(images/search.png) no-repeat; width: 55px; height: 20px; border: none; cursor: pointer; text-indent: -1000em; } /* HORIZONTAL NAVIGATION BAR /////////////////////////////////////*/ ul#navigation { width:1047px; list-style:none; height:40px } ul#navigation li { display:inline } ul#navigation li a { height:40px; float:left; text-indent:-9999px; text-decoration:none } ul#navigation li a span { float:left; display:block } ul#navigation li#navigation-1 a { width:127px; background:url(images/nav_menu3.png) no-repeat 0px 0 } ul#navigation li#navigation-1 a:active, ul#navigation li#navigation-1 a:hover { background-position:0px -40px } ul#navigation li#navigation-1 a.current { background-position:0px -80px } ul#navigation li#navigation-2 a { width:124px; background:url(images/nav_menu3.png) no-repeat -127px 0 } ul#navigation li#navigation-2 a:active, ul#navigation li#navigation-2 a:hover { background-position:-127px -40px } ul#navigation li#navigation-2 a.current { background-position:-127px -80px } ul#navigation li#navigation-3 a { width:151px; background:url(images/nav_menu3.png) no-repeat -251px 0 } ul#navigation li#navigation-3 a:active, ul#navigation li#navigation-3 a:hover { background-position:-251px -40px } ul#navigation li#navigation-3 a.current { background-position:-251px -80px } ul#navigation li#navigation-4 a { width:162px; background:url(images/nav_menu3.png) no-repeat -402px 0 } ul#navigation li#navigation-4 a:active, ul#navigation li#navigation-4 a:hover { background-position:-402px -40px } ul#navigation li#navigation-4 a.current { background-position:-402px -80px } ul#navigation li#navigation-5 a { width:162px; background:url(images/nav_menu3.png) no-repeat -564px 0 } ul#navigation li#navigation-5 a:active, ul#navigation li#navigation-5 a:hover { background-position:-564px -40px } ul#navigation li#navigation-5 a.current { background-position:-564px -80px } ul#navigation li#navigation-6 a { width:169px; background:url(images/nav_menu3.png) no-repeat -726px 0 } ul#navigation li#navigation-6 a:active, ul#navigation li#navigation-6 a:hover { background-position:-726px -40px } ul#navigation li#navigation-6 a.current { background-position:-726px -80px } ul#navigation li#navigation-7 a { width:152px; background:url(images/nav_menu3.png) no-repeat -895px 0 } ul#navigation li#navigation-7 a:active, ul#navigation li#navigation-7 a:hover { background-position:-895px -40px } ul#navigation li#navigation-7 a.current { background-position:-895px -80px } /************************ SUB NAV BAR **************************/ #nav, #nav ul{ margin:0; padding:0px 0px 0px 0px; list-style-type:none; list-style-position:outside; /* position:relative; */ line-height:20px; width: 100% } #nav a{ display:block; padding:3px 5px; border:1px solid #E6E7E8; color:#4D4D4D; text-decoration:none; background-color:#E6E7E8; font-size: 14px; font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; /* text-transform: uppercase; */ } #nav a:hover{ background-color:#fff; color:#333; } #nav li{ float:left; position:relative; border-right-style: solid; border-color: #fff; border-width: 1px; line-height: 20px; } #nav ul { position:absolute; display:none; width:12em; top:1.5em; } #nav li ul a{ width:12em; height:auto; float:left; } #nav ul ul{ top:auto; } #nav li ul { margin-top: 11px; } #nav li ul ul { left:12em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; } /*************************************** BODY CUSTOMIZATIONS ************************************************/ .custom div#header { border: none; } /* background color */ body { background-color: #A60D08; } /* .custom a { color: #9C2A20; } */ .custom img.recentblogposts { padding: 10px 0px 0px 10px; } /* sub category title styling */ .custom .headline_area h1 { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; } .custom .h1_category { display: none; } .custom .headline_area h2 { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; } .custom .headline_area h2 a:hover { color: #E51E27; } .custom .headline_area h1 img { padding: 0px 0px 20px 200px; } /* archive info styling */ .custom #archive_info h1 { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; } /* teaser title styling */ .custom .teaser h2 { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 18px; color: #000000; } .custom .post_box { border-bottom-style: dotted; border-bottom-color: #DDDDDD; border-bottom-width: 1px; clear: both; background: none; padding: 30px 0px 0px 0px; margin: none; } .custom .post_box, .teasers_box { border-style: none; } .custom .post_box top intro_block { border-bottom-style: dotted; border-bottom-color: #DDDDDD; border-bottom-width: 1px; } /* border on teasers */ .custom .teasers_box { border-color: #DDDDDD; border-style: dotted solid; border-width: 1px 0px 0px 0px; } .custom div#comments { padding: 0px 0px 0px 10px; } .custom .teaser .teaser_link { color: #9C2A20; font-style: italic; } .custom .teaser a.teaser_link :hover { color: #000000; font-style: italic; } .custom .teaser h2 a:hover { color: #E51E27; } /* comment number modifications */ .custom .to_comments { color: #9C2A20; font-style: italic; } .custom .to_comments a { color: #000000; } .custom .to_comments a:hover { font-style: italic; color: #9C2A20; } .custom .to_comments span { color: #9C2A20; } .custom .comments_intro a { color: #9C2A20; font-style: italic; } .custom .comments_intro a:hover { font-style: italic; } .custom .comments_intro span { color: #9C2A20; } .custom .comments_intro span.bracket { display: none; } /* comment form and area modifications */ .custom dl#comment_list .bypostauthor { background: #FFF8EE; } .custom dt .comment_author { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; color: #000000; font-weight: normal; font-size: 18px; } .custom .comment_author a { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; color: #000000; font-weight: normal; font-size: 18px; } .custom dl#comment_list dt .comment_author { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; color: #000000; font-weight: normal; font-size: 18px; } .custom .comment_time { font-style: italic; } .custom #respond_intro { font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; color: #000000; font-weight: normal; font-size: 12px; } .custom #respond_intro p { color: #000000; } .custom .prev_next a { color: #9C2A20; font-style: italic; } .custom .prev_next { border: none; } .custom #commentform p a { color: #9C2A20; font-style: italic; } /* edit submit button */ .custom input.form_submit { border: none; font-weight: normal; font-style: italic; padding: 10px;} .custom input.form_submit:hover { color: #9C2A20; } .custom #commentform .form_submit { padding: 8px; } /* search by ingredients customization */ .custom ul#category_list { list-style-type: none; } .custom #category_list ul { list-style-type: none; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.4em; line-height: 1.571em; } .custom #category_list a { color: #9C2A20; } .custom #category_list a:hover { text-decoration: underline; } /* email subscribe form customization */ .format_text input, #commentform input, #commentform textarea { border-width:0.077em; padding:0.231em; width:100%; } .format_text input[type="checkbox"] { border-width:0.077em; padding:0.231em; width:5%; } .format_text input[type="submit"] { width: 100px; } .tdomf_buttons td { width:70px; } /********* Blockquote customization ***************/ .custom blockquote.recipe { color: #1C2639; font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; } .custom blockquote.recipe { background-image:url('images/recipe_blockquote.png'); background-repeat: no-repeat; } .custom blockquote.recipe h2 { padding: 0px 0px 3px 0px; margin: 0px; font-weight: normal; color: #969051;font-size: 16px; } .custom blockquote.recipe h1 { padding: 25px 0px 20px 0px; margin: 0px; font-weight: normal; color: #969051; font-size: 22px; } .custom blockquote.recipe { padding-left: 20px; } .custom blockquote.recipe p { padding-left: 10px; } .custom blockquote.recipe ol { padding-left: 10px; } /*************** WP-Print customization ************/ .custom #recipe img.WP-PrintIcon { float: right; position: relative; top: 28px; right: 20px; } /************ Post Author at bottom of post customization ***************************/ .postauthor { background: #F8F8F9; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; width: 75px; } .postauthor h4 { color: #666; font-size: 18px; font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; margin-bottom: 5px; } .postauthor h4 a { color: #9C2A20; } .postauthor p a { color: #9C2A20; } .postauthor p { color: #515151; font-size: 13px; line-height: 22px; margin-left: 108px; } /*************** Blitz Feed Customizations ***********************************/ .custom p#abfb_p { margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; font-size: 12px; background-color: #FDE300; } /********************************** SIDEBAR CUSTOMIZATIONS *************************************/ .custom li.widget { margin-bottom: 10px; } /* style multimedia box */ .custom .custom_box { background: none; border: none; margin-top: 10px; } /* style sidebar adverts */ .custom div#sidebar_sponsors a img { padding: 0px 0px 0px 5px; } .custom li#text-551220592 { float: right; width: 50%; } /* recent posts widget colors, width, remove h3 */ .custom li#recent-posts-3 { width: 50%; } .custom li#recent-posts-3 a { color: #9C2A20; } .custom li#recent-posts-3 h3 { display: none; } .custom div#pw { float: right; padding: 0px 30px 0px 0px; } .custom ul.sidebar_sponsors { padding: 0px 0px 0px 10px; } .custom ul.sidebar_sponsors2 { padding: 0px 0px 0px 10px; } .custom ul.sidebar_sponsors3 { width: 125px; float: right; float: top; padding: 0px 0px 0px 20px; } .custom div#sidebar_sponsors3 { width 125px; } /* remove search title */ .custom li#search h3 { display: none; } .custom li#text-20 { height: 10px; } /* move search header down */ .custom li#text-20 { padding: 200px 0px 0px 0px; } .custom li#search { padding: 198px 0px 0px 0px; } .custom div#fm_badge { text-align: center; } /************** Sidebar Button Animations ***************************/ ul.sidebar_buttons { float: left; list-style: none; margin: 0; padding: 0px; width: 340px; } ul.sidebar_buttons li { /* margin: 0; padding: 0px; */ float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 340px; height: 44px; } ul.sidebar_buttons li img { width: 340px; height: 44px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ /* border: 1px solid #ddd; */ padding-bottom: 5px; /* background: #f0f0f0; */ position: absolute; left: 0; top: 0; } ul.sidebar_buttons a.rollover_sgp { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/submitaguestpost.png"); } ul.sidebar_buttons a.rollover_ges { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/groweatsave.png"); } ul.sidebar_buttons a.rollover_bmotw { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/bargainmealoftheweek.png"); } ul.sidebar_buttons a.rollover_pp { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/printableplanner.png"); } ul.sidebar_buttons a.rollover_fm { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/frugalmap.png"); } ul.sidebar_buttons a.rollover_cdb { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/coupondatabase.png"); } ul.sidebar_buttons a.rollover_pc { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/coupons.png"); } ul.sidebar_buttons a.rollover_frd { display: block; width: 340px; height: 44px; text-decoration: none; background: url("images/frugalrecipesdaily.png"); } ul.sidebar_buttons a.rollover_sgp:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_ges:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_bmotw:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_pp:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_fm:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_cdb:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_pc:hover { background-position: -340px 0; } ul.sidebar_buttons a.rollover_frd:hover { background-position: -340px 0; } ul.sidebar_buttons .displace { position: absolute; left: -5000px; } /* **************************** TOP NAV CUSTOMIZATIONS ***************************** #topnavcontainer ul { padding-left: 0; margin-left: 0; background-color: #036; color: White; float: left; width: 100%; height: 40px; font-family: arial, helvetica, sans-serif; font-size: 14px; } #topnavcontainer ul li { display: inline; float: left; } #topnavcontainer ul li a { padding: 0.2em 1em; background-color: #036; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; height: 30px; } #topnavcontainer ul li a:hover { background-color: #40C1C7; color: #fff; } /***************************** FOOTER CUSTOMIZATION **************************************/ /* footer widget area setup */ #footer_setup { /* widgetized footer background (not footer background) background: #CE0B03;*/ /* widget padding */ padding: 16px; /* margin at bottom of widgets */ margin-bottom: 25px; /* do not change this! */ overflow: hidden; /* display or not to display footer */ display: none; } /* widget item setup */ #footer_setup .footer_items { /* contents alignment */ text-align: left; /* widget width */ width: 311px; /* space between widgets */ padding-right: 20px; /* text color */ color: #000000; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; line-height: 175%; /* do not change these! */ display: inline-block; float: left; height: 100%; } /* widget item headers*/ #footer_setup .footer_items h3 { /* font size */ font-size: 14px; /* bold or not */ /* font-weight: bold; */ /* uppercase or not */ text-transform: uppercase; /* space out the letters*/ letter-spacing: 1px; /* font color*/ color: #000000; /* padding under header text */ padding-bottom: 3px; /* border under header text */ border-bottom: 1px dotted #000000; /* distance between border and widget text */ margin-bottom: 5px; /* font type */ font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; } /* do not change these! */ #footer_setup .footer_items ul li { list-style: none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; } /* footer font styles */ .custom #footer a { border-bottom: none; /* default Thesis link color */ color: #AAA; font-weight:bolder; } .custom #footer a:visited { text-decoration: none; /* default Thesis link color */ color: #AAA; } .custom #footer a:link { text-decoration: none; /* default Thesis link color */ color: #AAA; } .custom #footer a:hover { text-decoration: underline; /* default Thesis link color */ color: #AAA; } .custom #footer { /* width: 910px; */ background: #FFFFFF; border-top-style: solid; border-color: #BBBBBB; border-width: 1px; border-bottom: none; color: #fff; margin-top: 15px; } .custom #footer p { color: #fff; } /* under footer items */ .custom #under_footer { list-style-type: none; display: block; font-family: 'Gill Sans', 'Gill Sans MT', sans-serif; font-size: 10px; text-transform: uppercase; color: #000000; text-align: center; } .custom #under_footer a { color: #000000; padding: 0px 5px 0px 5px; } .custom #under_footer a:hover { color: #9C2A20; } .custom #under_footer li { display: inline; padding: 0px 0px 0px 20px } /**************** TESTING ********************/ #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} #dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;} #dropmenu a:hover {background:#888; color:#fff;} #dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} #dropmenu ul a {border-left:1px solid #c8c8c8;} #dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} #dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #c8c8c8;} #dropmenu ul ul {top:auto;} #dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}