/* 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/ .custom a, .custom a:visited { color: #090; } */ /* http://loomiscreek.com body background: #F4F4ee #cc9 #bc9 #E0EFC2 Header bkg light Green: #99DD33 logo green: #660 link green: #660 590 Sidebar 1 tan: #DCDCCD cdcddb Sidebar 2 tan: #EDEDD0 #eec mr brown: #663300 */ body { background: #E5EFD1 url(images/bg_plantE5EFD1.png) repeat-y 0 0; font-size: 10px; margin: 0px auto; padding: 0px; } .custom #container { background: #fff ; margin:0 auto; width:99.9em; } .custom #page { /*see .custom #content-plant line 307*/ background: #FFF url(images/header01_940.jpg) no-repeat scroll 30px -0px; width:94em; padding:0 3em; } /*----------------- TYPOGRAPHY ---------------------*/ .custom a { color:#590; text-decoration:none; } custom a:hover { text-decoration:none; border-bottom:1px #393 dotted; } /*----------------- POSTS -----------------*/ .custom h2 { font: 2.3em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; color:#250; font-weight:bold; letter-spacing:0.01em; } .custom h2 a { color:#250; /*font-weight:bold; letter-spacing:0.01em;*/ font: bold 1.0em; text-decoration:none; border-bottom:0px none; } .custom h2 a:hover { /*font-weight:bold; letter-spacing:0.01em;*/ font: bold 1.0em; color:#250; text-decoration:none; border-bottom:1px #363 dotted; } .custom .headline_area h1, .headline_area h2{ font: 1.7em ; color:#250; font-weight:bold; letter-spacing:0.01em; } .custom .headline_meta a { color:#111111; text-decoration:none; border-bottom:1px #333 none; } .custom .headline_meta a:hover { color:#111111; text-decoration:none; border-bottom:1px #333 dotted; } .custom .format_text { font-size:12px; line-height:150%; } .custom .format_text a { text-decoration:none; border-bottom:1px #393 none; } .custom .format_text a:hover { text-decoration:none; border-bottom:1px #393 dotted; } .custom .teaser a.teaser_link { text-decoration:none; border-bottom:0px #393 none; } .custom .teaser a.teaser_link:hover { text-decoration:none; border-bottom:1px #393 dotted; } .custom a .more-link { line-height:27px; text-decoration:none; } .custom #plant-photo { margin: .9em 0;} .custom .headline_area ul { font-size: 1.3em; line-height: 1.6em; color: #225500; list-style-image:none; list-style-position:inside; list-style-type:disc; } /*----------------- COMMENTS -----------------*/ .custom .format_text .to_comments a { color:#111111; text-decoration:none; border-bottom:1px #333 none; } .custom .format_text .to_comments a:hover { color:#111111; text-decoration:none; border-bottom:1px #333 dotted; } .custom .format_text .to_comments span { color:gray; font-size:1.4em; line-height:1em; } .custom .format_text .to_comments { clear:both; color:#666666; float:right; margin-top:-35px; } .custom .comments_intro{ margin:1.0em 0 0.7em 1.1em; } .custom .comments_intro span{ color:gray; font-size:1.0em; line-height:1em; /*float:right; margin-top:-80px; clear:both; */} .custom .comment_author{ color: Chocolate; } /*----------------- SHARE THIS BUTTON -----------------*/ .custom .stbuttontext a{ border-bottom:1px #393 none; line-height:17px; } .custom .prev_next a { color:#363; text-decoration:none; border-bottom:1px #363 none; } .custom .prev_next a:hover { color:#363; text-decoration:none; border-bottom:1px #363 dotted; } /*----------------- SIDEBAR -----------------*/ .custom .sidebar a:hover { text-decoration:none; border-bottom:1px #393 dotted; } .custom a img { text-decoration:none; border-bottom:0px none; } .custom li.widget ul { list-style-image:none; list-style-position:inside; list-style-type:disc;color: brown; } .custom ul li span { color: black; } /*----------------- TABS --------------------------------*/ .custom ul.menu { background:transparent; filter:alpha(opacity= 60); -moz-opacity:.60; opacity:.60; border-color:#DDDDDD; border-style:none; border-width:0 0 0px 0px; height:5em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0 11px 13px; } .custom ul.menu li { background:#EFEFEF none repeat scroll 0 0; border-color:#DDDDDD #666600 #DDDDDD ; border-style:none solid none none; border-width:1px 1px 1px 0; float:left; } .custom ul.menu li a { font-size:2.31em; padding:0.4em 1.2em; color: #111; display: block; letter-spacing: 2px; line-height: 1em; text-transform: uppercase; } .custom ul.menu li.current, ul.menu li.current-cat { padding-bottom: 0.1em; background: #ff6; border-bottom: 0; } .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFF66 none repeat scroll 0 0; color:#111111; } /*background:#ccee88 none repeat scroll 0 0; border-color:#DDDDDD #ffe #eee -moz-use-text-color; border-style:solid solid solid none; border-width:0px 1px 1px 0; float:left; margin-bottom:-0.1em; } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { background:#FFFFFF none repeat scroll 0 0; border-bottom:0 none; padding-bottom:0.1em; } .custom ul#tabs li.rss { background:transparent none repeat scroll 0 0; border:medium none; float:right; padding-right:5px; } */ /*----------------- HEADER ---------------------*/ .custom #header{ padding: 0 0 0 0; border-bottom: 0px double #DDDDDD; } .custom #header #logo a { background:transparent url(images/header01_940.jpg) no-repeat scroll left 0px; clear:both; display:block; height:7.7em; /* margin:0px 0; padding:0 0 0; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; width:94em; Doesn't like width but I don't remember why*/ } .custom #header #logo/*, .custom #header #tagline */{ text-indent:-9999px; } .custom #header #tagline { text-align:center; color: #FFF; font:italic normal 12pt Georgia, "Times New Roman", Times, serif; margin:0 0 10px; /*text-shadow: #6374AB 20px -12px 2px; */} /*------------------ CONTENT ---------------------*/ .custom #content_box { background:transparent url(images/bg_content.png) repeat-y scroll 0 0; width:100%; } .custom #content { float:left; width:47em; } .custom #content-plant { background: white; float:left; width:96.5em; } .custom /*----------------- FEATURE BOX -----------*/ .custom #feature_box { padding:0 0; background:#675 none repeat scroll 0 0; border-bottom:2px solid #660; } .custom #feature_box { padding-left:0em; padding-right:0em; border-bottom:2px none #660; } .custom #pow { background-color: #fff; margin: 0em; border: 1.7em solid #660; padding: 1.7em; } .custom #pow h2{ color:green; /* font-family: cursive, Georgia, "Times New Roman", Times, serif ;*/ font-size:2.3em; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; } .custom #pow p{ color:#111111; /* font-family:Georgia,"Times New Roman",Times,serif;*/ font-size:13px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; margin:0 0 1.25em; } /*----------------- POST ---------------------*/ .custom .post_box, .teasers_box { margin:0 2em 0 0px; } /*----------------- SIDEBARS --------------------*/ .custom #sidebars { background: transparent url(images/bg_sidebar470.png) repeat-y scroll 0 0; float:right; width: 470px; } .custom .sidebar ul.sidebar_list { padding: 0 0 0 0; } .custom #sidebar_1 { background-color:#cdcdd3; /*display:inline; clear:left; padding: 2em 1.95em 2em 2.25em;*/ padding: 20px 19.5px 20px 22.5px; float:left; width:191px; border:none; } .custom #gift0309{ background: url(images/0309giftcert190.png) no-repeat 0 0; width: 190px; height: 120px; text-align:center; padding:11em 0 0; } .custom .giftemail { margin: 5em 1.5em 0; font-size:1.2em; } .custom #sidebar_2 { background:#EEc none repeat scroll 0 0; /*padding: 2em 2.25em 2em 2.25em;*/ padding: 20px 19.5px 20px 22.5px; float:right; width:190px; } .custom #sidebar_2 ul.sidebar_list { padding: 0 0 0 0; } .custom li.widget { font-size:11px; line-height:16px; margin-bottom:2.5em; width: 17em; } .custom .sidebar h3 { font-size:1.25em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; } .custom li.widget ul li { margin-bottom:0.3em; } /*----------------- INFO BOX -----------------*/ .custom #lc_info { background: #675; border:0 0 0 0; padding: 15px 5px 1px; } .custom .address { color: #fff; font: bold 1.1em/1.5em Arial, Helvetica, sans-serif; text-align:center; } .custom .phone { color: #fff; font: bold 1.1em/1.5em Arial, Helvetica, sans-serif; text-align:center; } .custom .email { color: #fff; font: bold 1em/1.5em Arial, Helvetica, sans-serif; text-align:center; } .custom .hours { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.5em; text-align:center; } .custom #footer { font-size:1.12em; line-height:1.667em; padding:1.0em 0; } /* WordPress image captioning */ .custom .format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; } .custom .format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; } .custom .format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; } .custom .format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; } .custom .format_text .wp-caption { background-color: #F3F3F3; border: 0.071em solid #CCC; text-align: center; padding: 0.714em; } .custom .format_text .wp-caption p { font-size: 0.786em; margin-bottom: 0; }