/* 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/ */ /*---:[ generic elements ]:---*/ .alignleft { float: left; } .alignright { float: right; } .alignnone { float: none; } .aligncenter { text-align: center; } .clear { clear: both; } /*---:[ header elements ]:---*/ .custom #header_area { background:#003371; } .custom #header_area .page {background:transparent;} .custom #header_area #header { background:#003371; padding:0; height:67px; border-bottom:0; } .custom #logo { background:#003371 url(images/logo.png) no-repeat; width:330px; height:67px; text-indent:-9999px; float:left; } .custom #logo a { width:330px; height:70px; display:block; outline:none; } .custom #tagline { margin:0; padding:0; height:0; width:0; text-indent:-9999px; } /*---:[ content elements ]:---*/ .custom #content_area { margin-bottom:1.2em; } .custom .format_text ol { margin-left:2.0em; } .custom .format_text ol li { margin-bottom:1.1em; } .custom .no_sidebars #content { margin-left:13.5em; width:75%; } /*---:[ menu elements ]:---*/ .custom .menu { border:0; float: right; margin-top:1.8em; width:auto; } .custom .menu li { margin-left: 2.5em; font-size: 1.3em; } .custom .menu li a { display:block; border:0; border-bottom:0.2em solid #003371; background: #003371; color:#fff; padding:0; line-height:1.5em; letter-spacing:0.1em; text-transform:capitalize; } .custom .menu li a:hover { border-color: #9b1313; } /*---:[ footer elements ]:---*/ .custom #footer_area { background:#003371; } .custom #footer { background:#003371; padding:2.2em 0; color:#fff; font-weight:normal; overflow:hidden; } .custom #footer .footer_copyright { float:left; } .custom #footer .footer_links { float:right; margin-top:0.6em; } .custom #footer p.alignleft { text-align:left; } .custom #footer ul { list-style-type:none; font-size:1.2em; } .custom #footer ul li { float:left; margin-right:1em; } .custom #footer ul li a, .custom #footer .footer_copyright a { padding:0.3em 0.5em; color:#fff; text-decoration:none; border:0; } .custom #footer ul li a:hover, .custom #footer .footer_copyright a:hover { color:#fff; text-decoration:underline; } /*---:[ recommended upgrades elements ]:---*/ .rec_upgrade { margin: 1em 1em 1.5em 1em; padding: 0.7em; background: #f3f3f3; border: 1px solid #9b1313;} .rec_upgrade h3 { margin-top: 0; margin-bottom: 0.875em; font-size:20px; color:#333333; } .rec_upgrade p { margin-bottom: 0.5em; font-size:12px; color:#333333; } .rec_upgrade img { margin:0.4em; } /*---:[ disclaimer elements ]:---*/ .post_disclaimer { margin: 1em 1em 1.5em 1em; padding: 1.7em; background: #fff; border: 1px solid #f3f3f3;} .post_disclaimer h3 { margin-top: 0; margin-bottom: 0.875em; font-size:1.1em; color:#6f6f6f; font-weight:bold; text-decoration:underline;} .post_disclaimer p { margin-bottom: 0.5em; font-size:0.98em; color:#6f6f6f; line-height:1.5em; } /*---:[ info box elements ]:---*/ .custom .info_header { text-align:center; color:#003371; font-size:1.4em; font-weight:100; line-height:1.2em; } .custom .info_membership, .custom .info_loggedin { border-top:1px solid #ddd; padding-top:1.2em; margin-top:1.0em; } .custom .info_loggedin ul { list-style:square; margin-left:1.8em; } .custom .info_membership h3 { float:left; } .custom .info_membership .info_contact {text-align:right; margin-right:2.3em; } .custom .info_membership ul { list-style:none; margin:auto; } .custom .info_membership li { float:left; border:2px solid #888; background:#003371; margin:1.5em; padding:0.5em; } .custom .info_membership li a { border:0; border-bottom:0.2em solid #003371; background: #003371; color:#fff; padding:0; } .custom .info_membership li a:hover { border-color: #9b1313; } /*---:[ sidebar elements ]:---*/ .custom .widget {background:#fff; padding:0; margin-top:0px; border:1px solid #ccc; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1); } .custom .widget h3 { font-size:1.0em; font-weight: 100; text-transform:capitalize; background:#003371; color:#fff; padding:10px; } .custom li.widget ul li { border-bottom:1px solid #eee; padding:5px; } .custom li.widget ul li a { display:block; } .custom li.widget ul li a:hover { background:#f3f3f3; display:block; text-decoration:none;} /*---:[ sales sidebar elements - NEED TO ADD EVERY SALES PAGE CLASS HERE ]:---*/ .sales #sidebars, .video #sidebars, .training-materials #sidebars, .infinite-fb-walks-you-through-the-basics-of-advertising #sidebars, .about-ian #sidebars, .private-membership-forum #sidebars { width:21.7em; margin-right:6.1em; } .sales #sidebars ul.sidebar_list, .video #sidebars ul.sidebar_list, .training-materials #sidebars ul.sidebar_list, .private-membership-forum #sidebars ul.sidebar_list, .infinite-fb-walks-you-through-the-basics-of-advertising #sidebars ul.sidebar_list, .about-ian #sidebars ul.sidebar_list { list-style:none; padding-left: 1.4em; padding-right: 0.5em; } .sales #content, .video #content, .training-materials #content, .infinite-fb-walks-you-through-the-basics-of-advertising #content, .about-ian #content, .private-membership-forum #content { width:715px; margin-left:5.1em; } /*---:[ sales sidebar elements ]:---*/ li.widget_sales_testimonials { font-size: 10px; padding-top: 1.2em; padding-bottom:1.0em; background: #f7efdb; } .widget_sales_testimonials h3 { font-size: 1.8em; line-height: 1.333em; margin-bottom: 1.333em; padding: 0 1.333em; font-weight: normal; font-variant: normal; letter-spacing: normal; text-align: center; } .infinite_fb { display: block; font-size: 1.267em; line-height: 1em; color: #111; margin-top: 0.133em; margin-bottom: 0.133em; } .feedback { font-size: 0.667em; line-height: 1.5em; padding: 0.167em 0; text-transform: uppercase; color: #8a8065; border: 0.083em solid #ded4b9; border-width: 0.083em 0; } .widget_sales_testimonials ul { list-style:none; padding: 0 2.4em; } .widget_sales_testimonials li { display: block; margin-bottom: 2.4em !important; text-align: center; height: 1%; } .widget_sales_testimonials a { outline: none; } .widget_sales_testimonials img { display: block; margin-bottom: 0.4em; padding: 1.2em; background: #fff; border: 0.1em solid #e7dfcb; } li.widget_sales_testimonials p { margin-bottom: 0; font-weight: bold; font-size: 1.6em; line-height: 1.375em; color: #4a473e; } li.widget_sales_testimonials p.role { font-weight: normal; font-size: 1.3em; line-height: 1.385em; font-style: italic; color: #8a8065; } /*---:[ sales content elements ]:---*/ .sales .widgets { list-style: none; margin:0; } .sales .widget { margin-bottom: 25px !important; } .sales .widget, .sales .widget h3, .sales .widget .widget-container { border: 0; background: none; padding: 0; margin: 0; } .sales .widget h3 { padding-left: 11px; font-size: 14px; font-weight: normal; height: 26px; line-height: 26px; text-indent: 0; color: black; } .sales .widget { border: 0; background: none; padding: 0; margin: 0; } .sales .widget { width: 598px; } .sales .widget .widget-container { padding-top: 25px; } .sales .widget ul li { border: 0; padding: 0; margin: 0; } .sales .widget_testimonial .profile { width: 157px; text-align: center; } .sales .widget_testimonial .testimonial { width: 400px; margin-top: -9px; margin-left: 15px; } .sales .widget_testimonial h4 {font-size: 14px!important; font-weight: bold;} .sales .widget_testimonial .widget-container { padding-left: 17px; padding-right: 6px; padding-bottom: 10px; width: 575px; } .sales .widget_testimonial h3 { color: #ffffff !important; background: #7cacbd !important; } .sales .widget_testimonial { border: 1px solid #7cacbd; } .sales .widget_testimonial .widget-container { background: #fdfdf1; } .sales .widget_testimonial .widget-container .profile h4 { color: #d20402; font-size: 30px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; } .sales .widget_testimonial .widget-container .profile p { color: #000000; font-size: 12px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; } .sales .widget_testimonial .widget-container .testimonial { color: #000000; font-size: 22px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 36px; } /*---:[ video content elements ]:---*/ .video .widgets { list-style: none; margin:0; } .video .widget { margin-bottom: 25px !important; } .video .widget, .video .widget h3, .video .widget .widget-container { border: 0; background: none; padding: 0; margin: 0; } .video .widget h3 { padding-left: 11px; font-size: 14px; font-weight: normal; height: 26px; line-height: 26px; text-indent: 0; color: black; } .video .widget { border: 0; background: none; padding: 0; margin: 0; } .video .widget { width: 598px; } .video .widget .widget-container { padding-top: 25px; } .video .widget ul li { border: 0; padding: 0; margin: 0; } .video .widget_testimonial .profile { width: 157px; text-align: center; } .video .widget_testimonial .testimonial { width: 400px; margin-top: -9px; margin-left: 15px; } .video .widget_testimonial h4 {font-size: 14px!important; font-weight: bold;} .video .widget_testimonial .widget-container { padding-left: 17px; padding-right: 6px; padding-bottom: 10px; width: 575px; } .video .widget_testimonial h3 { color: #ffffff !important; background: #7cacbd !important; } .video .widget_testimonial { border: 1px solid #7cacbd; } .video .widget_testimonial .widget-container { background: #fdfdf1; } .video .widget_testimonial .widget-container .profile h4 { color: #d20402; font-size: 30px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; } .video .widget_testimonial .widget-container .profile p { color: #000000; font-size: 12px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; } .video .widget_testimonial .widget-container .testimonial { color: #000000; font-size: 22px; font-family: Arial, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 36px; } /*---:[ sales lead elements ]:---*/ #ifb_lead_area { background:#fff; margin-left:3.9em; width:100.7em; } #ifb_lead_intro { padding:0 1.2em 2.4em 1.2em; height:1%; border-bottom:1px solid #dedede; } #ifb_lead_copy { width:44.7em; padding-top:1.3em; float:left; } #ifb_lead_copy h1 { font:bold 3.2em/1.375em "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:0.5em; color:#111; } #ifb_lead_copy .ifb_lead_what { font-size:1.8em; line-height:1.444em; margin-bottom:0.889em; color:#111;} #ifb_lead_copy .ifb_lead_numbers { font-size:1.6em; line-height:1.5em; margin-bottom:1.563em; color:#555; } #ifb_lead_copy .ifb_lead_numbers span { color:#111; background:#fff5a2; } #ifb_lead_copy .ifb_lead_cart { text-align:center; } #ifb_lead_img { width:45.7em; padding-top:2.4em; float:right; } /*---:[ form elements ]:---*/ .partners input, .tell-others-about-this-case-study input { background:transparent; border:0; } .tell-others-about-this-case-study .format_text table { width:100%; text-align:center; white-space:nowrap; } .tell-others-about-this-case-study .format_text input[type="radio"] { width:25px; margin:0; padding:0; } .tell-others-about-this-case-study .format_text input[type="image"] { width:179px; height:48px; } /*---:[ close out elements ]:---*/ #ifb_lead_intro:after, li.widget_sales_testimonials:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }