/* 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/ */ /* Background / Border Tweaks */ .post, .teasers_box { border: none; } .prev_next, .bypostauthor .format_text, #archive_info, #trackback_list { border: none; } #footer, #footer a, #footer a:active { border: none; } #header { border: none; } #comment_list dt.comment, #comment_list dd.comment, #comment_list dl, #comment_list, #comment_list dd, #commentform, dl#comment_list dl dd .format_text { border: none; } #content_box, #column_wrap { background: none; } #image_box, #custom_box, #feature_box { background: none; border: none; } /* Text Tweaks */ .menu li a, .prev_next, #archive_info p { letter-spacing: normal; text-transform: none;} .headline_meta {font-style: normal;} .headline_meta span, .headline_meta abbr, .teaser abbr, .teaser span { letter-spacing: normal; text-transform: none; } .sidebar h3 { letter-spacing: normal; font-variant: normal; } dl#comment_list dd p.reply a, .comments_closed p { letter-spacing: normal; text-transform: none; } .bracket { display: none; } /* General */ .full_width .page { background: none; } body { background: url(images/bg-main.png); color: #555555; } .clearall { clear:both; } /* Navigation */ #navigation_area { background: #127a96 url(images/bg-nav.png) repeat-x bottom; height: 33px; } #navigation_area ul.menu { border:none; } #navigation_area ul.menu li { border-right: 1px solid #4db5ce; height: 33px; } #navigation_area ul.menu li a, #navigation_area ul.menu li a:hover { background:none; border:none; } #navigation_area ul.menu li a {color: #fff; font-size: 1.2em; padding: 0.7em 1.2em; text-shadow: #127a96 1px 1px; } #navigation_area ul.menu li.current a:hover, #navigation_area ul.menu li a:hover { color: #fff; } #navigation_area ul.menu li.tab-home { border-left: 1px solid #4db5ce; } #navigation_area ul.menu li a:hover { background: #125a6d; } #navigation_area ul.menu li li {background: #127a96; border-top: 1px solid #4db5ce; } #navigation_area ul.menu li li a:hover { background: none; } #navigation_area ul.menu li li:hover { background: #4db5ce; border-top: 1px solid #4db5ce; } #navigation_area ul.menu .rss { border: none; } #navigation_area ul.menu .rss a, #navigation_area ul.menu .rss a:hover { padding-right: 16px; } .custom .menu a {text-transform: uppercase; font-weight:bold; margin-top: 1px; } /* Header */ #header_area { height: 160px; padding-bottom: 0px; } #header #logo { background:url(images/twitter_fools_logo2.png) no-repeat scroll 0 0 transparent; height:141px; text-decoration:none; text-indent:-9999px; width:654px; float: left; margin-right: 2.5em;} #header { width: 90%; clear: none; padding-top: .5em;} #header_area { background: #fff url(images/bg-header.png) repeat-x top; } /* Posts */ #content_box #content .post { background: #fff url(images/bg-posts.png) top repeat-x; border: 1px solid #d7d8df; } #content_box #content .post_box {background: #fff url(images/bg-posts.png) top repeat-x; border: 1px solid #d7d8df; padding: 2em; margin-top: 2em; margin-bottom: 2.5em; } #archive_info, .archive_post_info { background: #f3f3f3; border: 1px solid #d7d8df; padding: 2em; margin: 2em 2.2em 2em 1.1em; } #archive_info p { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; } #archive_info h1 { font-weight: bold; } #content_box #content .top { margin-top: none; } .post_image {border: 1px solid #cacaca; } .post_box .entry-title, .post_box .entry-title a { font-weight: bold; } /* .post_box .entry-title { width: 65%; } */ .clearheader { border-bottom: 1px solid #cacaca; height: 1px; width: 100%; clear: both; margin-bottom: 20px; padding-top: 19px;} /* .headline_area .headline_meta { display: inline-block; float: right; width: 30%; height: 35px; text-transform: capitalize; font-size: 1.6em; height: 100%; line-height: normal; font-style: italic; color: #5c5c5c; clear: right; } .headline_area .headline_meta * { font-style: italic; } */ .to_comments a { background: url(images/icon-smcomments.png) left no-repeat; padding-left: 16px; color: #5C5C5C; float: right; margin-top: 5px;} .format_text .to_comments a span, .format_text .to_comments a { font-size: 1em; color: #5C5C5C; } .format_text .to_comments a:hover { color: #5C5C5C; text-decoration: underline; } .headline_area { margin-bottom: 0;} .prev_next p { font-weight: bold; font-size: 1.4em;} .post_nav a { font-size: 1em; } .prev_next { padding-top: 0; padding-bottom: 2em; } .teaser .entry-title a, .teaser .entry-title, .headline_area h1 { font-weight: bold; } /* Teasers */ .teaser { width:41%; padding:2em; } .teaser_comments { float: right; text-align: right; } .teaser_date { float: left; font-style: italic; } .teaser_postmeta { border-bottom: 1px solid #cacaca; margin-bottom: 12px; padding-bottom: 10px; color: #888888; font-size: 1.2em; } .teaser_comments a { color: #929191; background: url(images/icon-smcomments.png) no-repeat left center; padding-left: 14px;} .teaser_comments a:hover { color: #3f3f3f; } .teaser_link, .format_text .read-more { display: inline-block; padding: 6px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; line-height: normal; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } .teaser_link:hover, .read-more:hover { text-decoration: underline; } .teaser .format_teaser { margin-top: .5em; } /* SIDEBARS */ .custom #sidebar_1 { background:#ddffcc none repeat scroll;} .custom #sidebar_2 { background:#ddffcc none repeat scroll 0 0; } .custom .sidebar h3 {text-transform: uppercase; font-weight:bold; color: #6a7090; letter-spacing: 0px; padding: 10px 10px 10px 5px; background: #f5fff0;} /* .custom .sidebar h3 {text-transform: uppercase; font-weight:bold; color: #848cb5; letter-spacing: 0px; text-shadow: #1b1b1b 1px 1px; padding: 10px 10px 10px 5px; background: #f5fff0;} */ /* Comments */ #respond { background: #fff url(images/bg-posts.png) top repeat-x; border: 1px solid #d7d8df; padding: 2em; margin-left:1.1em; margin-right: 0; } #respond_intro { margin-top: 0; background: #313131 url(images/bg-footer.png) top repeat-x; padding: 1em; color: #fff; border: 1px solid #1b1b1b; font-weight: bold; line-height: normal; text-shadow: #1b1b1b 1px 1px; margin-left: 0; } #respond_intro p { color: #fff; } #commentform { padding: 0; padding-top: 2em;} #commentform input, #commentform textarea {background: #efefef; border: #d3d3d3 1px solid; } #comment_list { background: #fff url(images/bg-posts.png) top repeat-x; border: 1px solid #d7d8df; padding: 2em; margin: 0 0 2em 1.1em; } .comment span.avatar { background:#FFFFFF; border:1px solid #d7d8df; float: left; margin:0 10px 10px 0; padding:4px; } .avatar img { margin: 0; float: left; } .comments_intro { margin-top: 1em; margin-bottom: 1em; text-align: center; font-weight: bold; font-size: 1.6em; } .comments_intro span { font-size: 1em; color: inherit; } .comment { background:#F3F3F3 none repeat scroll 0 0; padding: 1em; } .comment .format_text { font-size: 1.2em; } #comment_list dd.comment { margin-bottom: 2em; border: 1px solid #D7D8DF; border-top: none; padding-top: 0; } #comment_list dt.comment { border: 1px solid #D7D8DF; border-bottom: none; padding-bottom: 5px; } #commentform #submit { margin: 0; text-transform: none; letter-spacing: normal; font-size: 1.1em; border: none; font-weight: normal; display: inline-block; padding: 6px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; line-height: normal; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } #commentform #submit:hover { text-decoration: underline; } #commentform p .required { color: #4095d5; } #commentform p { font-weight: bold; } dl#comment_list .bypostauthor { background: #F3F3F3; } .bypostauthor span.avatar { border-color:#333; } #comment_list dd.comment .children dt.comment, #comment_list dd.comment .children dd.comment { background: none; border: none; } dl#comment_list dd p.reply a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border:0 none; color:#FFFFFF; display:inline-block; font-size:12px; font-weight:bold; letter-spacing:normal; line-height:normal; margin:0; padding:4px 11px; text-decoration:none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-transform:none; } .comments_closed p { background: #F3F3F3; padding: 2em; border: 1px solid #D7D8DF; font-size: 1.6em; text-align: center; font-style: italic; } .comments_closed { margin-top: 2.2em; } #comments { margin-bottom: 2.2em; } /* Widget Footer */ #widget_footer_area { padding: 4em 0 2em 0; } .footer_list { list-style: none; } #widget_footer_area div.col { float: left; width: 30%; } #widget_footer_area div.Footer3 { float: right; margin-right: 1.1%; } #widget_footer_area div.Footer2 { margin-left: 4%; } #widget_footer_area div.Footer1 { float: left; margin-left: 1.1%; } .footer_list h3 { color: #fff; font-weight: bold; font-size: 1.4em; margin-bottom: 1em; } .footer_list .widget { color: #fff; font-weight: bold; font-size: 1.1em; text-decoration:none;} .footer_list .widget a { text-decoration: underline; color: #fff; } .footer_list li.widget .widget_box { background: none; border: none; padding: 0; } #widget_footer_area { background: url(../images/bg-widget-footer.png) top repeat-x #107492; } /* Footer */ #footer { padding-top: 1.1em; } #footer_area a { color: #dddddd; } #footer_area a:hover { text-decoration: underline; } #footer_area p {color: #fff; font-weight: bold; text-shadow: 1px 1px #222; } #footer_area { background: url(images/bg-footer.png) bottom repeat-x; height: 50px; } #footer_area .page { padding-bottom: 0; } .footer_copy { float: left; padding-top: .5em; } .backtotop .top { cursor: pointer; background: url(images/graphic-top.png) no-repeat; display: block; width: 70px; height: 28px; text-indent: -9999px; float: right; outline: none; } .backtotop .top:hover { opacity: 0.8; } #footer {clear:both; font-weight:bold; text-align:left; text-transform:uppercase;} /* Custom Featured Area */ #content_box #content #featured_area { background: #313131 url(images/bg-featuredarea.png) repeat-x top; border: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-weight: bold; color: #fff; } #content_box #content #featured_area .format_text { line-height: 1.8em; text-shadow:1px 1px #1B1B1B; } .promo_left { margin: 0 0 0 10px; padding: 5px 0; float: left; } .promo_link { display: block; float: right; margin: 15px 10px 0; } .promo_link:hover { opacity: 0.8; } /* Buttons */ .teaser_link, .format_text .read-more, #commentform #submit, .bypostauthor span.avatar, dl#comment_list dd p.reply a { background: #1E649B url(images/button-bg.png) top repeat-x; } #navigation_area ul.menu .rss a { background: url(images/icon-rss.png) right no-repeat; } #navigation_area ul.menu .rss a:hover { background: url(images/icon-rss.png) right no-repeat; } /* Links */ a { color: #2361a1; } .custom #footer_area p {color:#FFFFFF; font-weight:bold; text-shadow:1px 1px #222222; } #footer p { font-size:1.2em; line-height:1.667em;} .custom .footer_copy {align:left padding-top:0.5em; padding-right:2.5em;}