/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: hea 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/ */ /**FEATURE BOX**/ #feature_box { padding-top: 2.2em; padding-right: 0.8em; background: #f3f1e6; border-bottom: 1px solid #e8e3c8; } #feature_box p.intro { font-size: 1.8em; line-height: 1.333em; margin-bottom: 1.467em; } #feature_box p.intro .drop_cap { font-weight: bold; font-size: 2.2em; line-height: 0.778em; padding: 0.037em 0.111em 0 0; } #feature_box p.intro a { font-variant: small-caps; text-decoration: none; color: #111; border-bottom: 1px solid #dfd9b5; } #feature_box p.intro a:hover { color: #2893bb; } /**FEATURE BOX**/ .custom .post_box, .teasers_box, .full_width #content_box .page { margin: 0 2.3em 0 0.1em; } /**TOP NAVIGATION STYLES**/ .custom .menu { float: right; } .custom #page { padding-top: 0; } .custom .menu li a { border-top: none; } .custom .menu .current a { border-top: none; border-bottom: none; } .custom #header_area.full_width { border-top: 5px solid #523519; } /**TOP NAVIGATION STYLES**/ /**TOP SUBNAVIGATION STYLES**/ .custom .menu ul.submenu { border: 2px solid #794e25; left: -87px; z-index: 900; background: #FFF;} .custom .menu ul.submenu a { border:none; color:#666; text-transform:capitalize; background:none;} .custom .menu ul.submenu a:hover { border:none; color: #FFF; background:#89BC85; text-transform:capitalize;} .custom .menu ul.submenu .current a { color:#000; background:#eee; } /**TOP SUBNAVIGATION STYLES**/ /***SOCIAL MEDIA ICONS IN HEADER***/ .custom .sidebar ul.sidebar_list {position: relative;} .custom #header_widget_1 ul.sidebar_list li.widget { position: absolute; display: block; top:76px; left:397px; width:482px; } .custom #social-icons a img { float:right; } /***SOCIAL MEDIA ICONS IN HEADER***/ /***ALIGN NAVIGATION RIGHT***/ .custom ul.menu { position: inherit; right: 0; width: auto; } /***ALIGN NAVIGATION RIGHT***/ /***SECONDARY NAVIGATION STYLES***/ .custom #menu-secondary-menu { float: left; padding-top: 5px; padding-bottom: 0px; background: #FFFFFF; width: 100%; border-bottom: 1px dotted #DDDDDD; margin-bottom: 10px; } .custom #menu-secondary-menu li{ float: left; margin-left: -6px; margin-right: 6px; } .custom #menu-secondary-menu li a{ text-transform: uppercase; letter-spacing: 0px; font-size: 1em; background: #FFFFFF; color: #BBBBBB; font-weight: bold; } .custom #menu-secondary-menu li a:hover{ text-transform: uppercase; letter-spacing: 0px; font-size: 1em; background: #FFFFFF; color: #89BC85; } .custom #menu-secondary-menu li.current-menu-item a{ color: #523519; } /***SECONDARY NAVIGATION STYLES***/ .custom h1 {font-weight:bold} li.widget {margin-bottom: 0.857em;} .custom li.widget ul li{ background: url('http://www.UrbanOrganicGardener.com/wp-content/uploads/images/bulletside.gif') left no-repeat; background-position-x: 3px; background-position-y: 0.43em; padding-left: 18px; margin-bottom: 10px; } #footer{ background: #f8f1df; } .custom #footer { background-image: url("http://www.urbanorganicgardener.com/wp-content/uploads/images/footer-background.jpg"); background-position: center top; background-repeat: no-repeat; display: block; float: left; margin: 20px 0 0 -250px; padding: 17px 213px 0px 160px; width: 946px; border-top-color:#549e4c; border-top-style:solid; border-top-width:5px } #footer a { border-bottom-style:none; text-decoration:none; color: #2361A1; } #footer a:hover { text-decoration: underline; color: #2361A1; } } .custom #footer { text-align:center; } /* ---- footer widget area------*/ #footer_setup { background: #f8f1df; padding: 15px; margin-bottom: 25px; overflow: hidden; } #footer_setup .footer_items { text-align: left; font-size:1.2em; width: 250px; padding-right: 15px; color: #000000; display: inline-block; float: center; height: 100%; vertical-align: top; } #footer_setup .footer_items h3 { font-size: 2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; color: #523519; padding-bottom: 5px; border-bottom: 5px solid #523519; margin-bottom: 5px; } #footer_setup .footer_items ul li { list-style: none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; } /* ---- footer widget area------*/ .custom #header #logo a { display: block; height: 250px; width: 880px; background: url('//cdn.shopify.com/s/files/1/0089/1562/files/UOG-Banner.jpg?2106') no-repeat; outline: none; margin: 0px} c .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header {border-bottom:none; padding:0} .custom #header { padding: 0; } .sidebar h3 {color: #774D25} .custom_box { background: #FFFFFF; } div.tan {background-color: #FFFFEE; } #content_box { width: 100%; background: url('') 58.4em 0 repeat-y; } .custom #container { margin-top: 1em; margin-bottom: 1em; } .custom #page { background: #fff; position: relative; } /* A HREF STYLE */ .format_text a { text-decoration:none;} .format_text a:hover { text-decoration: underline; } /* A HREF STYLE */ /* HR */ hr { margin: 0 0 20px 0; } /* HR */ /* sidebar top padding*/ ul.sidebar_list { padding-top:0em; } /* sidebar top padding*/ /*TEASER ONE COLUMN*/ .custom .teaser { width: 100%; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px dotted #bbb; text-align: justify; } .custom .teasers_box { padding-top: 5px; padding-bottom:0; border-top: 0; } /*TEASER ONE COLUMN*/ /*SOCIAL MEDIA POST ICONS*/ .social-single { margin: 10px 0 0 0; } /* Special Home Page Styles */ .custom #homep{ padding-top: 5px; margin-left: 0px; width: 525px; } .custom #homep h1, .custom #homep h2, .custom #homep h3{ color: black !important; font-weight: bold; line-height: 120%; margin: 0px !important; } .custom #homep h1{ font-size: 25px; margin: 0 0 15px 0 !important; } .custom #homep h2{ font-size: 26px; } .custom #homep h3{ font-size: 15px; margin: 0 0 15px 0 !important; } .hright{ float: right; width: 345px; } .format_text p{ margin-bottom: 15px; } .post{ overflow: hidden; margin-bottom: 25px; } ul li{ margin-bottom: 5px; } ul.arrows{ list-style-image: url(http://www.iwillteachyoutoberich.com/wp-content/themes/thesis_17/custom/images/ul-arrow-green.png); margin-left: 15px;font-size:14px;line-height:1.6em; } #bloghere{ position: absolute; top: -22px; left: 35px; } /** Moving headline up**/ .post_box { padding-top: 0.3em; } /** HOMEPAGE OPTIN **/ .optin-large{ background: #fff6cc; border: 1px solid #dfdfdf; text-align: center; padding-bottom: 25px; margin-bottom: 25px; width: 530px; } .optin-large .description{ text-align: center; line-height: 175%; font-size: 13px; padding: 15px 20px 25px 20px; background: white url(http://www.urbanorganicgardener.com/wp-content/uploads/images/bg-optin-description.png) no-repeat left bottom; margin-bottom: 20px; } .optin-large .catch{ font-size: 18px; font-weight: bold; } /** HOMEPAGE OPTIN **/ /** BOTTOM OF PAGE OPT-IN**/ .optin { background: #f0eec2 url(http://www.urbanorganicgardener.com/wp-content/uploads/images/optin-arrows.gif) no-repeat 1.5em 1.5em; overflow: hidden; padding: 0em .733em; margin-bottom: 0em; } /** BOTTOM OF PAGE OPT-IN**/