/* 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: #a6050b; } <--- 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/ */ /*----------- BEGIN ANAZOA STYLE CHANGES FEB06, 2010 Primary Colors: primary text color (dark grey): #615f5f; primary link color (maroon): #a6050b; navigation color (green): #a6050b; Orange: #bcbdc1 -----------*/ /*Begin SBMC Basic Styles*/ .highlight{ /*used to bold and color important text*/ color: #a6050b; font-weight: bold; } .bold { font-weight: bold; color: #3a3a3a; } strong { /*used to bold text from the text editor*/ font-weight: bold; color: #3a3a3a; } .menu a:hover { color: #fff; /*adds white text to current top navigation links*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #bcbdc1; /*adds orange background to top navigation links*/ } .current_page_item a, .current_page_item a:hover { color: #fff; /*adds white text to current top navigation links*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #bcbdc1; /*adds orange background to top current navigation links*/ } #bottom-menu .current_page_item a, #bottom-menu .current_page_item a:hover{ color: #fff; /*adds white text to current bottom navigation links*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #bcbdc1; /*adds orange background to bottom current navigation links*/ } .intro-secondary h2 { color:#a6050b; /*adds green to new header section secondary text*/ font-size:16px; font-style:italic; font-weight:bold; margin-bottom: 10px; } .widget_text a:hover{ color: #fff; background-color: #a6050b; /*adds red to background hover of widget links in sidebar*/ text-decoration: none; } .our-sites a:hover{ color: #fff; background-color: #a6050b; /*adds red to background hover of sites in sidebar*/ } .teaser a.teaser_link:hover{ color: #fff; background-color: #a6050b; /*adds red to background hover teaster links*/ text-decoration: none; } .format_text a:hover{ color: #fff; background-color: #a6050b; /*adds red to background hover of article links*/ } .format_text .to_comments a:hover{ color: #fff; background-color: #a6050b; /*adds red to background hover of to comments links*/ } #footer a:hover { color: #fff; background-color: #bcbdc1; /*adds orange to background hover of footer links*/ } .prev_next a:hover{ color: #fff; /*adds white text to background hover of next links links*/ background-color: #a6050b; /*adds red to background hover of next links links*/ text-decoration: none; } .intro-button a:hover { color: #b7b7b7; } /*End Basic SBMC Styles*/ #master-container { background:transparent url(images/sbmc-bg.jpg) repeat-x left top; margin-top: 0px; } #master-container-alt { background:transparent url(images/sbmc-bg-alt.jpg) repeat-x left top; margin-top: 0px; } #container{ } #page { background:transparent; } /* Begin Header Block */ #header-top { width: 998x; display: block; padding-top: 16px; } #header { height:30px; padding-bottom:20px; padding-top:0; border: 0; } .logo { float: left; width: 600px; display: block; } .contact-info { float: right; display: block; text-align: right; margin-top: 20px; margin-right:40px; } .contact-info form{ margin-left: 14px; } .phone-number { color:#615F5F; font-size:14px; font-weight:bold; margin-bottom:5px; } .pages{ float: left; width: 980px; display: block; } .header-button { float: right; } .header-button a{ color: #fff; background: #000; font-size: 14px; font-weight: bold; margin-right: 10px; } .widget_text img a:hover{ color: #fff; background-color: #fff; text-decoration: none; } #emailsubscribe form{ height: 28px; } .email-subscribe input { width: 176px; height: 31px; background:url(images/input-field.png) no-repeat scroll 0 0; } .email-subscribe p { color:#C9C8C8; font-size:10px; font-weight:bold; line-height:0.8em; } .email-subscribe input:focus { width: 149px; height: 31px; background:url(images/input-field.png) no-repeat scroll 0 0; } .email-subscribe #emailsubscribe { width: 139px; font-size:12px; margin:0px; padding-right: 0px; padding-left:10px; padding-top:0px; padding-bottom:0px; height: 28px; float: left; color: #C9C8C8; * padding-top:6px; } #emailsend{ padding: 0; } .email-subscribe #emailsend { background-color:#FFFFFF; background-image:url(images/input-field-submit.png); background-repeat:no-repeat; height:28px; margin:0; width:32px; float: left; } /* End Header Block */ /* Begin Message Block */ #message { width: 980px; margin-left: 12px; position: relative; } .media-message { float: left; display: block; background-color: #e4e4e4; padding: 10px; border-style:solid; border-width:1px; border-color: #dadada; } #intro-container { margin-bottom:50px; height:316px; max-height:316px; overflow:hidden; } .intro-primary { float:right; margin-bottom:20px; width:495px; } .intro-primary h1 { font-size:30px; font-weight:bold; letter-spacing:-0.05em; line-height:1em; padding-top: 10px; } .intro-primary p { color:#000000; font-size:14px; line-height:1.4em; margin-top:10px; padding-bottom:10px; } .intro-secondary { width: 495px; float: right; margin-bottom: 70px; } .intro-secondary p { color:#000000; font-size:14px; line-height:1.4em; margin-top:10px; padding-bottom:10px; } /* End Message Block */ .menu a { padding-left: 5px; padding-right: 5px; margin-left: 0px; margin-right: 15px; font-weight: bold; letter-spacing: .5px; text-transform: uppercase; line-height: .5em; } .headline_meta { font-style: none; text-transform: lowercase; } .format_text { line-height: 1.6em; } .teaser .format_teaser { line-height: 1.6em; } .prev_next { font-size:1.4em; letter-spacing: 0px; text-transform: none; } .sidebar, .sidebar ul.sidebar_list { padding-left:0em; padding-right:0em; padding-top: 0em; } .textwidget { line-height: 1.8em; } .post_nav a { font-size:1em; font-weight: bold; } .sidebar h3 { font-family:Arial,sans-serif; font-weight: bold; font-size:1.167em; line-height:1.286em; margin-bottom:0.643em; font-variant:normal; letter-spacing:0px; background: url(/wp-content/themes/thesis_16/custom/images/star_16.png) no-repeat 0 1px; padding-left: 20px; } .format_text a { text-decoration:none; font-weight: bold; } .format_text .to_comments span { font-size:1em; color: #a6050b; } .format_text .to_comments span.bracket { color: #a6050b; } .format_text .to_comments a { color: #a6050b; } .headline_meta { font-style:normal; } .headline_meta span, .headline_meta abbr { font-style:normal; letter-spacing:0px; text-transform:capitalize; } .teaser h2 { font-weight: bold; line-height:1.375em; } .copyright { font-size: 12px; text-align:center; } #sidebars ul li a{ font-size: 12px; } #sidebars ul{ margin-bottom: 0px; } #sidebars h2 { margin-bottom: 10px; } #sidebars a{ text-decoration: none; } .our-sites { margin-bottom: 3em; } .our-sites li{ list-style: none; margin-bottom: 5px; } .our-sites h2{ font-size: 16px; font-weight: bold; } #footer { border-top:1px solid #CCCCCC; } #footer a { border-top:0px; border-bottom:0px; } .virtual-director img{ margin-bottom: -10px; } .headline_meta .post-edit-link { font-weight: bold; color: #615f5f; } .social-feeds{ margin-top: -20px; } .social-feeds img{ float: left; margin-right: 20px; } .social-feeds p { float:right; font-size:12px; font-style:italic; font-weight:bold; margin-right:22px; margin-top:-20px; } #blog-title{ position: absolute; top: 338px; } #bottom-menu{ width: 100%; margin-bottom: 10px; } .social-feeds-p{ font-size:12px; font-style:italic; font-weight:bold; padding-left:76px; } /*--Begin Buttons-- */ .clear { /* generic container (i.e. div) for floating intro-buttons */ overflow: hidden; width: 100%; } .intro-button { float: right; } .intro-button a{ background: transparent url('/wp-content/themes/thesis_16/custom/images/intro-button_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 14px arial, sans-serif; font-weight: bold; height: 31px; margin-right: 6px; padding-right: 20px; /* sliding doors padding */ text-decoration: none; } .intro-button a span { background: transparent url('/wp-content/themes/thesis_16/custom/images/intro-button_span.png') no-repeat; display: block; line-height: 14px; height: 31px; padding: 5px 0 5px 18px; } /*--END Buttons-- */ .headline_area h1, .headline_area h2{ font-size:2.5em; font-weight: bold; letter-spacing:-0.03em; } .sidebar-video{ margin-top: 25px; } #sidebars h2 { font-size:12px; font-weight:bold; margin-bottom:10px; } /*--Begin Navigation-- */ input, textarea{ border-color: transparent;border-width: 0px; } /*----------- END ANAZOA STYLE CHANGES -----------*/