/* 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/ */ /* This styles the background */ body.custom { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#4175A0 url(images/bg.png) repeat-x scroll 0 0; color:#111111; } /* This Adds the HEADER Image. */ .custom #header { height:145px; padding-top:0; } .custom #logo a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/header.png) no-repeat scroll 0 0; display:block; height:162px; margin-left:5px; margin-top:-10px; text-indent:-9999px; width:484px; } .custom #tagline { color:#888888; text-indent:-9999px; } .custom #header #tagline { height:0; } /* This styles the header widget (top right). */ #adspacewidget { float:right; height:170px; margin-right:-10px; margin-top:-19px; width:400px; } #adspacewidget2 { float:none; height:140px; margin-left:1px; margin-top:-4px; width:610px; } /* This styles the headlines. */ .custom h1, h2, h2 a { color:#4175A0; font-size:28px; line-height:31px; } .custom h2 a:hover, #logo a:hover { color:#B5D5FF; } /* Sidebar Titles */ .custom .sidebar h3 { color:#4175A0; font-size:24px; line-height:31px; } .custom .sidebar a:hover { color:#3800ab; text-decoration:underline; } .custom .sidebar a { } /* This styles content and page areas. */ .custom #sidebar_1 { border-bottom:0 none; border-left:1px solid #5d9cbd !important; border-right:0 none; border-top:0 none; } .custom #content { border-right:0px solid #B5D5FF; float:left; width:63em; } /* .custom #page { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url(images/bg3.png) repeat-x scroll 0 0; } */ /* This styles the menu. */ .custom .menu { border-left:0 none; font-weight:bold; margin-left:10px; margin-right:10px; padding:0; width:741px; } .custom .menu a { border:1px solid #4175A0; border-bottom:0px; font-size:1.1em; line-height:1.273em; margin-right:5px; padding:0.636em 0.818em; } /* This styles the footer. */ .custom #footer { border-top:1px solid #5d9cbd; padding-bottom:25px; height:10px; } .custom #footer p { font-size:11px; line-height:1.667em; } .custom #footer a { border-bottom:0 solid #FFFFFF; color:#4175A0; } #rightfooter { float:right; font-size:11px; line-height:16px; margin-top:0; } #copyfooter { color:#888888; float:left; margin-left:38px; margin-top:-18px; } #rightfooter2 { color:#888888 !important; float:right; font-size:11px; line-height:17px; margin-top:-38px; padding-right:24px; } /* This styles the topics box. */ #topicsbox { margin-top:20px; } #topic1 { color:#111111; font-size:20px; line-height:11px; padding-bottom:0; } #topic2 { color:#111111; font-size:20px; line-height:11px; padding-bottom:0; } #topic3 { color:#111111; font-size:20px; line-height:11px; padding-bottom:0; } #topic4 { color:#111111; font-size:20px; line-height:11px; padding-bottom:0; } #topicimg1 { float:left; margin-right:20px; margin-top:-10px; padding-bottom:5px; padding-right:20px; } #topicimg2 { float:left; margin-right:20px; margin-top:-10px; padding-bottom:5px; padding-right:20px; } #topicimg3 { float:left; margin-right:20px; margin-top:-10px; padding-bottom:5px; padding-right:20px; } #topicimg4 { float:left; margin-right:20px; margin-top:-10px; padding-bottom:5px; padding-right:20px; } /*Styles the below post call to action*/ #actioncall { margin-top:20px; } #callimg { float:left; margin-right:20px; margin-top:-10px; padding-bottom:5px; padding-right:20px; } #calltext { color:#111111; font-size:18px; line-height:31px; padding-bottom:0; } /*Tweaks the sidebar padding*/ .custom .sidebar ul.sidebar_list { padding-left:1em; padding-right:2px; } /*Styles Widgets*/ .custom li.widget ul li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F2FBFF none repeat scroll 0 0; border:0 solid #4175A0; font-size:15px; margin-bottom:6px; padding:8px; width:298px; } /*search box positioning*/ .custom #s { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#4175A0 none repeat scroll 0 0; border:medium none #B5D5FF; color:#FFFFFF; float:right; font-size:14px; margin:-31px 10px -10px; padding:7px; position:static; width:183px; } /*Contact Form*/ .custom input, textarea { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#4175A0 !important; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color:#ffffff; font-size:1em; } /* This styles post and teasers. */ .custom .post_box { border-bottom:1px dashed #B5D5FF !important; padding-top:2em; } .custom .teasers_box { border-bottom:0 none; padding-bottom:0; padding-top:0; } .custom .teaser { border-bottom:1px dashed #B5D5FF !important; margin-bottom:0; margin-top:0; padding-bottom:20px; padding-top:20px; width:600px; } .custom .comments_closed { display: none; } .custom #respond_intro p { color:#4175A0; font-size:3.5em; line-height:1.333em; margin-top:-30px; padding-top:0; } .custom #commentform textarea { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; width:96%; } /* This styles The Optin box */ #optinbox { width:100%; } #optinimg1 { float:left; margin-right:-5px; margin-top:1px; padding-bottom:5px; padding-right:20px; } #optintext{ color:#111111; font-size:12px; line-height:11px; padding-bottom:0; } #ebookimg { float:right; margin-right:14px; margin-top:-25px; width:130px; } #optinform { float:none; font-size:12px; line-height:12px; padding-top:10px; } #optintext2 { color:#111111; font-size:13px; line-height:17px; margin-bottom:-10px; margin-top:-10px; padding-bottom:0; } /* This styles The second optin box which we use within content area. */ #optinboxc { border:19px solid #F2FBFF; margin-bottom:30px; margin-left:90px; margin-top:20px; padding:25px 30px 15px; width:53%; } #ebookimgc { float:right; margin-right:14px; margin-top:-25px; width:151px; } #optinformc { float:none; font-size:14px; height:180px; line-height:31px; padding-bottom:5px; padding-top:0; width:90%; } /* This styles The second optin box which we use within content area. */ #optinboxd { border:0 solid; margin-bottom:10px; margin-left:199px; margin-top:0; padding:0 23px 15px; width:39%; } #optinformd { float:none; font-size:14px; height:180px; line-height:35px; padding-bottom:5px; padding-top:0; width:141%; } #optinformcontentbox { border:0px solid; margin-bottom:10px; margin-left:172px; margin-top:0; padding:0 0 0 50px; width:34%; } #optinformcontent { float:none; font-size:13px; height:145px; line-height:30px; margin-top:-16px; padding-bottom:0; padding-top:0; width:159%; } .custom .sidebar input[type="text"], .sidebar input[type="submit"] { background:#4175A0 none repeat scroll 0 0; color:#FFFFFF; float:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:8px; margin-top:5px; padding:6px; } .custom .format_text .to_comments a { color:#111111 !important; font-size:17px; text-decoration:none; } .custom .format_text .to_comments span { font-size:20px; } .custom .format_text .to_comments a:hover { color:#4175A0 !important; text-decoration:underline !important; } .squeeze #sidebar_1 { display:none; } .squeeze #content { border-right:0 solid #B5D5FF; float:left; margin-left:160px; text-align:justify; width:63em; } .squeeze .headline_area { float:left; margin-bottom:2em; text-align:left !important; width:600px; } #sidebars .af-element { height:47px; padding:5px 0; width:130px; } #sidebars .af-body input.text { padding:6px !important } .post-869 .headline_meta {display:none} .post-869 .sexy-bookmarks {display:none}