/* 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 .full_width > .page { background:none repeat scroll 0 0 transparent; } body.custom { background:url("http://www.newfuturescircle.com/access/wp-content/themes/thesis_16/custom/images/brown-background.jpg") repeat-x scroll 0 0 #FFFFFF; } .custom #header_area { background: none repeat-x scroll 0 0 transparent; } .custom #header { padding-top:0; padding-bottom:1em; background:none repeat scroll 0 0 transparent; } .custom p.new-header { color:#4C4C4C; font-size:1.4em; padding-left:1.2em; padding-right:350px; padding-top:0.8em; } .custom #accent_bar { background:none repeat scroll 0 0 #4C4C4C; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; height:100px; padding:1em 0; } .custom p.alert { background-color:#FFFAC6; border:1px solid #FEDA70; } .custom #accent_bar .page { padding-left:14px; } .custom #accent_bar h3, #accent_bar h3 a { color:#D9D9D9; font-family:georgia,times,serif; font-size:60px; padding-top:13px; text-align:left; } .custom #accent_bar p { color:#FFF9F4; font-family:verdana,arial,sans-serif; font-size:18px; padding-top:0; text-align:left; } /* feature box styles */ /* .custom #feature_box { background:url("http://www.newfuturescircle.com/access/wp-content/themes/thesis_16/custom/images/calendar.jpg") no-repeat scroll 0 0 transparent; color:#4C4C4C; margin:2em 2.5em 0 1em; min-height:68px; padding:0 1em 0 80px; } .custom #feature_box { background:none no-repeat scroll 0 0 transparent; color:#4C4C4C; margin:2em 2.5em 0 1em; min-height:68px; padding:0 1em 0 0.5em; } */ .custom #feature_box p { font-size:1.8em; } .custom a, h2 a:hover, #logo a:hover { color:#4C4C4C; } .custom .menu, .menu a, .menu li ul { border-width:0; } .custom .menu { margin-left:0.2em; float:right; } .custom .menu a { border-width: 0; font-size:1.3em; letter-spacing:0; padding:0.2em 0.818em; text-transform:none; } .custom .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover { background:none repeat scroll 0 0 transparent; } .custom .menu a, .menu .current ul a, .menu .current-cat ul a { background:none repeat scroll 0 0 transparent; padding:0.8em 1em; } .custom a.rsslink { background:url("http://www.newfuturescircle.com/access/wp-content/themes/thesis_16/custom/images/rss-32x32.png") no-repeat scroll 0 0 transparent; display:block; margin-left:6px; margin-top:4px; min-height:32px; padding:0 30px 0 4px; } /* content area styles */ .custom #content_area { background:none repeat scroll 0 0 transparent; padding-bottom:2em; } .custom img.frame { background:none repeat scroll 0 0 #F5F0EB; } .custom .headline_area { margin-bottom:1.5em; } .custom .headline_area h1, .headline_area h2 { color:#4C4C4C; font-family:georgia, times, serif; font-size:3.2em; line-height:1.2em; } .custom .format_text h2, .format_text h3 { font-size:1.75em; font-weight: normal; color:#4C4C4C; } .custom .headline_meta span, .headline_meta abbr { font-size:1.7em; font-style:normal; letter-spacing:0; line-height:2em; text-transform:none; } .custom .format_text ul { margin:0 0 2em 1em; } .custom .format_text ul li { margin-bottom:0.4em; } .custom .format_text ul li:last-child { margin-bottom:0; } .custom .format_text ol li { margin-bottom:0.4em; } .custom .format_text blockquote { background:url("http://www.newfuturescircle.com/access/wp-content/themes/thesis_16/custom/images/quote2.gif") no-repeat scroll 0 -3px transparent; border:medium none; margin-left:-19px; padding-left:50px; min-height:40px; } .custom .format_text blockquote.left { margin:0 2em 1.2em 0; } .custom .format_text blockquote.right { margin:0 0 1.2em 1.4em !important; padding-right: 1em; } .custom .format_text blockquote p { margin-bottom:0.7em; } .custom .format_text blockquote p.cite { font-size:0.8em; font-style:italic; line-height:1.7em; text-align:right; } p.smallnote { font-size:0.8em; line-height: 1.2em; } /* gravity forms styles */ .custom .format_text ul.gform_fields, .format_text ul.gfield_radio { margin:0; } /* After-post photo credit */ .custom div.photo-credit { color:#A4A4A4; font-size:1.1em; line-height:1.2em; margin-top:1em; padding-left:1em; } .custom div.photo-credit a { color:#A4A4A4; } /* After-post bio box */ .custom div#author-box { clear: both; padding: 1em; border: 2px solid #F8F8F8; background: #F9F7E4; color: #4C4F56; overflow: hidden; margin: auto; } .custom .author-text { display: inline; font-size: 0.9em; line-height: 1.3em; } .custom span.author-bio { } .custom .author-avatar { float: left; display: inline; padding: none; background: none; background:none repeat scroll 0 0 #FFFFFF; border-color:#E8E8E8; font-family:georgia, times, serif; font-size:6px; line-height:6px; border:1px solid #EEEEEE; padding:2px; margin-right: 1.5em; } /* end of alternative author post box */ /* comment styles */ .custom .comment_time { visibility: hidden; } .custom #commentform { padding-bottom:0; padding-right:0; } .custom .comment .byuser { } .custom dl#comment_list .bypostauthor { background:none repeat scroll 0 0 #F9F7E4; border:none; } .custom dl#comment_list dl { border-left:2px solid #F8F8F8; border-top:0 none; } .custom dl#comment_list dl dd .format_text { border:medium none; } .custom dl#comment_list dt { padding-top:1em; } .custom p.reply { margin-bottom:0.5em; } .custom #commentform span.notation { background:none repeat scroll 0 0 #F9F7E4; border-color:#F8F8F8; color:#807E70; display:block; border-width:2px; font-size:1.4em; margin-top:0; padding:1em; width:92%; } .custom #commentform p.subscribe-to-comments label { color:#807E70; } .custom .solo-subscribe-to-comments { color:#807E70; display:block; font-size:1.4em; margin-bottom:0; margin-top:0; padding:0 0 0.4em 1em; width:92%; line-height:1.8em; } .custom .teaser .format_teaser { margin:0.3em 0; } .custom .teaser .teaser_author { font-size:0.9em; line-height:1em; } .custom .teaser .teaser_link { float:right; text-transform:uppercase; } .custom .teaser .format_teaser .post_image_link img.aligncenter { margin-bottom:0.4em; } .custom .teaser .post_image_link img.frame { margin-top:0.5em; margin-right:1em; padding:0.4em; } .custom .teaser h2 { font-size:2.8em; line-height:1.1em; font-family: georgia, times, serif; } .custom .teaser .post_image_link img.alignnone { margin:0 auto 0.4em 0; } .custom .teaser { width: 100%; padding-top: 2em; margin-bottom:1.5em; } .custom .teasers_box { padding-top: 0; padding-bottom:0; border-top: 0; } .custom .sidebar ul.sidebar_list { padding:0; background: #F5F0EB; } .custom li.widget { background-color:transparent; margin-bottom:0; width:auto; } .custom li.widget:last-child { border-bottom:none; } .custom .sidebar .widget_killer_recent_entries, .sidebar .widget_recent_comments, .sidebar .thesis_widget_search, .sidebar .thesis_sidebar_teasers { padding: 0.3em 1.5em; } .custom .widget_text h3, .widget h3 { background:none repeat scroll 0 0 transparent; color:#4C4C4C; font-family:georgia, times, serif; font-size:1.8em; font-variant:normal; font-weight:normal; letter-spacing:0.02em; line-height:1.1em; margin-bottom:0; } .custom .widget_text { padding:0.3em 1.5em; } .custom a.twitterlink { background:url("http://www.lateralinfluence.com/wp/wp-content/themes/thesis_16/custom/images/twitter128.png") no-repeat scroll -14px 0 transparent; display:block; font-size:0.8em; line-height:2.2em; margin-left:-11px; margin-top:-2px; padding-left:0; padding-top:121px; } .custom .linkedinbutton { background:url("http://www.lateralinfluence.com/wp/wp-content/themes/thesis_16/custom/images/linkedin80.png") no-repeat scroll 8px 0 transparent; display:inline; font-size:0.8em; line-height:2.2em; margin-left:124px; margin-top:0; min-height:80px; padding:86px 0 0; } /* sidebar styles */ .custom li.widget ul { margin-top:0.7em; } .custom #text-22 { background-color: #E3D5C8; } div.new-announce { background:url("images/new.png") no-repeat scroll 1px 0 #FDEDCC; border-bottom:1px solid #F4C294; border-top:1px solid #F4C294; clear:both; padding:27px 23px 24px 37px; margin: 0 0 25px 0; } .custom #text-28 { padding:0; } /*sidebar styles: signup form */ .custom #text-23 { background:url("http://www.newfuturescircle.com/access/wp-content/themes/thesis_16/custom/images/mail100.png") no-repeat scroll 212px -9px transparent; } .custom #text-23 p { font-size:0.8em; line-height:1.3em; margin-bottom:0; padding-right:60px; } .custom #text-23 div.sidebar-signup { padding:5px 100px 15px 70px; } .custom #text-23 input { font-size:0.8em; margin-bottom:2px; } .custom #text-23 input.sidebar-button { background:none repeat scroll 0 0 #FFA547; border:2px solid #CCCCCC; font-weight:bold; padding:0.2em; } .custom #text-23 a { font-size:0.8em; } /*sidebar styles: sidebar teasers */ .custom .thesis_sidebar_teasers div.teaser { margin-bottom: 1em; background-color: transparent; padding-top:1em; } .custom .thesis_sidebar_teasers h2 { font-size:1.6em; line-height:1.1em; } .custom .thesis_sidebar_teasers .teaser_date { display:none; } .custom .thesis_sidebar_teasers .thumb { float:left; margin-right:0.7em; margin-top:0.5em; } .custom .thesis_sidebar_teasers .teaser_link { font-size:0.8em; line-height:1.5em; float:right; } .custom .thesis_sidebar_teasers p { margin-bottom:0; } .custom .thesis_sidebar_teasers div.format_teaser { font-size:1em; line-height:1.5em; } /* contact form */ .custom div.fsPage input, textarea, label { clear:both; } .custom div.fsPage label { display:block; margin-top: 0.5em; } .custom div.fsPage input.fsSubmitButton { height:2.5em; margin-bottom:30px; margin-top:0.5em; } /* archives pages */ .custom #archive_info { display:none; } .custom div#archive_info p { display:none; } .custom div#archive_info h1 { font-family: georgia, times, serif; font-size: 2em; color: #4C4C4C; } /* no-sidebar pages */ .custom .no_sidebars .post_box { width: 60em; } a.buybutton-link { font-weight:bold; text-decoration:none; font-size: 1.2em; border: 3px solid #FF8000; background-color: #FFD600; color: #000279; padding: 0.5em; margin: 2em 0; } p.buybutton { text-align: center; margin:3em 0; } /* footer styles */ .custom #footer_area { background: #4C4C4C; } .custom #footer div.col { background:none repeat scroll 0 0 transparent; float:left; margin:0; text-align:left; } .custom #footer div.textwidget { border:none; } .custom div.Footer2 h3, div.Footer3 h3 { padding-left:1em; } .custom div.Footer1 { padding-right:2em; width:20%; } .custom div.Footer2 { padding-right:2em; width:40%; } .custom div.Footer3 { padding-right:0; width:35%; } .custom #footer a { border:none; } .custom #footer .widget_killer_recent_entries { padding:0; } .custom #footer .widget_killer_recent_entries h3 { color:#D9D9D9; font-family:verdana, sans-serif; font-size:1.2em; font-variant:normal; font-weight:normal; letter-spacing:0.02em; margin-bottom:0; } .custom #footer .widget_killer_recent_entries ul li a { color:#D9D9D9; display:block; text-decoration:none; } .custom #footer .widget_killer_recent_entries ul li { border-bottom:1px dotted #D9D9D9; margin: 0; padding:0.8em 0; } .custom #footer .widget_killer_recent_entries ul li:last-child { border-bottom:medium none; } .custom #footer li.widget { background-color:transparent; border:medium none; width:100%; } .custom #footer .widget_text { padding:0 1.5em; } .custom #footer .widget_text h3 { background:none repeat scroll 0 0 transparent; color:#D9D9D9; font-family:georgia, times, serif; font-size:1.8em; font-variant:normal; font-weight:normal; letter-spacing:0.02em; margin-bottom:0.4em; padding-left:0; } .custom #footer .widget_killer_recent_entries ul { border:none; } .custom #footer p.footer-credit, #footer p.footer-credit a { color:#A89166; padding-top:4em; clear:both; text-align:left; } /* Hide "Comments on this entry are closed" Message */ .custom .comments_closed p {display: none;} /* Styles for custom home page */ div.clearer {clear:both;margin-bottom:25px;} .custom .new-home .home-feature div.entry-content {margin-top:0;} .new-home .headline_area { display:none; } .new-home #content_box h1 { color:#666666; font-family:georgia, times, serif; font-size:3em; line-height:1.2em; } .new-home #content_box h2 { color:#666666; font-family:georgia, times, serif; font-size:1.6em; font-weight:normal; line-height:1.3em; margin-bottom:0.1em; margin-top:0; } .new-home #content_box h3 { color:#666666; font-family:georgia, times, serif; font-size:1.4em; line-height:1.2em; margin-bottom:0; margin-top:0.2em; } .new-home #content_box h4 { color:#666666; font-family:georgia, times, serif; font-size:1.1em; font-weight:normal; line-height:1.3em; margin-bottom:0.1em; margin-top:0; } .new-home #content_box p.align-right { text-align:right; } .new-home #content_box img.frame { margin-right:0.5em; padding:6px; } h1.rule-above {border-top:2px solid #DCDCDC; clear:both; margin-top:80px; padding-top:20px;} /* image styles */ .custom .gravatar { display: inline; padding: none; background: none; background:none repeat scroll 0 0 #FFFFFF; border-color:#E8E8E8; font-family:georgia, times, serif; font-size:6px; line-height:6px; border:1px solid #EEEEEE; padding:2px; margin: 0.5em; } /*Post Gutter Styling */ .custom .post-gutter { border-top:1px solid #cccccc; margin-top:34px; padding-top:6px; color:#999999; } .custom .post-gutter-bookmarks { /* background-color:#f9f7e4; /*creamy beige*/ background-color:#ebebeb; /*light grey*/ color:#333333; padding: 6px 14px 10px 14px; float:right; margin-left:6px; margin-top:3px; } .custom .post-gutter-bookmarks ul{ list-style:disc; } .custom .related-posts { padding-top:4px; padding-left:4px; } .custom .related-posts ul { list-style:disc; } .custom .entry-content { padding-bottom:20px; } /* New author box */ .postauthor { background: #F9F7E4; border: 2px solid #F8F8F8; overflow: hidden; padding: 1.2em; width:53.5em; } .postauthor img { border: 1px solid #eeeeee; padding: 2px; float: left; margin-right: 1.5em; border-color:#E8E8E8; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 14.5px; width: 520px; line-height: 1.6em; } .postauthor a { text-decoration: underline; } .custom element.style { float:right; margin-left:10px; margin-top:20px; } * { margin:0; padding:0; }