/* 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 theough 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/ */ /* -- temp -- */ #meerkat-wrap { border-top:1px solid #CCCCCC; z-index:10000; -moz-box-shadow:1px 1px 5px gray; -webkit-box-shadow:1px 1px 5px gray; } #meerkat { background: #FFFECC; color: #D57D00; padding: 15px; height: 40px; margin: 0; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 1em; } #meerkat a { color: #D57D00; } #meerkat a:hover { color: #CC0000;} #meerkat .dontshow { float: right; margin: 5px 20px 0 0; cursor: pointer; } #meerkat .inner { width: 820px; margin: 0 auto; text-align: center; } /* `LAYOUT ------------------------------------------------ */ .custom .full_width .page { width: 920px; } #content_box { background:transparent url(../images/dot-ddd.gif) repeat-y scroll 600px 0; width:100%; clear: both; } .custom #content { width: 599px; border: 1px solid #DDD; border-right: 0px; } .custom .no_sidebars #content { width: 80%; margin-left: 10%; border: 1px solid #DDD; } .custom #sidebars { width: 320px; } .post_box { padding-top:40px; } .custom .no_sidebars .post_box { margin:0 10em; } .post_box, .teasers_box, .full_width #content_box .page, #comments { margin:0 40px 0 50px; } body { background:#FAF9F8; border-top:3px solid #DDD9D7; color:#666666; } #header { margin:18px 0 0 51px; padding: 0; width:300px; border: 0; float: left; } #header #logo { display: block; width: 150px; height: 47px; background: url('images/buzzmedia-logo-small.gif'); } #header #logo a { display: block; width: 150px; height: 47px; text-indent: -9999px; } #header_area .page { height: 160px; } .custom ul#tabs { border-color: #DDD9D7; border-style: solid; border-width: 0 1px 0 0; list-style-image:none; list-style-position:outside; list-style-type:none; float: right; width: auto; } ul#tabs li { background: transparent; border-width: 0; margin-bottom: 0; /*float:left;*/ display: inline; } ul#tabs .current_page_item, ul#tabs .current-cat { background: transparent; border-bottom:0 none; padding-bottom:0; } ul#tabs .current_page_item a, ul#tabs .current-cat a { color: #636363; cursor: pointer; } ul#tabs li a { display:block; float:left; min-width:40px; padding:74px 32px 12px 12px; } ul#tabs a { color:#1469B9; } ul#tabs a { border-bottom:medium none; border-left:1px solid #DDD9D7; border-top:3px solid #828791; font-family:'Trebuchet MS',Tahoma,Arial,Helvetica,Sans-Serif; font-size:1em; font-weight:bold; letter-spacing:1px; margin-top:-3px; text-transform:uppercase; } ul#tabs a:hover { background:#DDD9D7 none repeat scroll 0 0; color:white; text-decoration:none; } #content { background: #FFF; /* margin-top: 30px; */ padding-bottom: 40px; } .sidebar ul.sidebar_list { padding-top: 30px; padding-left: 30px; padding-right: 30px; } #sidebars { background:#D3CFCD; margin-top: 30px; } #multimedia_box { margin-bottom: 0; } #custom_box { background:#828791 none repeat scroll 0 0; border-bottom:0; padding: 30px 30px 20px; color:white; font-family:Arial,Helvetica,Serif; font-size: 11px; line-height:18px; } .prev_next { margin-top:3em; padding-bottom:4em; padding-top:1em; } #archive_info, .prev_next { padding-left: 50px; padding-right: 40px; } #archive_info { padding-top:3em; border-bottom: 0; } #footer { border-top:0; clear:both; color:#888888; text-align:left; padding: 30px 50px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; } .clear { clear: both; } .space { margin: 10px 0 36px; margin-bottom: 36px !important; } /* `TYPOGRAPHY ------------------------------------------------ */ /** main content **/ h2.entry-title a, .format_text .to_comments span { color: #2361A1; } .headline_meta span.tweetmeme_button, .headline_meta span.fbshare_button { margin-top: 0; } .headline_meta span.fbshare_button { font-family: "Lucida Grande", "Lucida Sans", sans-serif; text-transform: none; } /* .format_text a.faux-button { background: #9a1b00 url('images/bg-faux-button.gif') repeat-x; color: #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; padding: 10px 20px; display: inline-block; } .format_text .rounded { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } */ .recaptcha-error { background: #FFD6DB; padding: 1em; color: #660000; border: 1px solid #660000; width: 92%; } .prev_next { font-family:'Trebuchet MS',Arial,Helvetica,Sans-Serif; border-top: 0; clear:both; color:#666666; letter-spacing:2px; text-transform:normal; } .post_footer { background-color: #FAF9F8; border-top: 1px dotted #BBBBBB; border-bottom: 1px dotted #BBBBBB; font: 0.95em Arial, Helvetica, Sans-Serif; line-height: 1.8em; padding: 1.5em 1em; margin-top: 40px; } .post_footer h4 { line-height: 1.5em; letter-spacing: 1px; font-size: 12px; margin-bottom: 0; text-transform: uppercase; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; } .post_footer a:hover { color: #af0000; } .post_footer .cta-comments { float: right; text-align: right; } .post_footer .tweetmeme_button, .post_footer .fbshare_button, .post_footer .addthis_button { float: left; height: 20px; margin-right: 10px; } .post_footer .tweetmeme_button { margin-top: 6px; } .post_footer .fbshare_button { margin-top: 2px; margin-right: 20px; } .post_footer .addthis_button { margin-top: 2px; } .addthis_button img { vertical-align: text-bottom; } .cta-subscribe { margin-top: 25px; } ul.subscribe-links { list-style-type: none; margin: 7px 0 0 0; } ul.subscribe-links li { float: left; margin-right: 30px; line-height: 1.3em; font-size: 12px; } ul.subscribe-links li.list { width: 130px; margin-right: 20px; } ul.subscribe-links li.feed { width: 125px; margin-right: 20px; } ul.subscribe-links li.twit { margin-right:0; width: 170px; } ul.subscribe-links a { background: url('../custom/images/post-footer-icons.gif') no-repeat; display: block; float: left; padding-left: 37px; } li.list a { background-position: 0 0; width: 80px; } li.feed a { background-position: -167px 0; width: 80px; } li.twit a { background-position: -334px 0; width: 120px; } li.list a:hover { background-position: 0 -40px; } li.feed a:hover { background-position: -167px -40px; } li.twit a:hover { background-position: -334px -40px; } .post_footer a { text-decoration: none; } small { font-family: Verdana, Arial, sans-serif; } .format_text table { margin-bottom: 1.571em; } .format_text th { text-align: left; vertical-align: top; } .format_text hr { margin: 20px; border: 1px solid #999999; border-width: 1px 0 0 0; } .format_text .aligncenter { text-align:center; } .custom .format_text dt { font-weight:bold; margin:1.765em 0 0.588em; } .custom .format_text dd { margin-bottom:0.538em; } .custom .format_text input { width: auto; } .headline-center .headline_area { text-align: center; } .emphasis { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; color: #333333; line-height: 1.5; } .highlight_box { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 20px 0; margin-bottom: 18px; background: #FFF5C9; border: 1px solid #E5E597; } ul.checklist { margin-left: 2px; list-style: none; } ul.checklist li { background: url('../images/icon-checkmark.gif') no-repeat 0 1px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.2; padding-left: 24px; margin-bottom: 10px; } /* Buttons http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */ .format_text .faux-button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .medium { font-size: 12px; padding: .4em 1.5em .42em; } .small { font-size: 11px; padding: .2em 1em .275em; } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .button-red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .button-red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .button-red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* blue */ .button-blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); } .button-blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } .button-blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } /* `PAGE SPECIFIC ------------------------------------------------ */ /* Landing Page */ .landingpage .headline_area h1, .landingpage .headline_area h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:3em; font-weight: normal; line-height:1.5em; color: #660000; margin:1.765em 0 0em; padding: 0 0.5em; } .landingpage strong { color: #555555; } .custom h2.headline, .custom h3.headline { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.6em; font-weight: normal; line-height:1.5em; color: #660000; margin:1.765em 0 1em; padding: 0 0.5em; } .squeeze h3 { font-family: 'Trebuchet MS',Arial,Helvetica,Sans-Serif; text-transform: uppercase; color: #333333; } .landingpage .post_footer, .landingpage #comments, .landingpage .post_nav, .squeeze .post_footer, .squeeze #comments, .squeeze .post_nav { display: none; } /* Coaching page */ table#coaching_pricing { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #D3CFCD; border-width: 1px 1px 0; } table#coaching_pricing td { border-bottom: 1px solid #D3CFCD; padding: 5px; } div.leaf h3, table#coaching_pricing h3, .jacket h3 { margin: 10px 0; } /* root element for tabs */ ul.tabs { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #D3CFCD; } /* single tab */ ul.tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.tabs a { float:left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; display:block; padding:5px 20px; text-decoration:none; border:1px solid #D3CFCD; border-bottom:0px; height:18px; background-color:#efefef; margin-right:2px; position:relative; top:1px; } ul.tabs a:hover { background-color:#F7F7F7; color:#666; } ul.tabs a:active, ul.tabs a:focus { outline: none; } /* selected tab */ ul.tabs a.current { background-color:#FFF; border-bottom:2px solid #FFF; color:#666; cursor:default; font-weight: bold; } /* tab pane */ div.panes { margin-bottom: 30px; } div.panes div.leaf { /* display:none; */ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #D3CFCD; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; background-color:#FFF; } div.leaf ul.prev_next { margin: 10px 0; padding: 0; list-style: none; } div.leaf ul.prev_next li.previous { float: left; } div.leaf ul.prev_next li.next { float: right; } .jacket { float: left; margin-bottom: 40px; } .jacket .package { float: left; border: 1px solid #D3CFCD; width: 210px; padding: 20px; text-align: center; } .jacket ul.features { margin: 5px 0; padding: 0; list-style: none; border-top: 1px dashed #C2CEEA; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .jacket ul.features li { border-bottom: 1px dashed #C2CEEA; padding: 2px 0; } .jacket .hero ul.features li { padding: 4px 0;} .jacket .hero { font-size: 1.1em; line-height: 1.8em; position: relative; z-index: 10; padding-bottom: 25px; box-shadow: 5px 5px 10px #ccc; -moz-box-shadow: 5px 5px 10px #ccc; -webkit-box-shadow: 5px 5px 10px #ccc; } .jacket .hero h3 { border-bottom: 1px dashed #C2CEEA; padding-bottom: 12px; } .jacket .hero .price, .jacket .hero .nickname { /* font-size: 1.25em; line-height: 1.5em;*/ } .jacket .secondary h3 { border-bottom: 1px dashed #C2CEEA; padding-bottom: 3px; } .jacket .secondary { border-left: 0; margin-top: 10px; background: #efefef; position: relative; } .jacket .price, .jacket .nickname { font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; } body.coaching .format_text .gform_wrapper { border: 1px solid #D3CFCD; padding: 19px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /** sidebar **/ #custom_box p { margin-bottom: 1em; } #custom_box a { border-bottom:1px solid #EEEEEE; color:#ECECEC; } #custom_box a:hover { border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } #custom_box h3, .sidebar h3 { color:#FFFFFF; font-family:'Trebuchet MS',Arial,Helvetica,Sans-Serif; font-variant:normal; font-weight: bold; font-size: 11px; letter-spacing:2px; text-transform:uppercase; line-height:1.455em; margin-bottom:0.727em; } li.widget { line-height: 1.8em; } /* `PLUGINS ------------------------------------------------ */ .btc-powered { display:none; } .custom .gform_wrapper input, .custom .gform_wrapper textarea { padding:0.231em; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } .gform_wrapper input.button { font-weight:bold; padding:0.333em 0.267em; border: 1px solid; border-color:#CCCCCC #999999 #999999 #CCCCCC; } .gform_footer input.button { background:transparent url('../images/submit-bg.gif') repeat scroll 0 0; /*font-size:1.154em;*/ border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:double; border-width:3px; color:#111111; cursor:pointer; overflow:visible; width:auto !important; }