/* 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/ */ /* 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() fixed repeat top left; font-family:'Tahoma',Trebuchet MS,Verdana,sans-serif; color:#655f66; } #container { width:960px; } #page { background:transparent; padding:0; } /* Start Top Nav */ .custom .menu a { text-transform: none; font-size:12px; font-weight:normal; letter-spacing:0; } .menu, .menu a, .menu li ul { border:none; } .menu a, .menu .current ul a, .menu .current-cat ul a { background:none; color:#d1cacc; padding:5px 10px 0; } .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover { background:none; color:#b4abad; text-decoration: none; } .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover { background:none; color:#b4abad; text-decoration: none; } /* End Top Nav */ #header { border-bottom:none; padding:0; margin:0; width:100%; } #header p#logo { line-height:0; padding:0; margin:30px 0; } #header p#logo a { display:block; height:146px; width:100%; text-indent:-9999px; padding:0; margin:0; background:#fff url(../../../../images/ui/header1.png) scroll no-repeat center center; border-bottom:none; } #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 { background:none; } #content { width:520px; } #sidebars { width:440px; } #sidebar_1, #sidebar_2 { width:220px; } .post_box { padding:0 0 20px; margin:0 30px 40px 10px; border:none; } a, #header #logo a:hover, h2 a:hover, .format_text a, .readMore a, .teaser .format_teaser a { color:#a181c2; text-decoration:none; } a:hover, .format_text a:hover, .readMore a:hover, .teaser .format_teaser a:hover { text-decoration:underline; } .format_text h2 { font-size:18px; } .format_text h3 { font-size:16px; } .format_text h4 { font-size:14px; } .format_text { font-size:12px; line-height:18px; } /* 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 */ /* Bio Box */ #multimedia_box { padding:10px; border:1px solid #dcdcdc; background:#e8e8e8; } #custom_box { padding:5px; border:1px solid #dedede; background:#fdfdfd; } .bioBox { padding:0; } .bioBox a.pic { float:left; padding:10px 5px 5px 10px; width:140px; } .bioBox h2 { padding:10px; margin:0; font-weight:bold; color:#666; } .bioBox p { padding:10px; margin:0; font-size:12px; line-height:16px; } p.bio { padding:0 10px; } .bioBox img.me { } .bioBox ul.subscribe { margin:10px 30px 10px 0; padding:0; float:left; } .bioBox ul.subscribe li { display:inline; float:left; margin:0; padding:0; } ul.subscribe li a.rssFeed, ul.subscribe li a.subEmail, ul.subscribe li a.twitter, ul.subscribe li a.faceBook { background-position:left top; display:block; height:43px; margin:0 8px 0 0; padding:0; text-indent:-999em; width:43px; } ul.subscribe li a.rssFeed { background-image:url("../../../../images/ui/rss-sub.png"); } ul.subscribe li a.subEmail { background-image:url("../../../../images/ui/email-sub.png"); } ul.subscribe li a.twitter { background-image:url("../../../../images/ui/twit-sub.png"); } ul.subscribe li a.faceBook { background-image:url("../../../../images/ui/face-sub.png"); margin:0; } ul.subscribe li a.rssFeed:hover, ul.subscribe li a.subEmail:hover, ul.subscribe li a.twitter:hover, ul.subscribe li a.faceBook:hover { background-position:left bottom; } .search_form { clear:both; margin:10px 0; padding:0 10px; } .bioBox .search_form p { background:url("../../../../images/ui/form-26px.png") no-repeat scroll left center #EEEEEE; margin-bottom:0; padding:0 0 0 5px; } .bioBox .search_form p input.text_input { background:url("../../../../images/ui/form-26px.png") no-repeat scroll right center #EEEEEE; border:medium none; color:#999999; font-family:georgia,times New Roman,serif; font-style:italic; height:26px; line-height:26px; padding:0; width:100%; } /* End Bio Box */ #sidebar_1 { border:none; } .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%; } .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; } /* Subscription Box */ #subBox { } #subBox h3 { text-align: center; text-weight: bold; font-size: medium; } #subBox ul { list-style-type: none; display:block; margin:0 auto; padding:0; position:relative; } #subBox li { display:block; margin-right:9px; } #subBox li a span { display:none; } #subBox li a#subscribe-feed:hover span, #subBox li a#subscribe-email:hover span, #subBox li a#subscribe-twitter:hover span { position:absolute; display:block; width:100%; top:55px; left:0; text-align:center; color:#169A00; font-size:12px; letter-spacing:1px; } /* End Subscription Box */ /* 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 */ /* Begin 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 */ /* Post Footer */ .linkwithin_hook { width:360px; margin:0 auto; } /* Read More Link Customizations */ .readMore { font-size: 12px; font-weight: bold; line-height: 20px; } .readMore a { } /* End Read More Link Customizations */ /* Teaser Read More Link Customizations */ .custom .teaser_link { display: none; } /* End Teaser Read More Link Customizations */ /* Post Footer */ div#subBox { font-size:1.2em; margin:0 10px 10px; float:left; } div.neverMiss { display:block; padding:5px 30px 5px 80px; float:left; background:#f7f7f7 url("../../../../images/icons/48-book.png") scroll no-repeat 10px center; border:1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:10px; } div.neverMiss h6 { font-size:1.6em; text-transform:capitalize; } div.neverMiss p { margin-bottom:10px; } div.neverMiss ul { display:block; float:left; list-style:none outside none; margin-bottom:10px; margin-top:10px; } 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 { margin-right:3px; } div.neverMiss li.rssFeed a { background:transparent url("../../../../images/icons/16-rss.png") scroll no-repeat center left; padding-left:18px; } div.neverMiss li.subEmail { margin-right:3px; } div.neverMiss li.subEmail a { background:transparent url("../../../../images/icons/16-email.png") scroll no-repeat center left; padding-left:18px; } div.neverMiss li.twitter a { background:transparent url("../../../../images/icons/16-twitter.png") scroll no-repeat center left; padding-left:18px; } 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:3px; } div.postFoot li.permalink a { background:transparent url("../../../../images/icons/16-link.png") scroll no-repeat center left; padding-left:18px; } div.postFoot li.category { float:left; margin-right:3px; background:transparent url("../../../../images/icons/16-tag_red.png") scroll no-repeat center left; padding-left:18px; } 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:18px; } 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 */ /* Comments * #comments { clear:both; } dl#comment_list .bypostauthor { background-color:#F9F7E4; } input.form_submit:hover { color:#980b00; } /* End Comments */ #footer { border:none; }