/* 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 h4 a, .custom h4 a:visited { text-decoration: none; color: #881100; } .custom h4 a:hover { color: #638107; } .custom a { color: #BAD4EF; text-decoration: none; } .custom h1 { font-family: "Times New Roman"; font-size: 4em; line-height: 1em; padding-bottom: .5em; color: #fff; } .custom h2 a { font-family: Georgia; font-size: 2.2em; color: #FFD044; line-height:1em; letter-spacing: 0; text-shadow: 0 0 0 #000; } /* Featured Post Formatting */ .custom #feature_box { background: #1B262E; border: none; } .custom #my-feature-box { font-family: Georgia,"Times New Roman", Arial,sans-serif; color: #393939; padding: 22px 15px 22px 15px; } .custom #my-feature-box h2 { font-size: 2.2em; margin: 0 0 15px 0; } .custom #my-feature-box h2 a { color: #000000; text-decoration: none; } .custom #my-feature-box h2 a:hover { color: #ffffff; } .custom #my-feature-box p { font-size: 1.4em; line-height:1.571em; text-align: justify;} .custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; } .custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; } a.teaser_link { color: #FFD044; } /****************************/ .custom .format_teaser.entry-content p { padding-top: 20px; border-top: #293239 solid 1px; } .custom .format_text.entry-content a { color: #FFD044; } .custom .format_text.entry-content p { padding-left: 12em; font-size: medium; line-height: 1.5; } .custom .format_text.entry-content ul { padding-left: 13em; font-size: medium; } .custom .format_text.entry-content h3 { color: #fff; font-size:175%; line-height:1.4; margin:2.25em 4em 0.8em; } /** CONTENT PAGE **/ .custom blockquote { color: #FFD044; margin-bottom:0.5em; margin-left:1.8em; border-left: none; font-size: 3em; } .custom .format_text.entry-content blockquote p { font-size: .65em; padding-left: 0em; } /*****************/ .custom h3 a { font-size: 125%; color: #FFD044; line-height: 1.4; letter-spacing: 1px; font-style: italic; text-shadow: 0 0 0 #000; } .custom h4 a { font-size: 48px; color: #C7E5FD; letter-spacing: 0; text-shadow: 0 0 0 #000; } body.custom { background: #10171C; font-family: Georgia, "Times New Roman", Times, Baskerville, Georgia, serif; line-height: 1.5em; color: #9FA8B3; letter-spacing: 1px; } .custom #container { margin: 0 auto; margin-bottom: 2em; padding: 0; } .custom #page { padding: 0; padding-top: 3em; } /* HEADER */ .custom #header #logo a { display: block; height: 170px; background: url('http://www.siosism.com/downloads/logos/logo_siosism_white.png') no-repeat; outline: none; margin-left: 4.5em;} .custom #header #logo { text-indent: -9999px;} .custom #header #tagline { font-size: small; color: #FFD044; font-family: Helvetica; padding-left: 15em;text-align: center; height: 20px; } .custom #header { padding: 0; border-bottom:none; padding-bottom: 5em; } .custom #header, .custom #header #logo { margin-left: 0; margin-right: 0; } .custom ul#tabs { background: #BAD4EF; border: none; border-bottom: #0E161B 5px dotted; font-size: .7em; position: fixed; top: 0; padding-left: 40px; width: 930px; z-index: 10; } .custom ul#tabs li { background: #BAD4EF; border: none;} .custom ul#tabs li a { padding: 1em; } .custom ul#tabs li a:hover {color: #000; text-decoration: none; background-color: #FFD044; } .custom #content_box { background:none;} /* SIDEBARS */ .custom .tweetmeme_button { margin-top: 0em; } .custom #sidebar_1 ul.sidebar_list { font-size: 1.2em; font-family: "Times New Roman", Georgia; background: #10171C; margin-left: 6em; width: 300px; } .custom #sidebar_1 ul.sidebar_list a { color: #515C69; text-decoration: none; } .custom #sidebar_1 ul.sidebar_list li { line-height: 1.5em; padding-left: 20px; padding-right: 5em; } .custom #sidebar_1 ul.sidebar_list a:hover { color: #FFD044; } .custom #sidebar_1 ul.sidebar_list h3 { font-family: "Times New roman", Georgia; font-size: 2em; } /* TEASER BOX */ .custom #content { float: left; } .custom .teasers_box { font-size: 100%; margin-bottom: 2em; border-top: none; } .custom .teasers_box.top { font-size: 100%; padding: 20px 20px; border-top: none; margin-top: 80px; margin-bottom: 100px; } .custom a.teaser_category { border-bottom: none; color: #fff; font-style: italic; } .custom a.teaser_category:hover { color: #fff; } .custom .format_text.entry-content p.to_comments a span{ color: #fff; } /* Content */ .custom #content.hfeed { width: 620px; } .custom img.post_image { border: solid #2A3C49 5px; margin-right: 5em; } .custom img.thumb { width: 5em; height: 5em; border: solid #2A3C49 5px; margin-right: 5em; margin-top: 2em; } /* RSS Widget */ .custom a.rsswidget { text-decoration: none; color: #5E92BB; } /*************/ /* MULTIMEDIA BOX */ .custom #image_box img { height: 20em; width: 20em; } .custom #image_box img.two_by_three { height: 30em; width: 20em; } .custom #image_box img.three_by_two { height: 10em; width: 20em; } .custom #image_box img.four_by_three { height: 15em; width: 20em; } .custom #image_box { width: 20.5em; margin-left: 10em; } /* VIDEO BOX */ .custom #video_box { margin-left: 100px; } /* Custom p class for formatting */ .blitz { background: #E0E0E0; font: small Candara; text-align: left; padding: 20px; /* border-top: 3px solid #B6B6B6; */ /* border-bottom: 3px solid #B6B6B6; */ } /* CUSTOM FOOTER */ .custom #footer { margin: 20em 0; position: absolute; border-top: #19242C solid 1px; } .custom #footer_1.sidebar ul.sidebar_list li.widget p { font-family: "Times New Romans", Georgia; font-size: 1.2em; color: #858585; } .custom #footer_1.sidebar { margin: 0 auto; float: left; padding-left: 5em; width: 960px; } .custom #footer_area { } .custom #footer_1 {text-align:left; color:#333;} .custom #footer_1 ul.sidebar_list li.widget {width:23%; margin-right:2%; float:left;} .custom #footer_1 ul.sidebar_list li.widget h3 {color:#C7E5FD; font-family: "Times New Roman"; font-size: 1.5em;} .custom #footer_1 ul.sidebar_list li.widget a {color:#444; border-bottom:0;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#FFD044; text-decoration: none;} /** CUSTOM BOX **/ .custom #custom_box { background: none; border-bottom: none; float: right; }