/* 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 #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header { width: 950px; height: 140px; background-image: url('images/dhb-banner.png'); background-repeat: no-repeat; border-bottom: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } .custom .sidebar_1 {background:#F5F5F5 none repeat scroll 0 0;} .custom li#text-3.widget h3 { height: 20px; background: url(images/side_reviews.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#search.widget h3 { height: 20px; background: url(images/side_search.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#tag_cloud-3 h3 { height: 20px; background: url(images/side_topics.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#recent-comments-3 h3 { height: 20px; background: url(images/side_comments.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#text-4 h3 { height: 20px; background: url(images/side_preorder.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#text-6 h3 { height: 20px; background: url(images/side_friend.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#text-7 h3 { height: 21px; background: url(images/side_tweets.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom li#text-11 h3 { height: 21px; background: url(http://www.deliveringhappinessbook.com/wp-content/uploads/2010/08/side_community.png) no-repeat; position: relative; color: #FFFFFF; text-indent: -9999px; } .custom .menu .tab-home a { background: url('images/nav_home.png') no-repeat; height:15px; width:160px; text-indent:-9999px;} .custom .menu .tab-home a:hover { background: url('images/nav_home_a.png') no-repeat; height:15px; width:160px; text-indent:-9999px;} .custom .menu .tab.tab-home.current a { background: url('images/nav_home_a.png') no-repeat;} .custom .menu .tab-1 a { background: url('images/nav_book.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .tab-1 a:hover { background: url('images/nav_book_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} /*.custom .menu .tab.tab-1.current a { background: url('images/nav_book_a.png') no-repeat;}*/ .custom .menu .item-1 a { background: url('images/nav_reviews.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item-1 a:hover { background: url('images/nav_reviews_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item.item-1.current a { background: url('images/nav_reviews_a.png') no-repeat;} .custom .menu .item-2 a { background: url('images/nav_excerpt.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item-2 a:hover { background: url('images/nav_excerpt_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item.item-2.current a { background: url('images/nav_excerpt_a.png') no-repeat;} .custom .menu .item-3 a { background: url('images/nav_top10.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item-3 a:hover { background: url('images/nav_top10_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item.item-3.current a { background: url('images/nav_top10_a.png') no-repeat;} .custom .menu .item-4 a { background: url('images/nav_dedication.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item-4 a:hover { background: url('images/nav_dedication_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item.item-4.current a { background: url('images/nav_dedication_a.png') no-repeat;} .custom .menu .item-5 a { background: url('images/nav_buzz.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item-5 a:hover { background: url('images/nav_buzz_a.png') no-repeat; height:15px; width:75px; text-indent:-9999px;} .custom .menu .item.item-5.current a { background: url('images/nav_buzz_a.png') no-repeat;} .custom .menu .tab-2 a { background: url('images/nav_author.png') no-repeat; height:15px; width:95px; text-indent:-9999px;} .custom .menu .tab-2 a:hover { background: url('images/nav_author_a.png') no-repeat; height:15px; width:95px; text-indent:-9999px;} .custom .menu .tab.tab-2.current a { background: url('images/nav_author_a.png') no-repeat;} .custom .menu .tab-3 a { background: url('images/nav_movement.png') no-repeat; height:15px; width:140px; text-indent:-9999px;} .custom .menu .tab-3 a:hover { background: url('images/nav_movement_a.png') no-repeat; height:15px; width:140px; text-indent:-9999px;} .custom .menu .tab.tab-3.current a { background: url('images/nav_movement_a.png') no-repeat;} .custom .menu .tab-4 a { background: url('images/nav_events.png') no-repeat; height:15px; width:65px; text-indent:-9999px;} .custom .menu .tab-4 a:hover { background: url('images/nav_events_a.png') no-repeat; height:15px; width:65px; text-indent:-9999px;} .custom .menu .tab.tab-4.current a { background: url('images/nav_events_a.png') no-repeat;} .custom .menu .tab-5 a { background: url('images/nav_links.png') no-repeat; height:15px; width:50px; text-indent:-9999px;} .custom .menu .tab-5 a:hover { background: url('images/nav_links_a.png') no-repeat; height:15px; width:50px; text-indent:-9999px;} .custom .menu .tab.tab-5.current a { background: url('images/nav_links_a.png') no-repeat;} .custom .menu .tab-6 a { background: url('images/nav_contact.png') no-repeat; height:15px; width:80px; text-indent:-9999px;} .custom .menu .tab-6 a:hover { background: url('images/nav_contact_a.png') no-repeat; height:15px; width:80px; text-indent:-9999px;} .custom .menu .tab.tab-6.current a { background: url('images/nav_contact_a.png') no-repeat;} .custom .menu .preorderlink a { background: url('images/nav_preorder.png') no-repeat; height:15px; width:130px; text-indent:-9999px;} .custom .menu .preorderlink a:hover { background: url('images/nav_preorder.png') no-repeat; height:15px; width:130px; text-indent:-9999px;} .custom .menu .tab-3 .item a { opacity: 0.75; } .custom .menu .tab-3 .item-7 a { background: url('images/subnav_sprite.gif') -24px 0 no-repeat !important; } .custom .menu .tab-3 .item-7 a:hover { background: url('images/subnav_sprite.gif') -24px -30px no-repeat !important;} .custom .menu .tab-3 .item-8 a { background: url('images/subnav_sprite.gif') -224px 0 no-repeat !important; } .custom .menu .tab-3 .item-8 a:hover { background: url('images/subnav_sprite.gif') -224px -30px no-repeat !important;} .custom .menu .tab-3 .item-9 a { background: url('images/subnav_sprite.gif') -424px 0 no-repeat !important; } .custom .menu .tab-3 .item-9 a:hover { background: url('images/subnav_sprite.gif') -424px -30px no-repeat !important;} .custom .menu .tab-3 .item-10 a { background: url('images/subnav_sprite.gif') -624px 0 no-repeat !important; } .custom .menu .tab-3 .item-10 a:hover { background: url('images/subnav_sprite.gif') -624px -30px no-repeat !important;} /* Countdown timer is in this header widget */ .custom .sidebar ul.sidebar_list {position: relative;} .custom #header_widget_1 ul.sidebar_list li.widget { position: absolute; display: block; top:20px; left:634px; width:300px; } #live-countdown-timer { color: #000000; position: relative; bottom: 0px; right: 8px; z-index: 100; margin-right: 10px; width: 300px; padding-left: 5px;} .custom .rss a { color: #FFFFFF; } .custom .rss a:hover { color: #FFFFFF; text-decoration: underline; } /* #live-countdown-timer { color: #000000; position: relative; bottom: 1195px; right: -59px; z-index: 100; padding-right: 0; width: 180px; padding-left: 5px;} */ /* For FB Connect share button */ .fbsharebtn { float:right; } .FB_share_button { float:right; } .float_right { display: inline; float: right; } .float_left { display: inline; float: left; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .pledges #content_box, .thank-you #content_box, .thankyou #content_box, .get-inspired #content_box, .get-connected #content_box, .take-the-pledge #content_box, .spread-the-word #content_box, .stories #content_box, .share #content_box, .jointhemovement #content_box { background: none; } .pledges #main_col, .thank-you #main_col, .thankyou #main_col, .stories #main_col, .share #main_col, .get-connected #main_col, .take-the-pledge #main_col, .spread-the-word #main_col, .get-inspired #main_col { display: inline; float: left; width: 623px; margin-bottom: 15px; } .pledges #content, .thank-you #content, .thankyou #content, .stories #content, .share #content, .get-connected #content, .take-the-pledge #content, .spread-the-word #content, .get-inspired #content { font-size: 1.2em; width: auto; float: none; } .pledges #sidebars, .thank-you #sidebars, .thankyou #sidebars, .stories #sidebars, .share #sidebars, .get-connected #sidebars, .take-the-pledge #sidebars, .spread-the-word #sidebars, .get-inspired #sidebars { font-size: 1.2em; width: 266px; margin-bottom: 20px; } .pledges #sidebars .sidebar_list, .thank-you #sidebars .sidebar_list, .thankyou #sidebars .sidebar_list, .stories #sidebars .sidebar_list, .share #sidebars .sidebar_list, .get-connected #sidebars .sidebar_list, .take-the-pledge #sidebars .sidebar_list, .spread-the-word #sidebars .sidebar_list, .get-inspired #sidebars .sidebar_list { border: 4px solid #6DAAC0; margin-top: 10px; padding-top: 0; } .pledges .format_text, .thank-you .format_text, .thankyou .format_text, .stories .format_text, .share .format_text, .get-connected .format_text, .take-the-pledge .format_text, .spread-the-word .format_text, .jointhemovement .format_text, .get-inspired .format_text { font-size: 1.2em; } .pledges .format_text .FB_share_button, .thank-you .format_text .FB_share_button, .thankyou .format_text .FB_share_button, .stories .format_text .FB_share_button, .share .format_text .FB_share_button, .get-connected .format_text .FB_share_button, .take-the-pledge .format_text .FB_share_button, .spread-the-word .format_text .FB_share_button, .jointhemovement .format_text .FB_share_button, .get-inspired .format_text .FB_share_button { display: inline; margin-top: -2px; } .pledges .post_box, .thank-you .post_box, .thankyou .post_box, .stories .post_box, .share .post_box, .get-connected .post_box, .take-the-pledge .post_box, .spread-the-word .post_box, .jointhemovement .post_box, .get-inspired .post_box { padding-top: 10px; } .pledges .headline_area, .thank-you .headline_area, .thankyou .headline_area, .stories .headline_area, .share .headline_area, .get-connected .headline_area, .take-the-pledge .headline_area, .spread-the-word .headline_area, .jointhemovement .headline_area, .get-inspired .headline_area { margin-bottom: 10px; } /* Join the Movement Styles */ .jointhemovement #content { font-size: 1.2em; width: 605px; } .jointhemovement a { text-decoration: none; } .jointhemovement #sidebars { width: 271px; } .jointhemovement #boxes .row_first { border-bottom: dashed 1px #000; margin-bottom:0; } .jointhemovement #boxes .row { clear: both; padding-bottom: 10px; margin: 10px 0; } .jointhemovement #boxes .box { display: inline; float: left; width: 297px; height: 275px; position: relative; } .jointhemovement #boxes .box h3 { color: #A4000F; display: inline; float: left; font-size: 1.7em; line-height: 1.5em; margin: 0 0 -2px 2px; width: 190px; } .jointhemovement #boxes .box h5 { color: #A4000F; font-size: 1em; font-weight: bold; margin-bottom: 3px; text-transform: none; } .jointhemovement #boxes .box ul { list-style: none; margin-left: 0; } .jointhemovement #boxes .box p { font-size: 0.8em; margin-bottom: 0; } .jointhemovement #boxes .box select { width: 170px; padding: 3px; } .jointhemovement #boxes .box .box_content { clear: both; padding: 0 5px 0 30px; } .jointhemovement #boxes .box_first .box_content { border-right: dashed 1px #000; } .jointhemovement #boxes .box_content .more { position:absolute; bottom:0; right:6px; } .jointhemovement #boxes .box .step { display: inline; float: left; height: 36px; line-height: 25px; margin-left: 30px; padding-left: 8px; text-indent: -9999px; width: 29px; } .jointhemovement #boxes .box .step_1 { background: url(images/step_1.gif) no-repeat; } .jointhemovement #boxes .box .step_2 { background: url(images/step_2.gif) no-repeat; } .jointhemovement #boxes .box .step_3 { background: url(images/step_3.gif) no-repeat; } .jointhemovement #boxes .box .step_4 { background: url(images/step_4.gif) no-repeat; } .jointhemovement #story_counter { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; word-spacing: 1.65em; line-height: 44px; } .jointhemovement #story_counter .digit { background: #000000; color: #FFFFFF; display: inline; float: left; font-size: 1.5em; letter-spacing: normal; line-height: 44px; padding-left: 3px; text-indent: 5px; width: 30px; margin-left: -1px; } .jointhemovement #story_counter .suffix { margin-left: 5px; } .jointhemovement #sidebars h6 { line-height: 10px; } /* Sidebar Styles */ #sidebars .sidebar_list .box { line-height: 18px; padding: 0 5px 20px 5px; } #sidebars .sidebar_list .red_border_box { border: 1px dashed #A4000F; } #sidebars .sidebar_list .blue_border_box { border: 4px solid #6DAAC0; } #sidebars .sidebar_list .box h3 { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.87em; font-weight: bold; line-height: 1.5em; margin: 0 0 -2px 2px; width: 190px; } #sidebars .sidebar_list .box ul { list-style: none; margin-left: 0; } #sidebars .sidebar_list .box p { margin-bottom: 20px; } #sidebars .sidebar_list .box select { width: 170px; margin: 0 20px; padding: 3px; } #sidebars .sidebar_list .box .more { display: block; text-align: right; } #sidebars .sidebar_list .box .reference { font-size: 0.71em; font-style: italic; font-weight: bold; margin-top: 5px; } /* Get Inspired Styles */ .get-inspired #main_col .box { padding: 10px 15px 15px 15px; margin-bottom: 15px; } .get-inspired #main_col .row { clear:both; height: 350px; } .get-inspired #main_col .row .box { display: inline; float: left; margin-top: -25px; position: relative; width: 277px; } .get-inspired #main_col .box h3 { color: #FFFFFF; font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin: -4px 0 4px 2px; } .get-inspired #main_col .box blockquote { border: 0; font-size: 1.2em; margin-bottom: 20px; } .get-inspired #main_col .box p { margin-bottom: 20px; } .get-inspired #main_col .box .left_side { display: inline; float: left; width: 140px; margin-right: 10px; } .get-inspired #main_col .main_side { display: inline; float: right; width: 410px; padding: 5px; } .get-inspired #main_col .box .profile { margin-bottom: 20px; width: 128px; } .get-inspired #main_col .box .profile span { display: block; } .get-inspired #main_col .red_box { background: #A4000F; color: #FFFFFF; margin-bottom: 35px; } .get-inspired #main_col .red_box blockquote { color: #FFFFFF; font-size: 1.3em; } .get-inspired #main_col .box blockquote:before, .get-inspired #main_col .box blockquote:after { content: '"'; } .get-inspired #main_col .main_side { display: inline; float: left; } .get-inspired #main_col .red_box .profile { background: #FFFFFF; padding: 10px; } .get-inspired #main_col .red_box .profile h5 { color: #A4000F; } .get-inspired #main_col .red_box .profile span { color: #000000; font-size: 1em; } .get-inspired #main_col .red_box .list, .get-inspired #main_col .red_box .list:hover, .get-inspired #main_col .red_box .list:active, .get-inspired #main_col .red_box .list:visited, .get-inspired #main_col .red_box .more, .get-inspired #main_col .red_box .more:hover, .get-inspired #main_col .red_box .more:active, .get-inspired #main_col .red_box .more:visited { color: #FFFFFF; display: block; text-align: right; } .get-inspired #main_col .green_box { background: #EBECED; height: 100%; } .get-inspired #main_col .green_box blockquote { color: #000000; clear: both; padding-top: 10px; } .get-inspired #main_col .profile_right h3, .get-inspired #main_col .profile_right .profile h5, .get-inspired #main_col .profile_right .profile span{ display: block; text-align: right; } .get-inspired #main_col .green_box .profile img { float: left; margin: 0 5px 0 0; } .get-inspired #main_col .profile_right { float:right !important; } .get-inspired #main_col .profile_right .profile img { float:right; margin: 0 0 0 5px;} .get-inspired #main_col .green_box .profile { width: auto; } .get-inspired #main_col .green_box h3 { color: #000000; } .get-inspired #main_col .green_box .list, .get-inspired #main_col .green_box .list:hover, .get-inspired #main_col .green_box .list:active, .get-inspired #main_col .green_box .list:visited, .get-inspired #main_col .green_box .more, .get-inspired #main_col .green_box .more:hover, .get-inspired #main_col .green_box .more:active, .get-inspired #main_col .green_box .more:visited { display: block; } .get-inspired #main_col .green_box .links { position: absolute; bottom: 15px; left: 15px; } .get-inspired #main_col .blue_box { background: #EBECED; clear: both; } .get-inspired #main_col .blue_box blockquote { color: #000000; } .get-inspired #main_col .blue_box .profile { background: #FFFFFF; padding: 10px; } .get-inspired #main_col .blue_box .profile h5 { color: #A4000F; } .get-inspired #main_col .blue_box .profile span { color: #000000; font-size: 1em; } .get-inspired #main_col .blue_box h3 { color: #000000; } .get-inspired #main_col .blue_box .list, .get-inspired #main_col .blue_box .list:hover, .get-inspired #main_col .blue_box .list:active, .get-inspired #main_col .blue_box .list:visited, .get-inspired #main_col .blue_box .more, .get-inspired #main_col .blue_box .more:hover, .get-inspired #main_col .blue_box .more:active, .get-inspired #main_col .blue_box .more:visited { display: block; text-align: right; } /* Stories Styles */ .stories #main_col .dynamic_title { color: #000000; } .stories #main_col select { margin-right: 10px; width: 140px; } .stories #main_col .sort_filter { display: block; font-size: 1.2em; margin: 10px 0; } .stories #main_col .sort_filter a, .stories #main_col .sort_filter a:hover, .stories #main_col .sort_filter a:active, .stories #main_col .sort_filter a:visited {} .stories #story_results { list-style: none; } .stories #story_results li { line-height: 20px; margin-bottom: 20px; } .stories #story_results li h3 { font-size: 1.7em; } .stories #story_results li a { color: #A4000F; } .stories #story_results li h5 { font-size: 1.2em; text-transform: none; } .stories #story_results li p { font-size: 1.2em; margin-bottom: 5px; } .stories #story_results li .ratings { font-size: 1.2em; } /* Share Styles */ .share form {} .share form .row { padding: 7px 0; clear: both; } .share form .col { margin-right: 10px; display: inline; float: left; } .share form .row label { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; width: 200px; text-align: right; } .share form .row .field { width: 600px; } .share form .row .field span { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; } .share form .row .col .field { width: 295px; } .share form .row .col_3 .field { width: 195px; } .share form .row .text, .share form .row select { width: 100%; } .share form .row .submit { float: right; padding: 5px; margin-bottom: 10px; } .share form .row textarea { width: 100%; height: 240px; } .share form .row .note { float: left; display: inline; margin-left: 10px; } .share form .action .field { float: none; width: auto; } .share form .multi_select { border: 1px solid #CCC; max-height: 200px; height: auto !important; height: expression( document.body.clientHeight > 200 ? "200px" : "auto" ); overflow-y: scroll; padding: 5px; } .share form .error { color: #f00; background: none; border: 0; margin: 0; } .share form .error label { color: #f00; } .share form .error textarea, form .error input { border: #f00 1px solid; } /* Story Detail Styles */ .stories h3 { font-size: 1.5em; margin: 5px 0; } .stories .main_col_story a.more, .stories .main_col_story a.list { font-size: 1.2em; margin-top: 10px; } .stories .main_col_story #content { margin-top: 16px; line-height: 20px; } .stories .main_col_story #content p { margin: 16px 0; } /* Get Connected Styles */ .get-connected #main_col .box { background: #E9E8E9; padding: 15px; margin-bottom: 15px; } .get-connected #main_col .box ul { list-style: none; } .get-connected #main_col .box ul li { margin-bottom: 5px; } .get-connected #main_col .row { clear:both; } .get-connected #main_col .row .box { display: inline; float: left; margin-top: -20px; width: 277px; height: 265px; margin-bottom: 10px; } .get-connected #main_col .row .last { float: right; } .get-connected #main_col .row .last p { margin-bottom: 10px; } .get-connected #main_col .box blockquote { border: 0; color: #000000; font-size: 0.9em; font-style: italic; } .get-connected #main_col .box blockquote:before, .get-connected #main_col .box blockquote:after { content: '"'; } .get-connected #main_col .box p { margin-bottom: 20px; } .get-connected #main_col .box table { margin-bottom: 10px; } .get-connected #main_col .box table .zebra { background: white; } .get-connected #main_col .box table td { padding: 5px; } .get-connected #main_col .box table .count { color: #A4000F; vertical-align: top; } .get-connected #main_col .box span.center { display: block; margin-bottom: 20px; text-align: center; word-spacing: 10px; } .get-connected #main_col .box h3 { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.87em; font-weight: bold; line-height: 1.5em; margin: -2px 0 -2px 2px; } .get-connected #main_col .box .more { display: block; margin-top: 10px; text-align: right; } /* Take The Pledge Styles */ .take-the-pledge form {} .take-the-pledge form .row { padding: 7px 0; clear: both; } .take-the-pledge form .col { margin-right: 10px; display: inline; float: left; } .take-the-pledge form .row label { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; width: 200px; text-align: right; } .take-the-pledge form .row .field { width: 600px; } .take-the-pledge form .row .field span { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; } .take-the-pledge form .row .col .field { width: 295px; } .take-the-pledge form .row .col_3 .field { width: 195px; } .take-the-pledge form .row .text, .take-the-pledge form .row select { width: 100%; } .take-the-pledge form .row .submit { float: right; padding: 5px; margin-bottom: 10px; } .take-the-pledge form .row textarea { width: 404px; height: 240px; } .take-the-pledge form .row .note { float: left; display: inline; margin-left: 10px; } .take-the-pledge form .action .field { float: none; width: auto; } .take-the-pledge form .error { color: #f00; background: none; border: 0; margin: 0; } .take-the-pledge form .error label { color: #f00; } .take-the-pledge form .error textarea, form .error input { border: #f00 1px solid; } .take-the-pledge h3 { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.87em; line-height: 1.5em; margin: 0 0 -2px 2px; } /* Spread The Word Styles */ .spread-the-word #main_col .box { background: #E9E8E9; padding: 15px; margin-bottom: 35px; } .spread-the-word #main_col .box p { margin-bottom: 20px; } .spread-the-word #main_col .box dl dt { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; } .spread-the-word #main_col .box dl dd { margin-bottom: 20px; } .spread-the-word #main_col .box dl dd .share_on { color: #A4000F; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; height: 25px; text-align: right; } .spread-the-word #main_col .box dl dd .share_on span { padding-bottom: 22px; vertical-align: middle; } .spread-the-word #main_col .box dl dd .share_on img { margin-top: 5px; } .spread-the-word #main_col .row { clear:both; height: 360px; } .spread-the-word #main_col .row_last { height: 500px; } .spread-the-word #main_col .row .box { display: inline; float: left; width: 277px; height: 100%; } .spread-the-word #main_col .row_last .box { margin-top: -20px; } .spread-the-word #main_col .row .last { float: right;} .spread-the-word #main_col .box h3 { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; line-height: 1.5em; margin: -2px 0 -2px 2px; } .spread-the-word #main_col .box .pledge_pic { margin: 0 5px 5px 0; } .spread-the-word #main_col .box .right_block { display: block; text-align: right; } .spread-the-word #main_col .white-box { background: #FFF; display: block; font-size: 1em; margin-bottom: 5px; margin-top: 3px; padding: 10px; } .spread-the-word #main_col .white-box p { margin-top: 5px; } .spread-the-word #main_col .white-box textarea { height: 148px; width: 100%; font-size: 0.8em; } /* Thank You Styles */ .thankyou .list { font-size: 1.2em; } .thank-you #main_col .box { background: #E9E8E9; padding: 15px; margin-bottom: 35px; } .thank-you #main_col .box .row { margin-top: 20px; } .thank-you #main_col .box .row .col_3 { display: inline; float: left; width: 33%; text-align: center; } .thank-you #main_col .box .row .col_3 textarea { height: 100px; width: 80%; font-size: 0.76em; } .thank-you #main_col .box h3 { color: #A4000F; font-family: Arial, Helvetica, sans-serif; font-size: 1.87em; font-weight: bold; line-height: 1.5em; margin: 0 0 -2px 2px; width: 190px; } .thank-you #main_col .box p { margin-top: 5px; } .thank-you #main_col .box ol { margin: 20px; } .thank-you #main_col .more { float: right; display: inline; } /* Pledges Style */ .pledges #main_col { font-size: 1.2em; } .pledge_list blockquote { border: 0; color: #000000; font-size: 0.9em; font-style: italic; } .pledge_list blockquote:before, .pledge_list blockquote:after { content: '"'; } .pledge_list table tr { background: #E9E8E9; } .pledge_list table .zebra { background: white; } .pledge_list table td { padding: 5px; } .pledge_list table .count { color: #A4000F; vertical-align: top; } .pledge_list .pagination { margin-top: 10px; } .pledge_list .pagination .goto { display:inline; float:right; margin-left:10px; } .pledge_list .pagination .goto input { width: 30px; } .pledge_list .pagination .goto a { background:url("images/go.gif") no-repeat scroll 0 0 transparent; display:inline; float:right; height:20px; margin-left:10px; margin-top:-2px; text-indent:-10000px; width:20px; }