/* 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/ */ body.custom { background-image:url(images/bn_bg.jpg); background-repeat:repeat-x; border-width:0px; line-height: 180%; background-color: #dcdbd7; } .custom h1, h2, h2 a { color:#741012; margin-bottom: 0; padding-bottom: 0; } .custom h1, { margin-bottom: 1em; font-size: 2.5em; } .press_page .headline_meta { display: block; } .custom h3 { line-height: 110%; } .custom #container #page { padding-top: 0; } /* Nav thickness */ .custom .menu a { line-height: 2.5em; } /* Remove the Header from under the nav */ .custom #page #header { display:none; } /* Reveal the Header in the content are */ .custom #content #header { display:block; padding-top: 0; } /* Clickable logo in header */ .custom #content #logo {background-image: url('images/brand_new-start_logo.jpg'); background-repeat: no-repeat; width: 480px; height: 90px; text-indent: -9999px; } .custom #logo a {width: 480px; height: 90px; display: block; outline: none;} .custom #page { padding-left: 0; background: none; } /* header image */ .custom #content #header { border-bottom:none; height:33em; padding-top:0; padding-bottom:0; background:url(images/masthead.jpg) left no-repeat; margin-bottom: 5.7em; } /* get rid of border line from the right hand side of the content box caused by a background image */ .custom #content_box { background-image: none; } /* space from top of page for multi media box and space to widget box */ #multimedia_box { margin-top:6em; margin-bottom:7em; } /* displays cliackable logo */ .custom #content #header #logo { display: block; } /* ranges footer copy left */ .custom #footer p { text-align: left; } /* 3 promo body slot divs */ .custom #content #brands,.custom #content #web, .custom #content #business { width: 15em; display:inline; float: left; margin-top: 1.5em; } .custom #content #web { margin-left: 1.5em; } .custom #content #brands img, .custom #content #web img, .custom #content #business img { margin-bottom: 0.7em; } .custom #content #brands p,.custom #content #web p, .custom #content #business p { margin-top: 1em; font-size: 1em; line-height: 150%; } .custom #content #brands p a,.custom #content #web p a, .custom #content #business p a { color: black; text-decoration: none; } .custom #content #brands a,.custom #content #web a, .custom #content #business a { text-decoration: none; } .custom #content #business { float: right; } .custom #content #brands h3 a, .custom #content #web h3 a, .custom #content #business h3 a { color:#cd0d23; text-decoration: none; font-size: 1em; font-weight: 600; margin: 0; padding: 0; } /* formatted text that comes through worpress wysiwyg */ .custom #content #web h3 a { color:#52a227; } /* Then next few comands style the promo headings in ie */ .custom format_text h2, .custom .format_text h3 { margin:0; padding: 0; text-decoration: none; font-weight: 600; } .custom .format_text #business h3 { color:#009ee0; } .custom .format_text #brand h3 { color:#CD0D23; } .custom .format_text #web h3 { color:#52a227; } .custom .format_text p { margin: 0.5em 0 0.5em 0; } .custom #content #business h3 a { color:#009ee0; text-decoration: none; } .custom #content #brand h3 a { color:#CD0D23; text-decoration: none; } .custom .format_text { font-size:1.3em; line-height:150%; } .custom #sidebar_1 { padding: 0; width: 31.5em; } /* Live chat box. Set background image*/ .custom #googlechatback-3, .custom #free_quote { background-image:url(images/live_chat.jpg); background-repeat:no-repeat; height: 11em; padding-top: 2em; border-bottom-style:groove; border-width: 2px; border-color: #dcdbd7; } /* Live chat button. positoining*/ .custom #googlechatback-3 img{ position:relative; right:-5em; top:5em; } .custom #googlechatback-3 h3 { display: none; } .custom #free_quote { background-image:url(images/free_quote.jpg); } /* free quote button positoining*/ .custom #free_quote img { position:relative; right:-9em; top:5em; } .custom #wpcf7-f1-w1-o1 { margin-bottom:0; padding-bottom: 2em; border-bottom-style:groove; border-width: 2px; border-color: #dcdbd7; } .custom li.widget { margin-bottom:0; padding-bottom: 0; } /* contact form copy*/ .custom #sidebar_1 p { font-size: 1em; color:black; text-align: left; } .custom .sidebar .wpcf7-form-control-wrap your-name { float: right; } /* right hand menu */ .custom .menu { float: right; } /* customer support heading */ .custom .sidebar h3 { color:#BAFF00; font-size:2em; font-variant:normal; letter-spacing:1px; margin-bottom:0.5em; text-align: center; } .custom #googlechatback-3 img { margin-left: 7%; } /* contact form submit button image */ .custom .submit_button, .custom #commentform input.form_submit{ color: #FFFFFF; font-size: 0px; width: 300px; height: 48px; display: block; border: none; background: url(images/submit.png) 0 0 no-repeat; float: right; cursor: pointer; padding-top: 2em; } .custom #commentform input.form_submit { float: left; width:280px!important; } /* contact form error mesage fields */ .custom span.wpcf7-not-valid-tip { color: black; left:0; padding:2px; position:absolute; top: -5px; right: 30px; width: 170px; border: 0; } .custom .wpcf7-validates-as-required { width: 130px; float: right; } .custom .features_col1 { width: 23em; float: left; } .custom .features_col2 { width: 23em; float: right; } .custom .align_left { float: left; } .move_right { margin-left: 6.5em; margin-bottom: 1.52em; } /* gallery - web design container */ .custom #web_design1, .custom #web_design2, .custom #logo_design1, .custom #logo_design2 { width: 90%; float: left; clear: both; margin-top: 2em; } .custom .left_box, .custom .middle_box{ float: left; } .custom .right_box { float: right; } .custom .middle_box{ margin-left: 3.5em; } .custom #web_design1 p, .custom #web_design2 p, .custom #web_design1 p a, .custom #web_design2 p a{ text-align:center; color: black; text-decoration: none; } .custom #web_design1 p a:hover, .custom #web_design2 p a:hover{ font-weight: bold; } .custom .border_shadow { border-style:solid; border-width: 5px; border-color: white; -moz-box-shadow: 0px 0px 12px #666; -webkit-box-shadow: 0px 0px 12px #666; box-shadow: 0px 0px 12px #666; } .custom #web_design2 { padding-bottom: 3em; margin-bottom: 3em; border-bottom-style:groove; border-width: 2px; border-color: #dcdbd7; } /* boarder line at the bottom of the features container */ .custom #features_container { float: left; border-bottom-style:groove; border-width: 2px; border-color: #dcdbd7; padding-bottom:1em; margin-bottom:2em; } .custom #features_container2 h2 { margin-bottom: 1em; font-size: 1.8em; font-weight: normal; } .custom .clear{ height: 1px; clear:both; } /* styles for contact form */ .custom .padding{ padding-top: 1.5em; } .custom .buttons_mainpage { background-image: url("images/big_submit.png"); background-repeat: no-repeat; margin: 20px 83px 0px 0px; padding: 0px; float: right; height: 37px; width: 284px!important; border: 0 none; cursor: pointer; } .custom #name_wrapper { width: 230px; display: inline; float: left; } .custom #email_wrapper { width: 230px; display: inline; float: right; clear: right; margin-right: 6em; } .custom .format_text input, .custom #commentform input, .custom #commentform textarea { width: 220px; margin-bottom:1em; } .custom #big_wrapper, .custom #msg_wrapper { clear: both; width: 45em; } .custom #content #msg_wrapper input, textarea { width:500px; } .custom .wpcf7 { padding-bottom:4em!important; } .custom #respond #commentform input, .custom #respond #commentform textarea { width:400px; } .custom #sidebar_1 #contact_form1_wrapper{ clear: both; width: 30em; min-height: 16em; } .custom #sidebar_1 #contact_form1_name_wrapper, .custom #sidebar_1 #contact_form1_email_wrapper, .custom #sidebar_1 #contact_form1_msg_wrapper { width: 22.5em; display: inline; float: left; margin: 0; padding: 0; } .custom #sidebar_1 #contact_form1_name_wrapper p .custom #sidebar_1 #contact_form1_email_wrapper p, .custom #sidebar_1 #contact_form1_msg_wrapper p { width:140px; display: inline; margin: 0; padding: 0; } .custom #sidebar_1 #contact_form1_name_wrapper input, .custom #sidebar_1 #contact_form1_email_wrapper input, .custom #sidebar_1 #contact_form1_msg_wrapper input { width:140px; display: inline; margin: 0; padding: 0; padding: 0.2em; }