/* 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/ */ .custom .dsq-comment-message { font-size: 1.5em; line-height: 1.5em; } .custom p.tiny_text {font-size: 10px; padding:} .custom li.widget .widget_box {border-color: #171717; background: #171717} .custom .wp-caption-text {color:;} .custom .wp-caption { background-color: #171717; border-color: #444444; } .custom #header #logo { font-size: 7.2em; } .custom #header #tagline { font-size: 2.2em; line-height: 1.429em; text-align: right; } .custom .menu a, .menu a:visited { font-weight: normal; font-size: 2.5em; } .custom .menu{ margin: auto; } .custom .format_text h2, .format_text h3 { font-size: 2em; line-height: 0.8em; } .custom .headline_area h1 { font-weight: normal; } .custom .headline_area h1, .headline_area h2, #archive_intro h1 { font-size: 4em; line-height: 0.6em; } .custom .widget h3 { font-size: 2.4em; font-variant: normal; letter-spacing: normal; padding-bottom: 0.2em; } .custom .sidebar h3 { line-height: 0.5em; margin-bottom: 0.5em; } .custom #logo, #logo a { color: #FF8800; } .custom .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover { background: none repeat scroll 0 0 transparent; color: #E99F33; } #feature_box { background:#001122; border-style:solid; border-width:3px; border-radius:1em; border-color:#ff6600; margin: 3em 0; padding-bottom: 2em; padding-top: 2em; } #feature_box h3 { font-weight: normal; margin-top: 0 } #feature_box p { color: ; } #feature_box #optin { float: right; margin-left: 24px; width: 276px /* -24px for padding on feature box */ } #feature_box #optin p { margin: 8px 0 0 } #feature_box #optin input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc } #feature_box #optin input[type="text"] { border: 1px solid #ccc; font-size: 15px; margin-bottom: 15px; padding: 11px 13px; width: 90% } #feature_box #optin input.email { background: #fff url(/wp_content/themes/thesisbold/custom/images/email.png) no-repeat center right } #feature_box #optin input.name { background: #fff url(/wp_content/themes/thesisbold/custom/images/name.png) no-repeat center right } #feature_box #optin input[type="submit"] { background: #f6640e url(/wp_content/themes/thesisbold/custom/images/orange.png) repeat-x top; border: 1px solid #a44913; color: #fff; cursor: pointer; font-size: 18px; font-weight: bold; padding: 8px 0; text-shadow: -1px -1px #562806; width: 100% } #feature_box #optin input[type="submit"]:hover { color: #ffdeb3 } /* Mailchimp Styles*/ /* MailChimp Form Embed Code - Modified */ .custom #mc_embed_signup{background:#001122; border-style:solid; border-width:3px; border-radius:1em; border-color:#ff6600; clear:left; font:14px Helvetica,Arial,sans-serif; } .custom #mc-embedded-subscribe .button {background-color: #FF6600;} .custom #mc_embed_signup form { display:block; position:relative; text-align:left; padding:10px 0 10px 3% } .custom #mc_embed_signup h2 { font-size: 2.1em; font-weight: normal; margin: 0 0; padding: 0; } .custom #mc_embed_signup input { border:1px solid #999; -webkit-appearance:none; } .custom #mc_embed_signup input[type=checkbox]{ -webkit-appearance:checkbox; } .custom #mc_embed_signup input[type=radio]{ -webkit-appearance:radio; } .custom #mc_embed_signup input:focus { border-color:#333; } .custom #mc_embed_signup .button { clear:both; background-color: #ff6600; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; } .custom #mc_embed_signup .button:hover { background-color:#777; } .custom #mc_embed_signup .small-meta { font-size: 11px; } .custom #mc_embed_signup .nowrap { white-space:nowrap; } .custom #mc_embed_signup .mc-field-group { clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; } .custom #mc_embed_signup .size1of2 { clear:none; float:left; display:inline-block; width:46%; margin-right:4%; } * html .custom #mc_embed_signup .size1of2 { margin-right:2%; /* Fix for IE6 double margins. */ } .custom #mc_embed_signup .mc-field-group label { display:block; margin-bottom:3px; } .custom #mc_embed_signup .mc-field-group input { display:block; width:100%; padding:8px 0; text-indent:2%; } .custom #mc_embed_signup .mc-field-group select { display:inline-block; width:99%; padding:5px 0; margin-bottom:2px; } .custom #mc_embed_signup .datefield, .custom #mc_embed_signup .phonefield-us{ padding:5px 0; } .custom #mc_embed_signup .datefield input, .custom #mc_embed_signup .phonefield-us input{ display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0; } .custom #mc_embed_signup .phonefield-us .phonearea input, .custom #mc_embed_signup .phonefield-us .phonedetail1 input{ width:40px; } .custom #mc_embed_signup .datefield .monthfield input, .custom #mc_embed_signup .datefield .dayfield input{ width:30px; } .custom #mc_embed_signup .datefield label, .custom #mc_embed_signup .phonefield-us label{ display:none; } .custom #mc_embed_signup .indicates-required { text-align:right; font-size:11px; margin-right:4%; } .custom #mc_embed_signup .asterisk { color:#c60; font-size:200%; } .custom #mc_embed_signup .mc-field-group .asterisk { position:absolute; top:25px; right:10px; } .custom #mc_embed_signup .clear { clear:both; } .custom #mc_embed_signup .mc-field-group.input-group ul { margin:0; padding:5px 0; list-style:none; } .custom #mc_embed_signup .mc-field-group.input-group ul li { display:block; padding:3px 0; margin:0; } .custom #mc_embed_signup .mc-field-group.input-group label { display:inline; } .custom #mc_embed_signup .mc-field-group.input-group input { display:inline; width:auto; border:none; } .custom #mc_embed_signup div.custom #mce-responses { float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both; } .custom #mc_embed_signup div.response { margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%; } .custom #mc_embed_signup .custom #mce-error-response { display:none; } .custom #mc_embed_signup .custom #mce-success-response { color:#529214; display:none; } .custom #mc_embed_signup label.error { display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0; } .custom #mc-embedded-subscribe { clear:both; width:auto; display:block; margin:1em 0 1em 5%; } .custom #mc_embed_signup #num-subscribers { font-size:1.1em; } .custom #mc_embed_signup #num-subscribers span { padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold; } .custom .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover { color: #F6A836; background: #001122; } .custom .menu ul a { border-left-width: 0.091em; width: auto; } ul.no_dec{ list-style-type: none; } li.key_influence{ font-weight:bold; } .custom blockquote { border-left: 1px dotted #DDDDDD; color: #FF6600; }