/* 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/ body.custom { background: #33383a url('images/bg-rock.jpg') 50% 0 no-repeat; } body.custom { background: #e0d4b6 50% 0 no-repeat; } */ .custom .clearit { clear: both; } body.custom { background: #efe6d1 url(images/bg03.gif) repeat-y scroll center top; } .custom #container {padding: 0em; width: 1034px;} /* .custom #page { background: #efe6d1; padding: 0em; border: 1px #EEEEEE solid; } */ .custom #page {background: none; padding: 0em 0em 0em 0.1em;} .custom a { color: #2341A1; } .custom a:hover { color: #2341A1; text-decoration: underline;} .custom h2 a { color: #111111; } .custom #header { border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD; background-color: #FFFFFF; border-width: 1px; border-style: solid; margin: 3px 3px 1px 3px; padding-top: 1.2em; padding-bottom: 0.5em; } .custom #logo { float: left;} .custom #header #logo, .custom #header #tagline { text-indent:-9999px; } .custom #header #logo a { background:transparent url(http://images.writeitsideways.com/content/logo.jpg) no-repeat scroll 0 0; display:block; height:135px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; width:420px; float: left; } .custom h3 {font-weight: bold; } .custom #navigation { float: right; } .custom .menu a { font-size: 1.4em; color: #2341A1; margin-top: 0.55em; padding: 0.583em 0.6em 0.2em; } .custom .menu .current a, .menu .current-cat a, .current-cat a:hover, .menu a:hover { font-color: #EFE4CA; text-decoration: underline; cursor:pointer; } .custom #header .header-rss { float: right; padding: 2em 2em 0em 0em; font-size: 1.3em; text-align:right;} .custom #header .header-rss p { display: block; vertical-align: middle; } .custom #header .header-rss img { vertical-align: middle; } .custom #header .header-rss a { vertical-align: middle; } .custom #header .header-rss a:hover { text-decoration:underline; } .custom #content { width: 624px; background-color: #ffffff; padding-left: 1em; margin: 3px 0px 3px 3px; padding-left: 0; border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid;} .custom #content_box { background: none; } .custom .headline_meta { padding-left: 5px; } .custom .post_box, .teasers_box { width: 95%;} .custom .post_box, .teasers_box, .full_width #content_box .page { margin: 0 10px 0 20px; } .custom #content .header-rss img { padding: 0 0 0 0.5em; margin: 0; background: none; border: 0px; } .custom .format_text { line-height: 1.671em; } .custom .format_text img, .format_teaser img { margin: 0em 2em 2em 0.4em; padding:0.2em; background:#EEEEEE none repeat scroll 0 0; border: 1px solid #DDDDDD; } .custom .format_text li { padding: 0 0 0.5em 0; } .custom .format_text .to_comments { float: right; margin: 1.233em 1em; clear:none; } .custom .format_text a { text-decoration: none; } .custom .format_text a:hover { text-decoration: underline; } .custom .format_text p { margin-bottom: 1em; } .custom .post_footer { clear: both; } .custom .post_footer { background-color: #FFFFFF; width: 100%; border: 0; margin: 0.5em; padding:0.2em; } .photo_credit { vertical-align: middle; float: right; padding: 10px 30px 0px 0px;} .photo_credit a { color: #888888; font-style: italic; } .custom .sharing_links { float: right; margin: 0 1em 1em 0; } .custom .sharing_links img { background: none; vertical-align: middle; margin: 0 0.2em 0 0; padding: 0; border: 0px; } .custom #comment_list img { background: none; border: 0px; margin: 0; padding: 0; } .custom .comment-author-author { background-color: #f4efe4; } .custom .to_comments a { color: #DF7718; } .custom .to_comments a:hover { color: #DF7718; } .custom .relatedposts { background: transparent; border: 0px; margin: 2.5em 1em 0em 0em; padding: 5px; } .custom .post-article-subscribe { background: #FFE; border: 1px solid #DF7718; margin: 1.5em 1em 2em 0em; padding: 5px; } /*** TEASERS ***/ .custom .teasers_box { width: 594px; } .custom .teaser { width: 100%; margin: 0 0 1em 0;} .custom .teaser_link { clear:both; float: right; margin-left: 5px; margin-right: 15px; } .custom .teaser_comments { float: right; margin: 0px 14px 3px 0px; } .custom .teaser a.teaser_comments { border-bottom: none; color: #2341A1; text-transform: none; } .custom .teaser a:hover { text-decoration: underline; } .custom .teaser_date { margin-left: 5px; } .custom .teaser .format_teaser .post_image_link img.alignleft { margin: 0em 0.75em 1.5em 0em; } .custom .teaser_right { float: left; } .custom .prev_next { border: none; } .custom #archive_info, .prev_next { margin-right: 1em; margin-left: 1em; } .custom .prev_next a { font-size:1.2em; } /*** SIDEBARS ***/ .custom #sidebar_wrapper { width 400px; margin-bottom: 0.5em; } .custom #sidebars { width: 400px; margin: 3px 0px 3px 0px; } .custom .sidebar { background-color:#FFFFFF; width: 395px; } .custom ul.sidebar_list { padding-top:1.5em; } /*** Sidebar PRE ***/ .custom #sidebar_pre { border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid; background-color: #FFFFFF; margin: 0 0.2em 0.5em 0; font-size:1.4em; line-height:1.429em; padding: 1em 0em 1.5em 0; height: 17.5em;} #sidebar_pre .header-rss { padding-left: 10px; margin-bottom: 1em; } .custom #sidebar_1 { border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid; margin: 3px 0px;} .custom #sidebar_pre h3 { color: #333333; font-variant:small-caps; letter-spacing:2px; font-size:1em; margin-bottom:0.5em;} .custom #sidebar_pre .textwidget { padding-left: 1.1em; line-height: 1.4em; color: #333333; font-size: 1em;} .custom #sidebar_pre ul.sidebar_list { padding-top: 0em; line-height: 2em;} /*** Sidebar Panel ***/ .custom .sidebar_panel { font-size:1.4em; padding: 0em 1.1em 0em; border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid; } .custom .sidebar_panel_content { padding-left: 10px;} .custom .sidebar_panel h3 { padding-top: 1em;} /*** Form and Button Styles ***/ .custom input.sendbutton { padding:0.15em; background:transparent url(../custom/images/button-bg.gif) repeat scroll 0 0; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-width:1px; color:#555555; cursor:pointer; overflow:visible; width:auto !important;} .custom input.sendbutton:hover, input.resetbutton:hover { color:#2361A1; background-color:#FFFFFF;} .custom input:hover, textarea:hover, select:hover {background:#FFF;} .custom input:focus, textarea:focus, select:focus {background:#FFF;} .custom textarea, input { background-color: #FFFFFF;} .custom .sidebar input, .sidebar textarea { margin: 0.2em 0.2em 0.2em 0em; } /*** Sidebar POST ***/ .custom #sidebar_post { border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid; background-color: #FFFFFF; margin: 0 0.2em 0.2em 0; font-size:1.4em; line-height:1.429em;} .custom #sidebar_post img { margin: 0.2em 1.3em 1em 0.2em; padding-left: 1.5em; opacity: 0.6; } .custom #sidebar_post img:hover { opacity: 1; } .custom #sidebar_post h3 { padding: 1em 0 0 1.1em; margin-bottom: 0.7em; } .custom #sidebar_post .textwidget { padding-left: 1.1em; line-height: 1.4em; color: #333333; font-size: 1em;} .custom #sidebar_post ul.sidebar_list { padding-top: 0em; line-height: 2em;} .custom #sidebar_post li { padding-left:10px;} /*** Sidebar Contribute ***/ .custom #sidebar_contr { border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE; border-width: 1px; border-style: solid; background-color: #FFFFFF; margin: 0 0.2em 0 0; font-size:1.4em; line-height:1.429em; padding: 1em 0em 1.5em 0;} .custom #sidebar_contr h3 { padding: 1em 0 0 1.1em; margin-bottom: 0.7em; } .custom .leftbox { float: left; width: 195px; } .custom .rightbox { float: right; width: 195px;} .custom .s_fullwidth { width: 395px; border: 1px solid #DDDDDD; margin: 0 0 3px 0; background-color: #FFFFFF; } .custom .sidebar h3 { color: #333333; } .custom dl#comment_list .bypostauthor { background:#FFFFFF none repeat scroll 0 0; } .custom input.form_submit:hover { color: #2341A1; } .custom li.widget { margin-bottom: 2em; } .custom .widget { margin-bottom: 1em; } .custom li.widget ul { padding-left:10px; color:#333333; } .custom li.widget p a { text-decoration: none; } .custom li.widget p a:hover { text-decoration: underline; } /*** FOOTER ***/ .custom #footer { border-top: none; padding-bottom: 0.5em; } .custom #footer a { border-bottom: none; color: #2341A1; } .custom #footer a:hover { text-decoration: underline;} .custom .footer-left { float: left; } .custom .footer-right { float: right; } /*** Extras, non-Thesis styling ***/ .subscribe-text { padding-bottom: 5px; } .addtoany_share_save_container { float: right; margin-right: 0.5em;} /*** Intense Debate comments .custom #idc-container-parent #idc-container div { line-height: 1.671em !important; } .custom #idc-container-parent #idc-container { margin:3em 0 0 1.5em; width:95%; } .custom #idc-container-parent #idc-container .idc-thread .idc-thread .idc-c { padding: 2em 0 0 18px; line-height: 1.671em;} .custom #idc-container-parent #idc-container .idc-c-h { background: #FFFFFF none repeat scroll 100% 0; } .custom #idc-container-parent #idc-container .idc-footer { display: none; } .custom #idc-container-parent #idc-container .idc-c { border-top:0px solid #EEEEEE; } .custom #idc-container-parent #idc-container .idc-c .idc-c-h { background: #FFFFFF none repeat scroll 100% 0; padding-top: 10px;} .custom #idc-container-parent #idc-container .idc-c-t { margin: 0 0 1em 0em; } .custom #idc-container-parent #idc-container.idc .idc-c-b { margin: 0 0 0 1.5em; } .custom #idc-container-parent #idc-container .idc-c-t .idc-c-t-inner { line-height:1.671em; } .custom #idc-container-parent #idc-container .idc-tb { margin: 0 0 0 5px; padding: 5px 10px 5px 20px; border-left: 4px #EEEEEE solid; } textarea#IDCommentNewThreadText { width: 580px;} ***/ /*** DISQUS COMMENTS ***/ .custom #disqus_thread { margin: 1.8em; } .custom .dsq-brlink { display: none; } .custom #dsq-content .dsq-dc-logo { display: none; } .custom #dsq-content { font-size: 1.4em; } .custom li.dsq-comment { margin-bottom: 2em;} .custom #dsq-content .dsq-options { background: none; } .custom #dsq-content .dsq-comment-message { line-height: 1.671em; } .custom #dsq-content .dsq-reaction-header td { padding: 0.2em; } .custom #dsq-content .dsq-pagination { background: none; } .custom #dsq-content h3 { border-bottom: 1px solid #DF7718; border-top: 2px solid #DF7718; color: #DF7718; margin: 1.5em 0em 1em 0em; padding: 0.4em; } .custom #dsq-content .dsq-h3-reactions { background: none; } .custom #topcommenters li { padding: 0px; } .custom a.dsq-widget-user { font-weight: normal; } .custom #dsq-content .dsq-item-trackback input { width: 470px; } /*** Miscellaneous ***/ #s { background:#FFFFFF none repeat scroll 0 0; padding: 3px; border: 1px solid; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; line-height: 1.429em; width: 92%; color: #BBBBBB; } #s:focus { background-color: #FFFFFF; } .custom .search_form { padding-left: 0px; } .custom #padding14 { margin-top: 7em; margin-bottom: 7em; } .wwsgd { padding: 5px; margin: 0px 0px 10px 5px; border: 1px solid #EEEEEE; background-color: #FFFFEE;} /*** Google Custom Search ***/ .custom #cse-search-box { float: right; margin: 50px 15px 0px 10px; font-size: 1.2em; } .custom #cse-search-box input, textarea { padding: 2px; background: #FFFFFF none repeat scroll 0 0; color: #AAAAAA; border: 1px solid #BBBBBB;} .custom #cse-search-box input:hover { color:#2341A1;} .custom .s_label { color: #888888; font-size: 1.1em; } .custom #cse-search-results iframe { width: 590px; } /*** Drop caps plugin styling span.cap span { display:block; height:0; position: relative; right: 0.06em; top: -1.06em; } ***/ span.cap { color: #333333; float:left; line-height:0.9em; padding-right:0.1em; margin-bottom:-0.2em; font-size:320%;} /*** Facebook Fan button .custom .fan_box { font-family: georgia,tahoma,verdana,arial,sans-serif; } .custom .fan_box .connect_top { padding: 0; font-family: georgia,tahoma,verdana,arial,sans-serif; } ***/ /*** Sexy Bookmarks .custom div.sexy-bookmarks { clear:none !important; } ***/ /*** Sharing badges ***/ .custom .sharing { height: 90px; vertical-align: bottom; padding: 0.8em 0em 0.8em 1em; background: #FFF; border: 1px solid #DF7718; margin: 0.5em 1em 0.5em 0em; } .custom .shareblurb { float: left; } .custom .tweetbadge { position: relative; padding-top: 4px; width: 55px; margin-right: 1.2em; float: left;} .custom .stumblebadge { padding-top: 5px; width: 55px; margin-right: 1.2em; float: left;} .custom .facebookbadge { padding-top: 6px; width: 55px; margin-right: 1.2em; float: left; } .custom .delbadge { padding-top: 40px; width: 300px; margin-right: 1.2em; float: left; } .custom .delicious-blogbadge {width: 280px; border: none; } .custom .empty-message { display: none; } .custom .url-link { display: none; } .custom .fb_share_count_nub_top { background-image: none; } .custom .fb_share_count_top { margin-bottom: 0; } .custom .fb_share_no_count { display: block; } /*** Promotion box ***/ .custom .promotion { margin: 2em auto 0em;} .custom .promotion img { border: none; margin: 0; } /*** Sidebar ads ***/ .custom .google_ads { margin-left: 20px; } .custom .thesis_sidebar { margin-bottom: 2em; } .custom .adb .adt { font-size: 1.4em; }