/* 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/ */ a:focus { outline: none; } /* Xtras */ .fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fix { display: inline-block; } * html .fix { height: 1%; } .fix { display: block; } /* End Xtras */ body { background:#FFFFFF url(../../../../images/ui/scattered-blossoms.png) fixed repeat-x top left; font-family:'Tahoma',Trebuchet MS,Verdana,sans-serif; } #page { background:transparent; padding-top:0; } .menu { margin-top:10px; } #header { border-bottom:none; padding:0; margin:0; width:100%; } #header p#logo { line-height:0; padding:0; margin:0; } #header p#logo a { display:block; height:250px; width:100%; text-indent:-9999px; padding:0; margin:0; background:#fff url(../../../../images/ui/bannerGF.png) scroll no-repeat left top; border-bottom:1px solid #ddd; } #header h1#tagline, #header p#tagline { text-indent:-9999px; padding:0; margin:0; line-height:0; display:block; width:0; height:0; } .no_sidebars .headline_area h1 { padding-left:45px; } .no_sidebars .headline_area { margin-bottom:0; } .no_sidebars .postFoot, .no_sidebars .sociable { padding-left:45px; } .no_sidebars .postFoot { padding-bottom:45px; } #content_box, #footer { background-color:#fff; } a, #header #logo a:hover, h2 a:hover, .format_text a { color:#169a00; text-decoration:none; } a:hover, .format_text a:hover { text-decoration:underline; } .format_text h2 { font-size:18px; } .format_text h3 { font-size:16px; } .format_text h4 { font-size:14px; } /* Comment Luv Formatting */ .cluv { background-color:#f9f7e4; border-top:1px dotted #bbb; color:#807e70; display:block; font-size:100% !important; font-weight:normal; margin-top:15px; padding:5px; text-transform:none !important; } /* End Comment Luv Formatting */ #tabs { border-width:0 0 0 1px; } #tabs li { border-width:1px 1px 0 0; } .custom #tabs li.rss { background:transparent; } #tabs .current_page_item, #tabs .current-cat { padding-bottom:0; } #feature_box { border-bottom:none; } #header, #content_box { border-left:1px solid #ddd; border-right:1px solid #ddd; } .headline_meta span, .headline_meta abbr { text-transform:none; } /* Image Frame & Captions */ img.frame, .wp-caption { border:1px solid #999; background-color: #fff; color:#888; } /* Subscription Buttons */ li.widget ul.subscribe { margin:0; padding:0; float:left; } li.widget ul.subscribe li { float:left; margin:0 0 20px 0; padding:0; display:inline; } ul.subscribe li a.rssFeed, ul.subscribe li a.emailFeed, ul.subscribe li a.twit, ul.subscribe li a.faceBook { width:43px; height:43px; background-position: top left; display:block; padding:0; margin:0 8px 0 0; text-indent:-999em; } ul.subscribe li a.rssFeed { background-image:url(../../../../images/ui/rss-sub.png); } ul.subscribe li a.emailFeed { background-image:url(../../../../images/ui/email-sub.png); } ul.subscribe li a.twit { background-image:url(../../../../images/ui/twit-sub.png); } ul.subscribe li a.faceBook { margin:0; background-image:url(../../../../images/ui/face-sub.png); } ul.subscribe li a.rssFeed:hover, ul.subscribe li a.emailFeed:hover, ul.subscribe li a.twit:hover, ul.subscribe li a.faceBook:hover { background-position: bottom left; } /* End Subscription Buttons */ /* Search Box */ .searchForm { clear:both; } li.widget .searchForm p { margin-bottm:0; padding-left:5px; background:#eee url(../../../../images/ui/form-26px.png) scroll no-repeat center left; margin-bottom:0; } .searchForm p input.text_input { height:26px; border:none; width:100%; padding:0; line-height:26px; font-family:georgia, times New Roman, serif; font-style:italic; color:#999; background:#eee url(../../../../images/ui/form-26px.png) scroll no-repeat center right; } /* End Search Box */ .sidebar h3 { margin-bottom:5px; } .sidebar input[type="text"], .sidebar input[type="submit"] { font-size:12px; } /* Popular Posts */ li.popular h2 { font-size:1.3em; line-height:1.385em; margin-bottom:0.692em; color:#555555; font-variant:small-caps; letter-spacing:2px; } li.popular ul { margin-bottom:2.769em; } li.popular ul li { list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:4px; font-size:1.2em; } /* -/Popular Posts */ .no_sidebars #content { background-color:#fff; } /* Custom Text Box */ .custom input, textarea { background:#ffe9e9 none repeat scroll 0 0; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color:#444444; font-size:1em; } /* Editing Archives Pages*/ .prev_next a { text-decoration:none; font-weight:bold; font-size:175%; text-transform:lowercase; } .teasers_box { border-top:none; clear:both; padding:0; } .teaser { display:block; padding-bottom:20px; padding-top:20px; width:100%; border-top:1px dotted #bbb; } .teaser .format_teaser .post_image_link img.alignleft, .teaser .format_teaser .post_image_link img.alignright, .teaser .format_teaser .post_image_link img.aligncenter { margin:5px 10px 10px 0; float:left; } #archive_info h1 { font-size:3em; } #archive_info { background:#f9f9f9 none repeat scroll 0 0; border-bottom:1px dotted #dddddd; } /* Post Footer */ div#subBox { font-size:1.2em; margin:0 1.4em 2em; } div.neverMiss { display:block; padding:5px 5px 5px 95px; background:url("../../../../images/ui/mix-100.png") no-repeat scroll -8px 2px #F7F7F7; border:1px solid #202020; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.neverMiss h6 { font-size:1.6em; text-transform:none; } div.neverMiss p { color:#666; } div.neverMiss ul { display:block; float:left; list-style:none outside none; margin-bottom:10px; margin-top:5px; } div.neverMiss li { display:inline; float:left; } div.neverMiss li.rssFeed a:link, div.neverMiss li.rssFeed a:hover, div.neverMiss li.rssFeed a:active, div.neverMiss li.subEmail a:link, div.neverMiss li.subEmail a:hover, div.neverMiss li.subEmail a:active, div.neverMiss li.twitter a:link, div.neverMiss li.twitter a:hover, div.neverMiss li.twitter a:active { } div.neverMiss li.rssFeed, div.neverMiss li.subEmail { margin-right:10px; } div.neverMiss li a { padding:2px 10px 2px 20px; } div.neverMiss li.rssFeed a { background:transparent url("../../../../images/icons/16-rss.png") scroll no-repeat center left; border-right:1px dotted #666; } div.neverMiss li.subEmail a { background:transparent url("../../../../images/icons/16-email.png") scroll no-repeat center left; border-right:1px dotted #666; } div.neverMiss li.twitter a { background:transparent url("../../../../images/icons/16-twitter.png") scroll no-repeat center left; } div.postFoot { margin: 10px 0 0 0; clear:both; } div.postFoot ul { list-style:none outside none; } div.postFoot li { } div.postFoot li.permalink { display:inline; float:left; margin-right:6px; border-right:1px dotted #ccc; } div.postFoot li.permalink a { background:transparent url("../../../../images/icons/16-link.png") scroll no-repeat center left; padding-left:18px; padding-right:10px; padding-top:3px; padding-bottom:2px; border-right:1px dotted #666; } div.postFoot li.category { float:left; background:transparent url("../../../../images/icons/16-tag_red.png") scroll no-repeat center left; clear:left; display:block; float:left; padding-left:20px; padding-top:3px; margin-top:5px; } div.postFoot li.printImages { float:left; margin-right:3px; } div.postFoot li.printImages a { background:transparent url("../../../../images/icons/16-printer_add.png") scroll no-repeat center left; padding-left:20px; padding-right:10px; padding-top:3px; padding-bottom:2px; border-right:1px dotted #666; } div.postFoot li.printText { float:left; margin-right:3px; } div.postFoot li.printText a { background:transparent url("../../../../images/icons/16-printer_delete.png") scroll no-repeat center left; padding-left:18px; } div.postFoot li.sendEmail { margin-bottom:10px; } div.postFoot li.sendEmail a { background:transparent url("../../../../images/icons/16-email.png") scroll no-repeat center left; padding-left:18px; } div.postFoot li.numComments { background:transparent url("../../../../images/icons/16-comment.png") scroll no-repeat center left; padding-left:18px; float:left; } /* End Post Footer */ /* Begin Photo Page */ ul.pics { list-style-type: none; display: block; margin: 0px; padding: 0px; } ul.pics li { display: inline; float: left; margin: 0px; padding: 0px; } ul.pics li a { outline:none; } ul.pics li a img { margin:0 12px 12px 0; padding:3px; border:1px solid #999; background-color: #fff; opacity:0.7; } ul.pics li a:hover img { border-color: #bbb; opacity:1.0; } ul.pics li h2 { display: block; width: 500px; margin:0 0 10px 0; padding:0; } /* End Photo Page */ /* ----- Recipe Styles */ div.recipe { padding:10px 20px 10px 60px; margin-bottom:10px; background:#FFFFFF url(../../../../images/ui/recipe_bg.png) repeat-y scroll left top; } .format_text div.recipe h2, .format_text div.recipe h3 { margin-top:20px; } .format_text div.recipe h4, .format_text div.recipe h3 { margin-bottom:15px; font-weight:bold; } .format_text ul { list-style-image:url(../../../../images/ui/green-bullet.png); } .format_text div.recipe ul { list-style-image:url(../../../../images/ui/pink-bullet.png); } /* ----- End Recipe Styles */ /* Read More Link Customizations */ .readMore { font-size: 12px; font-weight: bold; line-height: 20px;} .readMore a { text-decoration: none; color: #169A00;} /* End Read More Link Customizations */ /* Teaser Read More Link Customizations */ .custom .teaser_link { display: none; } /* End Teaser Read More Link Customizations */ /* Condense Sidebar Widget Whitespace */ li.widget, li.popular ul { margin-bottom:15px; } /* BlogHer Ad Centering */ #blogherads-sidebar { text-align:center; } /* End BlogHer Ad Centering */