/* @override http://www.pullinc.dev/wp-content/themes/thesis_184/custom/custom.css http://pullinc.berchman.net/wp-content/themes/thesis_184/custom-5/custom.css */ /* 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-color: #cdc4a0; margin: 0; padding: 0; font-family: 'Lato', Arial, sans-serif; font-weight: 400; } .custom h1#tagline, .custom p#tagline, .custom p#logo, .custom div.headline_area h1 { text-indent: -10000px; margin: 0; padding: 0; width: 0; height: 0; } .custom div.headline_area h1.entry-title { text-indent: 0; width: auto; height: auto; margin-bottom: 25px; } .custom #header_area div.page, .custom div#page { margin-top: 0; padding: 0; background-color: white; text-align: center; vertical-align: middle; width: 840px; margin-left: auto; margin-right: auto; } div#container { width: 1150px; background-color: white; } .custom div#content_box { text-align: left; /* background: white url(images/bkgd-content.png) repeat-y -3px; */ margin: 0; padding: 0; background-image: none; overflow: visible; } .custom a, .custom div.textwidget p a { color: #be900a; text-decoration: none; background-color: transparent; } a#profile-link { color: black; } div.textwidget { font-size: 14px; line-height: normal; } #menu-item-3517 a { padding-left: 0; } .custom a:hover { color: black; text-decoration: none; } .custom #content { padding: 0; margin: 0; } .custom #content div.prev_next { border-top-style: none; padding-left: 0; } .custom .post_box.top { padding: 0; margin: 16px 0 0; } span.author.vcard, p.headline_meta span { margin-left: 3px; } html>body .post_box.top { padding: 0; margin: 0 0 15px 15px; } .custom div.format_text { margin-top: 0; } a#pull-logo-link { margin-top: 30px; } #pull-logo-link img.alignnone.size-full.wp-image-3516 { margin: 0; } ul.sidebar_list { border-style: none; width: 185px; padding: 0 !important; } /* @group post pages */ .custom #pageIntroGraphic { margin-top: -15px; margin-bottom: 43px; } /* @end */ /* @group archive-category pages */ .custom div#archive_info { padding-left: 15px; } .custom div.headline_area { margin-top: 0; margin-bottom: 25px; display: block; } /* @end */ /* @group sidebar */ .custom #sidebar_1 h3 { text-transform: uppercase; border-bottom: 1px dotted gray; margin-bottom: 5px; font-size: 1.2em; } .custom #sidebar_2 ul.sidebar_list { border-left: 1px dotted silver; } .custom #sidebar_1 ul li ul li ul li { margin: 0; } .custom #sidebar_1 ul li ul li ul { margin-top: 0; } .custom #sidebar_1 ul.sidebar_list li.widget.widget_stags_cloud div.st-tag-cloud a:hover { text-decoration: underline; } .custom #sidebar_1 ul.sidebar_list li.widget.widget_stags_cloud div.st-tag-cloud a { color: #be900a; } .custom #sidebar_1 ul.sidebar_list li.widget.widget_text div.textwidget form { margin: 0; padding: 0; } .custom #sidebar_2 ul.sidebar_list li h3 { text-transform: uppercase; border-bottom: 1px dotted gray; } .custom #sidebar_2 ul.sidebar_list li.widget.widget_text div.textwidget p a img { position: relative; top: 3px; } .custom #sidebar_2 ul.sidebar_list li.widget.widget_stags_cloud h3 { text-transform: uppercase; } .custom #sidebar_2 ul.sidebar_list li.widget.widget_text div.textwidget p a { text-decoration: none; } .custom #sidebar_2 ul.sidebar_list li.widget.widget_text div.textwidget p { margin-bottom: 0; } #text-2 div.textwidget form input, .custom input#enterEmail { width: 90%; color: #695f2d; background-color: #eaeaea; border: 1px solid #797979; margin-bottom: 0; } .custom #text-2 div.textwidget form #emailsubscribe { background-image: none; background-position: top left; background-repeat: repeat-x; background-color: #e4ac41; border: 1px solid #4e4f3c; color: #4e4f3c; text-decoration: none; font-style: normal; font-weight: normal; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-right: 9px; float: right; width: 100px; margin-top: 10px; } li#text-3.widget.widget_text { clear: both; margin-top: 30px; } .custom #text-2 div.textwidget form { font-size: 12px; color: #424242; display: inline-block; } .custom input#emailsubscribe:hover { background-color: #a59d85; color: black; } .custom p#subbyemail { margin-top: 20px; } .custom #archives-2 select { text-transform: uppercase; font-size: .85em; background-color: #d5d5d5; border-style: solid; border-top-color: #a59d85; border-left-color: #a59d85; border-width: 1px; border-bottom-color: #a59d85; border-right-color: #a59d85; letter-spacing: 1px; color: #5a5548; padding: 3px 5px; margin-left: 0; } .custom #sidebar_1 { border-style: none; width: 185px; } /* @end */ /* @group main navigation */ .custom div#header { margin: 0; padding: 0; background: transparent; border-bottom-style: none; text-align: left; display: inline-block; width: 840px; } .custom ul.menu { border-style: none; padding: 0; width: 70%; float: left; margin: 1.4em 0 0; } .custom a#pull-logo-link { display: inline-block; float: right; } .custom ul.menu li { display: inline; background-color: transparent; border-style: none; } .custom ul.menu li a { text-decoration: none; color: #666666; letter-spacing: 0; text-transform: capitalize; font-size: 16px; border-style: none; background-color: white; font-weight: 300; } .custom ul.menu li a:hover { color: black; } .custom .menu li.rss a { display: none; } .custom .menu li.current_page_item a { // padding-left: 0; color: #be900a; } .custom ul.menu li.tab.current a, .custom #header ul.menu li.tab.current-parent a { background-color: white; color: #ebab3f; } .custom img#pull-sig { width: 41em; height: auto; margin-top: 1.4em; } a#pull-sig-mastehead { margin-left: 12.5em; width: 41em; height: 160px; } .custom #header a { display: inline-block; } /* @end */ /* @group Footer */ .custom div#footer { background-color: white; text-align: left; color: #a9a9a9; border-style: none; padding: 25px 0 10px; margin: 35px 0 0; height: 40px; font-size: 11px; letter-spacing: 0; border-top: 1px solid #eaeaea; } .custom div#footer p a { color: #695f2d; text-decoration: underline; } .custom div#footer p a:hover { color: black; text-decoration: underline; } .custom #footer img { margin: 0 auto; padding: 0; } /* @end */ /* @group New Home Page */ body.custom.new-home div#header { background-image: none; } .custom img#home-introGraphic { margin-left: 0; } body.custom #post-2 div.headline_area, body.custom #post-2 div.headline_area h2 { display: none; } body.custom #post-2 div.format_text p { // width: 500px; font-size: 1em; } body.custom.homepage div#top-line-home { width: 615px; margin-top: 40px; margin-bottom: 0; font-size: 20px; color: #65657d; font-weight: 300; line-height: 1.2; float: left; display: inline-block; } div#nivoslider-3490.nivoSlider { display: block; margin-bottom: 20px; margin-top: 80px; clear: both; } .custom #nivoslider-3490 div.nivo-caption p { font-size: 14px; font-weight: normal; font-style: normal; font-weight: 300; } #blog-home h2 { margin-top: 0; display: inline-block; font-size: 18px; font-weight: 300; font-style: normal; width: 160px; margin-bottom: 0; } .custom #blog-home img.alignnone.size-full.wp-image-3500, .custom #workshop-home img.alignnone.size-full.wp-image-3499 { display: inline-block; margin: 0 0 10px; float: left; } #blog-home div.wrapper p a, #workshop-home div.wrapper a { color: black; font-weight: 700; } div#blog-home, div#workshop-home { display: inline-block; width: 380px; padding: 0; font-size: 12px; margin: 0; float: left; } div#workshop-home { padding-right: 0; width: 430px; margin-left: 30px; display: inline-block; } div#blog-home div.wrapper, div#workshop-home div.wrapper { display: inline-block; float: right; } #blog-home div.wrapper { width: 236px; margin-top: -20px; } #workshop-home div.wrapper { width: 205px; margin-top: -20px; } body.custom.homepage div#content { // margin-top: -120px; } div#home-pull-logo { display: inline-block; float: right; position: relative; top: -25px; } div#pull-logo { margin-bottom: 30px; } #text-3 div.textwidget p, p.pullgreen { margin-top: 5px; color: #808000; margin-bottom: 10px; } /* @end */ /* @group Aweber Form */ form.af-form-wrapper { margin-top: -10px; } .custom #af-form-874421948 .af-body .af-textWrap { display: block; float: none; } .custom #af-form-874421948 .af-body .privacyPolicy { color: #000000; font-size: 11px; } .custom #af-form-874421948 .af-body a { text-decoration: underline; font-style: normal; font-weight: normal; } .custom #af-form-874421948 .af-body input.text, .custom #af-form-874421948 .af-body textarea { background-color: #FFFFFF; border-color: #919191; border-width: 1px; border-style: solid; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; } .custom #af-form-874421948 .af-body input.text:focus, .custom #af-form-874421948 .af-body textarea:focus { background-color: #FFFAD6; border-color: #030303; border-width: 1px; border-style: solid; } .custom #af-form-874421948 .af-body label.previewLabel { display: block; float: none; text-align: left; width: auto; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; } .custom #af-form-874421948 .af-body { background-repeat: no-repeat; background-position: inherit; background-image: none; color: #000000; font-size: 11px; font-family: "Avenir LT Std", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .custom #af-form-874421948 .af-quirksMode .bodyText { padding-top: 2px; padding-bottom: 2px; } .custom #af-form-874421948 .af-quirksMode { padding-right: 15px; padding-left: 15px; } .custom #af-form-874421948 .af-standards .af-element { padding-right: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 4px; } li#text-2.widget.widget_text { margin-bottom: 20px; } img#blog-introGraphic { margin-top: 58px; margin-bottom: 50px; } .custom #af-form-874421948 .bodyText p { margin: 1em 0; } .custom #af-form-874421948 .buttonContainer input.submit { background-image: none; background-position: top left; background-repeat: repeat-x; background-color: #f2b000; border: 1px solid #4e4f3c; color: #4e4f3c; text-decoration: none; font-style: normal; font-weight: normal; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-right: 4px; } .custom #af-form-874421948 .buttonContainer input.submit { width: auto; } .custom #af-form-874421948 .buttonContainer { text-align: right; } .custom #af-form-874421948 body,.custom #af-form-874421948 dl,.custom #af-form-874421948 dt,#af-form-874421948 dd,.custom #af-form-874421948 h1,.custom #af-form-874421948 h2,#af-form-874421948 h3,.custom #af-form-874421948 h4,.custom #af-form-874421948 h5,#af-form-874421948 h6,.custom #af-form-874421948 pre,.custom #af-form-874421948 code,#af-form-874421948 fieldset,.custom #af-form-874421948 legend,.custom #af-form-874421948 blockquote,.custom #af-form-874421948 th,.custom #af-form-874421948 td { float: none; color: inherit; position: static; margin: 0; padding: 0; } .custom #af-form-874421948 button,.custom #af-form-874421948 input,.custom #af-form-874421948 submit,.custom #af-form-874421948 textarea,.custom #af-form-874421948 select,.custom #af-form-874421948 label,.custom #af-form-874421948 optgroup,.custom #af-form-874421948 option { float: none; position: static; margin: 0; } .custom #af-form-874421948 div { margin: 0; } .custom #af-form-874421948 fieldset { border: 0; } .custom #af-form-874421948 form, .custom #af-form-874421948 textarea, .custom .af-form-wrapper, .custom .af-form-close-button, .custom #af-form-874421948 img { float: none; color: inherit; position: static; background-color: none; border: none; margin: 0; padding: 0; } .custom #af-form-874421948 input,#af-form-874421948 button, .custom #af-form-874421948 textarea, .custom #af-form-874421948 select { font-size: 100%; } .custom #af-form-874421948 p { color: inherit; } .custom #af-form-874421948 select,#af-form-874421948 label,#af-form-874421948 optgroup,#af-form-874421948 option { padding: 0; } .custom #af-form-874421948 table { border-collapse: collapse; border-spacing: 0; } .custom #af-form-874421948 ul,#af-form-874421948 ol { list-style-image: none; list-style-position: outside; list-style-type: disc; padding-left: 40px; } .custom #af-form-874421948,#af-form-874421948 .quirksMode { width: 185px; } .custom #af-form-874421948.af-quirksMode { overflow-x: hidden; } .custom #af-form-874421948 { overflow: auto; } .custom .af-body .af-textWrap { text-align: left; } .custom .af-body input.image { border: none!important; } .custom .af-body input.submit, .custom .af-body input.image, .custom .af-form .af-element input.button { float: none!important; } .custom .af-body input.text { width: 175px; float: none; padding: 2px!important; } .custom .af-body.af-standards input.submit { padding: 4px 12px; } .custom .af-clear { clear: both; } .custom .af-element label { text-align: left; display: block; float: left; } .custom .af-element { padding: 0 0 5px; } .custom #af-body-874421948 div.af-element.privacyPolicy p { margin-top: 5px; margin-bottom: 0; } .custom .af-form-wrapper { text-indent: 0; } .custom .af-form { text-align: left; } .custom .af-header,.af-footer { margin-bottom: 0; margin-top: 0; padding: 10px; } .custom .af-quirksMode .af-element { padding-left: 0!important; padding-right: 0!important; } .custom .lastNameContainer { margin-top: 10px; } .custom .lbl-right .af-element label { text-align: right; } /* @end */ .custom p.headline_meta { font-size: 1em; } .custom h2.entry-title, .custom h2.entry-title a { color: black !important; margin-bottom: 25px; margin-top: 0; font-weight: 700; font-size: 22px; font-weight: 300; } .custom h1 { font-size: 2em; margin-bottom: 15px; line-height: normal; font-weight: 300 !important; margin-bottom: 15px; } .custom h2 { padding: 0; margin: 20px 0; display: block; font-weight: 300; color: #be900a; font-size: 2em; line-height: normal; } .custom h3 { font-weight: 300 !important; font-size: 1.6em; margin-bottom: 20px; line-height: normal; color: #808080; margin-top: 20px; clear: both; } .custom h4 { font-weight: normal; color: #be900a; font-size: 1.4em; line-height: normal; margin-top: 10px; margin-bottom: 10px; font-style: normal; } .custom h5 { text-transform: uppercase; font-size: 1.25em; font-weight: 700 !important; color: #808080; } .custom h6 { text-transform: uppercase; margin-bottom: 0; font-size: 1em; color: #808080; } div.format_text p em { color: gray; } blockquote { padding: 10px 0 !important; text-align: center; line-height: 2em; border-top: 1px solid silver; border-bottom: 1px solid silver; border-left-style: none; margin: 10px 10% !important; } blockquote p { margin: 0 !important; } ul#benefit-list { list-style-type: none; margin-left: 0; padding: 0 40px 0 0; font-weight: 400; margin-bottom: 40px; } #benefit-list li { margin-bottom: 20px; } .custom img.alignleft.size-full { clear: both; margin-bottom: 50px; } .custom #post-99 div.format_text p { margin-bottom: 50px; } .custom img.alignleft.size-full.wp-image-333 { margin-top: 29px; } .custom #post-99 div.format_text p strong { clear: left; float: left; display: inline-block; } .custom div.format_text ul { color: #808080; margin-left: 20px; font-weight: bold; list-style-type: disc; } .custom dt.comment { display: inline-block; margin-bottom: 20px; } .custom img.alignnone.size-full { margin-top: 10px; display: inline-block; margin-bottom: 10px; padding: 0; height: auto; width: auto; margin: 0; } .custom #image_box a img.four_by_three { margin: 0; padding: 0; border-style: none; } .custom #image_box a { margin: 0; padding: 0; border-style: none; } .custom div#image_box { margin: 0; padding: 0; border-style: none; display: inline-block; } .custom img.four_by_three { width: 42em; height: 32.6em; border-style: none; display: inline-block; } .custom div#multimedia_box.image_box { padding: 0; border-style: none; width: 42em; height: 32.6em; margin-bottom: 2em; } .custom #image_box img { display: block; padding: 0.1em; border-width: 0; } .custom #image_box img.square { width: 420px; height: 326px; } .custom #image_box img.four_by_three { width: 42em; height: 32.6em; } .custom div#post-113 div.headline_area, div#post-236 div.headline_area, div#post-115 div.headline_area, div#post-111 div.headline_area, div#post-118 div.headline_area, div#post-238 div.headline_area, div#post-108 div.headline_area, div#post-99 div.headline_area { width: 0; height: 0; margin: 0; padding: 0; display: none; } .custom div#sidebars { width: 188px; margin-top: -25px; overflow: visible; margin-bottom: 0; } .custom #text-334193323 div.textwidget a img { width: 16em; } .custom #text-334193322 div.textwidget img { width: 15em; } div#sidebar-phrase { font-size: 14px; color: #be900a; line-height: 16px; } li#text-4.widget.widget_text { margin-bottom: 20px; } ul#profile-navigation { font-size: 18px; font-weight: normal; font-style: normal; margin-bottom: 40px; margin-top: 10px; margin-left: 25px; font-weight: 300; } #profile-navigation li { margin-bottom: 10px; font-size: 21px; color: #ebe8d9; } .custom ul#case-study-grid { margin: 0; list-style-type: none; position: relative; width: 525px; } .custom ul#case-study-grid li { margin-right: 2px; } .custom ul#case-study-grid li.thumb { width: 170px; height: 170px; position: relative; display: inline-block; } .custom ul#case-study-grid li.thumb a { width: 170px; height: 170px; display: inline-block; cursor:pointer; } .custom ul#case-study-grid li.thumb .text, .custom ul#case-study-grid li.thumb .text.text-js { display: none; position: absolute; bottom: 0; left: 0; width: 160px; padding: 5px; background: #999; background: rgba(0,0,0,0.3); text-align: left; color: white; height: 95%; } .custom ul#case-study-grid li.thumb:hover .text { display: block; font-size: 18px; text-align: left; vertical-align: top; font-weight: 300 !important; cursor:pointer; } #home-footer p { } span.pullgreen { color: #808000; } img.size-full.wp-image-2134.alignleft { margin-bottom: 50px !important; }