/* @override http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?032810-51911 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?040910-73349 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?040910-75943 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041210-53511 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041610-60938 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041610-224957 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041610-225758 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041810-62848 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041810-63739 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041810-65143 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041910-42438 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041910-50403 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?041910-72156 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042210-225656 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-43003 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-45723 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-55454 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-60959 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-204644 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-210737 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-214207 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-220037 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?042310-220432 http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/custom.css?061910-205234 http://www.hamiltonberchman.com/wp-content/themes/thesis_18b4/custom/custom.css?081710-183149 http://ervinlaszlo.com/forum/wp-content/themes/thesis_18b1-forum/custom/custom.css?081710-01547 http://www.hamiltonberchman.com/wp-content/themes/thesis_18b4/custom/custom.css?081710-213517 */ /* 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: #4c4c4c; font-family: TitilliumText22LLight; } .custom div#content_box { background-image: none; } .custom div#content { width: 100%; border-style: none; } .custom div#content div.post_box { border-style: none; display: block; margin: 0; padding: 0; } div#header { border-style: none; padding: 0; } div#page { padding: 20px; width: 960px; margin-bottom: 40px; } div#container { width: 1000px; } div#footer { background-color: #333; } #footer p { color: #e6e6e6; border-style: none; } #header div.signage p { margin: 0; } #header div.signage a { display: block; margin: 0; padding: 0; } ul#item-overview { display: inline-block; margin: 0 0 25px; padding: 0; width: 1024px; } .custom div#content .project a { display: block; height: 162px; text-decoration: none; overflow: hidden; color: #0626ff; border: 1px solid #e6e6e6; font-family: Georgia, "Times New Roman", Times, serif; } .custom div#content .project a.project-1 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_THACHER.jpg) no-repeat 0 0; } .custom div#content .project a.project-2 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_DBA.jpg) no-repeat 0 0; } .custom div#content .project a.project-3 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_IOL.jpg) no-repeat 0 0; } .custom div#content .project a.project-4 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_GERRYHUTH.jpg) no-repeat 0 0; } .custom div#content .project a.project-5 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_WOODALLS.jpg) no-repeat 0 0; } .custom div#content .project a.project-6 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_MONICAROS.jpg) no-repeat 0 0; } .custom div#content .project a.project-7 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_QMF.png) no-repeat 0 0; } .custom div#content .project a.project-8 { background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/portfolio_thumb_WELDSCAPE.jpg) no-repeat 0 0; } .custom div#content .project a:hover { background-position: 0 -170px; } .custom div#page div#signage { width: 220px; padding: 0; margin-right: 5px; margin-top: 0; height: 181px; background: url(http://www.hamiltonberchman.com/wp-content/themes/thesis_17b3/custom/images/berchman-sign.png) no-repeat 0; position: relative; top: -85px; left: 735px; } #signage a { font-size: 0; text-indent: -10000px; display: inline-block; width: 220px; height: 66px; margin: 0; padding: 0; } h1#tagline { display: none; } p#logo { width: 75%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; color: #810e00; display: none; } #header h3 a { color: #810e00; text-decoration: underline; } #header h3 strong { color: #000; } p#banner-copy { width: 64%; font: 1.5em/1.75em; margin: 0; padding: 0; float: left; } #item-overview li.project h2 { } #item-overview li.project { margin: 0 25px 45px 0; } #banner-copy a { color: blue; } .custom div#header #logo a, .custom div#header #logo a:hover { color: #810e00; font-weight: normal; font-style: normal; text-decoration: none; } #header h2 { color: #810e00; text-decoration: none; font: normal normal 36px Georgia, "Times New Roman", Times, serif; width: 18em; } .custom div#header h3 { width: 710px; color: #666; text-decoration: none; margin-bottom: 50px; font-style: normal; font-size: 1.5em; line-height: 1.5em; letter-spacing: 0; } #footer div.top { width: 925px; padding-top: 22px; padding-bottom: 0; display: inline-block; } #footer div.top div.list { margin-right: 48px; padding-bottom: 0; margin-bottom: 14px; float: left; width: 200px; } #footer div.top div.list-last { float: left; width: 180px; color: #999; padding-bottom: 0; margin-bottom: 14px; } #footer div.top div.list ul li h3, #footer div.contact div.form ul li h3 { color: silver; font-weight: bold; margin-bottom: 15px; padding-bottom: 0; } #footer div.contact div.form { width: 445px; } #footer div.bottom { padding: 0; border-style: none; margin-bottom: 0; margin-left: 0; margin-right: 0; clear: both; } #footer div.contact div.form li h3, #footer div.contact div.form li fieldset label { color: silver; } #text-6 h3 { font-weight: bold; color: silver; } form.wpcf7-form { font-size: .85em; color: silver; } #text-5 h3 { font-weight: bold; color: #ccc; } #footer #wpcf7-f1-w5-o1 form.wpcf7-form p input { text-transform: uppercase; font: 12px TitilliumText22LMedium; letter-spacing: 2px; background-color: maroon; color: silver; } .custom div#footer #wpcf7-f1-w5-o1 form.wpcf7-form p span.wpcf7-form-control-wrap.captcha-146 input { background-color: silver; } #wpcf7-f1-w5-o1 form.wpcf7-form p input { } #footer #wpcf7-f1-w5-o1 form.wpcf7-form p input.wpcf7-validates-as-required { background-color: white; margin-left: 0; } div.clear { clear: both; } body.custom.portfolio div#container div#page div#content_box div#content { width: 990px; } body.custom.portfolio div#container div#page div#content_box div#content div.portfolio_box div.project p a#live_site_link { border-style: none; } /* @group Portfolio */ ul,ol { list-style: none } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0 } fieldset { border: 0 } a { outline: none; color: #000; } a.active { font-size: 12px; } a img,:link img,:visited img { border: none; } :link,:visited { text-decoration: none } img { display: block } address { font-style: normal } .clear { clear: both } .nomargin { margin: 0 } /* ### GLOBAL CLASSES ### */ html { overflow: -moz-scrollbars-vertical; } /* ### CONTAINER ### */ /* ### HEADER ### */ #header .signage { float: right; width: 280px; } #header .signage p { text-align: right; margin-right: 60px; margin-top: 20px; } #header .signage img { float: right; position: absolute; margin-left: 233px; margin-top: -39px; } /* ### CONTENT ### */ #page { max-width: 1000px; } #page ul#item-overview a img { cursor: pointer; } #page li.project { float: left; width: 220px; margin-bottom: 65px; padding-right: 0; } #content li.project h2 { font-size: 14px; padding: 20px 0 10px 0; color: #000; } #content li.project p { width: 220px; line-height: 1.6em; } #content li.project p a { font-weight: bold; } #content li.project span { font-weight: bold; font-style: italic; color: #fff; font-size: 20px; padding-left: 20px; } #content #item-overview a img { cursor: pointer; } #content .project { float: left; width: 220px; margin-bottom: 40px; padding-right: 20px; } #content .project h2 { padding: 20px 0 10px 0; color: #000; font: normal 2em TitilliumText22LMedium, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #content .project p { line-height: 1.6em; padding-bottom: 5px; margin-bottom: 10px; font-size: 13px; } #content .project p a { font-weight: bold; height: 162px; } #content .project p a:hover { text-decoration: underline; } #content .project span { font-weight: bold; font-style: italic; color: #fff; font-size: 2em; padding-left: 20px; } #content .project .back-service1 { background-color: #ccc; width: 220px; height: 162px; margin-bottom: 7px; } #content .project .back-service2, #content .project .back-service3 { background-color: #4c4c4c; width: 220px; height: 162px; margin-bottom: 7px; } #content .project p.service1, #content .project p.service2, #content .project p.service3, #content .project p.service4, #content .project p.service5, #content .project p.service6, #content .project p.service7, #content .project p.service8 { height: 162px; padding-bottom: 3px; border-bottom: 4px solid #999; overflow: hidden; } #content .project a.beige, #content .project a.green, #content .project a.grey { display: block; height: 162px; text-decoration: none; background-image: none; background-color: #b3b3b3; } #content .project a img { display: none; } #content .project-images { float: right; margin-bottom: 19px; width: 600px; } #content .project-images img { margin-bottom: 35px; padding: 0; border: 1px solid #d5d7d8; } #content .line { float: left; border-bottom: 1px solid #e0e0e0; width: 940px; height: 5px; } /* ### FOOTER ### */ #footer { border-top: 1px solid #e0e0e0; text-align: left; } #footer .top { padding-right: 0; padding-top: 70px; padding-left: 0; } #footer .top .list li h3 { font-size: 14px; padding-bottom: 10px; } #footer .top .list ul li { line-height: 1.3em; margin-bottom: 9px; } #footer .top .list p { padding-bottom: 4px; color: #999; font-size: 1em; } #footer .top .list ul#status { list-style-type: disc; margin-left: 15px; } #footer .top .list a { color: #999; } #footer .top .list a:hover { text-decoration: underline; } #footer .top .list span { text-decoration: line-through; color: #000; } #footer .contact { flaot: left; width: 940px; color: #999; padding-top: 35px; border-top: 1px solid #808080; display: inline-block; } #footer .contact p { line-height: 1.6em; margin-bottom: 6px; } #text-6 div.textwidget p { font-size: 1em; color: #b3b3b3; } #footer .contact .form { float: left; width: 460px; margin-right: 20px; } #footer .contact .form fieldset, form.wpcf7-form { overflow: hidden; border: 0px; color: #444; } input.wpcf7-validates-as-required { width: 305px; } #footer .contact .form input.field { margin-bottom: 10px; padding: 4px 5px 0px 5px; float: left; width: 168px; height: 22px; border: 1px solid #e0e0e0; background: #fff; } #footer .contact .form input.submit { color: #444; background: #f9f8f6; border: 1px solid #e0e0e0; } #footer .contact .form label { margin-bottom: 10px; padding-left: 15px; float: left; width: 125px; height: 28px; line-height: 28px; } #footer .contact .form label.large { margin-bottom: 5px; padding: 0px; width: 320px; } #footer .contact .form textarea { margin-bottom: 15px; padding: 4px 5px 4px 5px; width: 305px; height: 120px; border: 1px solid #e0e0e0; background: #fff; } #footer .contact .map { float: right; width 460px; } #footer .bottom { color: #999; padding: 22px 0 22px 0; border-top: 1px solid #e0e0e0; width: 940px; margin-top: 36px; } /* ### ELEMENTS ### */ h1 { color: #000; font-weight: bold; font-style: italic; font-size: 48px; line-height: 1em; padding-bottom: 10px; } h2 { color: #000; font-weight: bold; font-size: 14px; line-height: 1em; padding-bottom: 10px; } h3 { font-size: 14px; line-height: 1em; padding-bottom: 10px; } h4 { color: #000; font-size: 13px; line-height: 1em; padding-bottom: 10px; } h5 { color: #000; font-size: 12px; line-height: 1em; padding-bottom: 10px; } h6 { color: #000; font-size: 11px; line-height: 1em; padding-bottom: 10px; } hr { border: 1px solid #e0e0e0; color: #e0e0e0; margin-top: 10px; margin-bottom: 10px; } p { font-size: 12px; color: #444; padding-bottom: 10px; } small { font-size: 10px; color: #000; } a { color: #000; } a:hover { text-decoration: underline; } em { font-weight: bold; } dl { margin: 10px; } ol { margin: 10px; } input { border: 1px solid #e0e0e0; padding: 5px; } table tr td { padding: 10px; } blockquote { border: 1px solid #999; padding: 20px; } div.back-service1 p.service1 a.return.beige span { margin-top: 15px; display: inline-block; } #content .project a.beige:hover, #content .project a.green:hover { background-color: #666; text-decoration: none; } .custom div#item-1 div.project p a, .custom div#item-2 div.project p a, .custom div#item-3 div.project p a, .custom div#item-4 div.project p a, .custom div#item-5 div.project p a, .custom div#item-6 div.project p a, .custom div#item-7 div.project p a, .custom div#item-8 div.project p a { border-style: none; } #text-2 div.textwidget ul li { border-style: none; text-decoration: none; } .custom div#footer div.textwidget ul { margin-top: 5px; } #text-4 div.textwidget { } .custom div#footer div.textwidget ul li a { border-style: none; text-decoration: underline; } .custom div#footer div.textwidget ul li a:hover { color: #fff; text-decoration: none; } #wpcf7-f1-w5-o1 form.wpcf7-form div.wpcf7-response-output.wpcf7-mail-sent-ok { margin-bottom: 11px; margin-top: -1px; padding: 5px; color: #e6e6e6; border-color: #ff6a65; } #wpcf7-f1-w5-o1 form.wpcf7-form p { color: #b3b3b3; display: inline-block; width: 325px; } li#berchman { background: url(images/berchman.png) no-repeat; padding-left: 24px; } li#twitter { background: url(images/twitter.png) no-repeat; padding-left: 24px; } li#linkedin { background: url(images/linkedin.png) no-repeat; padding-left: 24px; } li#friendfeed { padding-left: 24px; background: url(images/friendfeed.png) no-repeat; } li#vimeo { background: url(images/vimeo.png) no-repeat; padding-left: 24px; } li#lastfm { background: url(images/lastfm.png) no-repeat; padding-left: 24px; } /* @end */