/* 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: #528bd0 url('images/stripe2.png'); } .custom #container { margin-top: 1.5em; margin-bottom: 2em; padding: 0.3em; background: #ffffff; border: 0.4em solid #3e3e3a; } .custom #page { background: #fff; } .custom .menu { background-color: #000000; } .custom #header #logo a { display: block; height: 159px; width:941px; background: url('images/new_web_header.jpg') no-repeat; outline: none; padding: 0; } .custom #header { position: relative; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } .custom #call-me { width: 300px; height: 250px; text-align: center; background: url('images/call-me-background.gif') no-repeat; } .custom .comments_closed { display: none; } #dgallery_contact { position: relative; width: 800px; height: 360px; padding: 0; margin: 0; } #dgallery_contact h2 { padding: 0; margin-top: 10px; color: red; } #dgallery_contact_left { float: left; width: 350px; height: 220px; margin-left: 10px; } #dgallery_contact_left h3 { margin: 0; padding: 0; } #dgallery_contact_right h3 { margin: 0; padding: 0; } #dgallery_contact_right { float: right; width: 350px; height: 220px; margin-right: 10px; } .yellow_johnson, .yellow_johnson_centered, .blue_johnson, .blue_johnson_centered, .gray_johnson, .gray_johnson_centered, .green_johnson, .green_johnson_centered { line-height: 1.4em; -moz-border-radius: 5px; padding: 0.9em; -webkit-border-radius: 5px; } .yellow_johnson, .yellow_johnson_centered { background: #FFFBCC; border: 1px solid #E6DB55; } .yellow_johnson_centered { text-align: center; } .blue_johnson, .blue_johnson_centered { background: #ECF5F4; border: 1px solid #D6DFe4; } .blue_johnson_centered { text-align: center; } .red_johnson, .red_johnson_centered { background: #FCE6E1; border: 1px solid #F8C9BB; } .red_johnson_centered { text-align: center; } .gray_johnson, .gray_johnson_centered { background: #FOFOFO; border: 1px solid #808080; } .dark_gray_johnson img { float: left; padding: 5px; } .gray_johnson_centered { text-align: center; } .green_johnson, .green_johnson_centered { background: #E0F5E4; border: 1px solid #838B78; } .green_johnson_centered { text-align: center; } .dark_blue_johnson, .dark_blue_johnson_centered { background: #0E87C0; color: #FFF; border: 1px solid #000000; } .dark_blue_johnson_centered { text-align: center; } .dark_gray_johnson, .dark_gray_johnson_centered { background: #363837; color: #FFF; border: 1px solid #000000; } .dark_gray_johnson_centered { text-align: center; } /* Button Styling */ .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.button { background: transparent url('images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url('images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } /* End Button Styling */ /* Header Styling for FindFind.biz v2 */ div#extra_header { margin: 0; padding: 0; float: right; width: 450px; margin-top: -70px; font-family: Futura, Helvetica, Verdana, Arial, sans-serif; } div#sidebar_1_chat { padding-bottom: 20px; } p#call_us { font-treatment: bold; font-size: 200%; } span.tel_number { background: #FFFFaa; } .custom #feature_box { margin: 0; padding: 0; text-align: center; } #feature_content { position: relative; height: 250px; width: 907px; font-family: Futura, Helvetica, Verdana, Arial, sans-serif; } span.white_highlight { background-color: #a2d6ff; } span.highlight { background-color: #ffffaa; } #featured_text { width: 400px; padding-top: 60px; padding-left: 50px; padding-bottom: 20px; color: white; font-size: 150%; } #featured_text p.big_and_important { color: white; font-size: 175%; font-weight: bold; padding-bottom: 20px; } #featured_text p.feature_box_subhead { padding-bottom: 20px; } #featured_text p#next_buttons { color: white; font-weight: bold; } #featured_text p#next_buttons a { font-weight: bold; color: #ffffff; } #featured_text p#next_buttons a:hover { background: yellow; color: #000; } .plugin-support { display: none; } h2.testimonals { font-size: 150%; } p.testimonial { font-size: 125%; } #popform { position: absolute; } #popform_left { padding: 20px 20px 20px 20px; float: left; width: 300px; } #popform_right { float: right; width: 300px; } .custom #content { background: #ffffff; } .custom .sidebar { background: #f2f2f2; } .custom ul.sidebar_list { margin: 0; padding: 0; padding-top: 10px; padding-left: 2px; } ul.small_business_solutions { width: 317px; height: 589px; background: url(images/small_business_solutions.png) no-repeat center; margin: 0; padding: 0; } ul.small_business_solutions li.first { padding-top: 75px; } ul.small_business_solutions li { list-style-type: none; height: 75px; font-size: 150%; width: 300px; padding-left: 30px; } #secondary { color: #FFF; padding: 15px 35px; } #pageslide-slide-wrap { background-color: #000; } #pageslide-content h2 { color: #C60; } #pageslide-content a { font-size:12px; padding:20px; } .pageslide-close { font-size: 12px; font-weight: bold; padding:10px !important; border: 1px solid #C60; } .custom #feature_box { position: relative; margin: 0; padding: 0; } .custom #content_box { background: #f2f2f2; } #floatMenu { position: absolute; top: 150px; left: 50px; width: 190px; z-index: 1; } div#website_solutions_list { position: relative; width: 942px; height: 361px; text-align: center; background: url("http://findfind.biz/wp-content/themes/thesis_16/custom/images/FindFind-Websites-Offering.png") no-repeat center; margin: 0; padding: 0; } div#website_solutions_list a#engager_signup_button { position: relative; top: 280px; left: -330px; } div#website_solutions_list a#transactor_signup_button { position: relative; top: 256px; left: -120px; } div#website_solutions_list a#marketer_signup_button { position: relative; top: 240px; left: 108px; } div#website_solutions_list a#integrator_signup_button { position: relative; top: 212px; left: 330px; } div#post-580 { text-align: center; } div#post-580.post_box.top div.headline_area h1 { text-align: center; font-family: "Arial Black", Arial, Helvetica; font-size: 3em !important; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 0; color: #000; } div#post-580.post_box.top div.headline_area { padding-bottom: 0; margin-bottom: 0; } div#post-580.post_box.top div.format_text h2 { text-align: center; font-size: 1em; margin: 0; padding: 0; margin-bottom: 20px; } .blue_button { -moz-border-radius:4px; -webkit-border-radius:4px; background:#39d url('http://findfind.biz/wp-content/themes/thesis_16/custom/images/bg-btn-blue.png') repeat-x scroll 0 0; border:1px solid #39D; color:#fff; text-shadow:0 -1px 0 #39d; padding:4px 10px 5px; font-size:13px; margin:0 5px 0 0; font-weight:bold; opacity: 1.0; } .blue_button::-moz-focus-inner { padding:0; border:0; } .blue_button:hover, #search_submit:focus { background-position:0 -5px; cursor:pointer; } .blue { color: #39d; } #two_column_container { postion: relative; width: 98%; padding: 20px; } #two_column_container #left_two_column_container { text-align: left; width: 45%; float: left; } #two_column_container #right_two_column_container { text-align: left; width: 45%; float: right; } #footer { background: #000; } div#action_bar { padding-top: 15px; position: fixed; background: #000; -moz-border-radius:4px; -webkit-border-radius:4px; background-attachment: initial; background-position-x: -2px; background-position-y: -5px; display: block; height: 40px; width: 440px; margin-top: -2px; position: fixed; right: 5px; top: 0%; z-index: 10001; text-align: center; } div.web_gallery_item { text-align: center; padding: 10px; margin: 10px; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.9em; -webkit-border-radius: 5px; } div.web_gallery_item h3 { font-family: "Arial Black", Helvetica, Arial, Serif; } div.web_gallery_item p { font-family: Arial, Verdana, Helvetica, Serif; } div#next_steps { display: block; clear: right; width: 98%; } div#next_steps h3 { text-align: left; font-family: "Arial Black", Helvetica, Verdana, Arial, Serif; } div#sidebar_1 { text-align: center; } div#wimziContainer { text-align: center; }