/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the <body> 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/ */ body.custom { background: #B8D8EF; } .custom #container { margin-top: 2em; margin-bottom: 5em; padding: 0.2em; background: #FFFFFF; border: 0.2em solid #3E3E3E; } .custom #page { background: #fff; } /* Custom Header */ .custom #header { border-bottom:none; color: white; font-family: arial; height:136px; padding-top:0; padding-bottom:0; background:url(http://sellitontheweb.com/blog/images/Sell-It-A1.jpg) center left no-repeat; } .custom #header #logo { font-family: arial; padding-left:140px; padding-top:35px; } .custom #header #logo a { color: #FFFFFF; } .custom #header #logo a:hover { color: #FFFFFF; } .custom #header #tagline { font-size: 180%; color: white; padding-left:140px; } .custom #content li { padding-bottom:10px; } .custom #content ul { margin-top: 0px; margin-left: 40px; margin-right: 45px; margin-bottom: 10px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } .custom #content p { margin-bottom: 1.0em; } /* Custom H2 Settings */ .custom #content h2 { padding-bottom: 5px; } /* Custom Sidebar Headings */ .custom .sidebar h3 { font-weight: bold; color: #999999; padding: 0px 5px; background: #FFFFFF; } /* Twitter Subscription */ .thesis_widget_subscriptions .sub_twit a { padding-left: 20px; background: url('http://www.sellitontheweb.com/blog/images/twitter.gif') 0 50% no-repeat; } /* Content Container */ .custom #container { margin-top: 3em; margin-bottom: 3em; padding: 0.8em; background: #1D7AC0; border: 0.2em solid #FFFFFF; } /* Custom Navigation Menu */ .custom ul#tabs li a:hover {color: #FFFFFF; text-decoration: underline; text-transform: capitalize; background-color: #54A1D9; } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { text-decoration: none; background-color: #FFFFFF; } .custom ul#tabs li a {color: #0267B7; text-decoration: underline; text-transform: capitalize; font-weight: bold; background-color: #E3F0F9; } .custom ul#tabs li.rss { text-decoration: underline; background: #fff; } /* Custom Banner in Multimedia Box */ .custom div.adblock img { padding: 1px; background-color: #FFFFFF; } .custom .cenx {text-align: center;} /* Custom Colored Page Highlight Boxes*/ .box1 { padding:10px 7px 0px 15px; margin:15px 15px 15px 15px; width: 630px; height: auto; float: center; background: #F0D7FD; border: 2px solid #7702D3; text-align: left; } .box2{ font-family: Tahoma, Arial, Verdana, sans-serif; padding:13px 8px 5px 15px; margin:20px 35px 20px 35px; width: auto; height: auto; float: center; background: #FFDFEF; border: 2px solid #FA1704; text-align: left; } .box3{ background: #EBEBEB; font-family: Verdana, Tahoma, Arial, sans-serif; padding: 0px 0px 0px 35px; margin: 30px 15px 30px 15px; width: 550px; height: auto; float: center; border: 3px solid #0267B7; text-align: left; } .box4{ font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; padding: 5px 12px; margin: 20px 35px 20px 2px; width: 325px; height: auto; float: center; border: 3px solid #8CD1FD; text-align: left; } .box5{ font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; padding: 5px 5px 0px 5px; margin: 20px 35px 20px 2px; width: 300px; height: auto; float: center; border: 3px solid #8CD1FD; text-align: left; } .box6{ background: #EBEBEB; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; padding: 5px 12px; margin: 20px 35px 20px 2px; width: 365px; height: auto; float: center; border: 3px solid #999999; text-align: left; } .box7{ background: #EBEBEB; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: small; padding: 5px 12px; margin-top: 0px; margin-right: 35px; margin-bottom: 60px; margin-left: 175px; width: 500px; height: auto; float: center; border: 3px solid #8CD1FD; text-align: center; } .box8{ font-family: Tahoma, Verdana, Arial, sans-serif; background: #FFCCCC; font-size: small; padding:8px 8px 5px 8px; margin: 0px 35px 40px 35px; width: auto; height: auto; float: center; border: 1px solid #FA1704; text-align: center; } .box9{ font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; padding: 12px 5px 0px 5px; margin: 20px 35px 20px 2px; width: 175px; height: auto; float: center; border: 3px solid #8CD1FD; text-align: left; } .box10{ font-family: Verdana, Tahoma, Arial, sans-serif; font-size: x-small; padding: 5px 5px 0px 5px; margin: 20px 35px 20px 2px; width: 440px; height: auto; float: center; border: 3px solid #8CD1FD; text-align: left; } .box11{ background: #EBEBEB; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: small; padding:8px 8px 5px 8px; margin:30px 35px 10px 35px; width: auto; height: auto; float: center; border: 2px solid #FA1704; text-align: center; } .box12 { padding:10px 7px 15px 60px; margin:15px 15px 15px 5px; width: 300px; height: auto; float: center; background: #E7E7E7; border: 2px solid #7702D3; text-align: left; } .box13 { padding:10px 7px 10px 10px; margin:15px 15px 15px 15px; width: 630px; height: auto; float: center; background: #F0D7FD; border: 2px solid #7702D3; text-align: left; } .box14 { padding:10px 7px 0px 15px; margin:15px 15px 15px 65px; width: 665px; height: auto; float: center; background: #F0D7FD; border: 2px solid #7702D3; text-align: left; } .thankyou1{ font-family: Tahoma, Arial, Verdana, sans-serif; padding:13px 8px 13px 18px; margin:0px 731px 20px 0px; width: 100; height: auto; float: center; background: #FFDFEF; border: 2px solid #FA1704; text-align: left; } .boxblock{ background: #EBF7FC; color: black; padding: 15px 12px 2px 12px; margin: 20px 15px 15px 0px; border-left: 4px solid #8CD1FE; } blockquote{ background: #EBF7FF; color: black; padding: 15px 12px 5px 12px; margin: 20px 35px 5px 35px; border-left: 4px solid #8CD1FE; } /* Newsletter Sign-up Sidebar Box */ .newsletter{ margin: -20px 0px -20px 0px; } /* Newsletter Pop Up Box */ .newsletterpop ul li { float: left; margin-left: 5px; overflow: hidden; } .custom #newsletterpop ul li { float: left; margin-left: 5px; overflow: hidden; } /* Salesletter Template */ .salesletter #header { padding: 0; border-bottom: 0em; } .salesletter #footer { padding-bottom: 0; border-top: 0em; } .salesletter #footer { display: none; } .salesletter #sidebars { display: none; border: none; } .salesletter #tabs {display:none;} .salesletter #content_box { background:none; } .salesletter .comments_closed { display: none; } .salesletter #header #logo { display: none; } .salesletter #header #tagline { display: none; } .salesletter #content { margin: 0 auto; float: none; } .salesletter #content h2, .sale #content h1 { font-size:16pt; text-align:left; font-weight:bold;} .custom .salesletter #container { width:650px; margin-top: 1em; border: 0.2em solid #000; } .custom .salesletter a { color: #111; } .custom .salesletter a:hover { color: ; background: #f2e127; } .custom .salesletter #page { background: #fff; } .custom body.salesletter { background: #8db6b6; } .custom .salesletter h1 {font-size: 3.0em; font-weight:bold;}