/*
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/
*/
/* Customize background color */
body.custom {
background: #44443f;
}
/* Customize background color and padding/margins */
.custom #container {
margin-top: 2em;
margin-bottom: 2em;
padding: 0.3em;
background: #33332f;
border: 0.4em solid #3e3e3a;
}
/* Customize page background color to white */
.custom #page {
background: #fff;
}
/* Override header padding and bottom border */
.custom #header {
padding: 0px;
border-bottom: none;
}
/* Override footer text alignment */
.custom #footer {
text-align: center;
}
/* Override the space between widget boxes in the sidebar*/
.custom li.widget
{
margin-bottom: 1em;
}
/* Add styles for RSS list items */
.custom li.subscriptions .rss a
{
background: transparent url(../images/icon-rss.gif) no-repeat scroll 0 50%;
padding-left: 20px;
}
/* Add styles for Email list items */
.custom li.subscriptions .email a
{
background: transparent url(../images/icon-email.gif) no-repeat scroll 0 50%;
padding-left: 20px;
}
/* Customize space underneath post byline (e.g., date) */
.custom .headline_area
{
margin-bottom: .5em;
}
/* Modify style of title for every post under the "blog"
category.
*/
.category-blog h1.entry-title
{
font-size: 1.8em;
background: transparent url(images/icon_blog1.jpg) no-repeat scroll 2px 5px;
padding-left: 35px;
}
/* Modify style of title for every post under the "blog"
category.
*/
.category-blog h2.entry-title
{
font-size: 1.8em;
background: transparent url(images/icon_blog1.jpg) no-repeat scroll 2px 5px;
padding-left: 35px;
}
/* Modify style of title for every post under the "whitepapers-and-notes"
category.
*/
.category-whitepapers-and-notes h1.entry-title
{
font-size: 1.8em;
background: transparent url(images/icon_doc1.jpg) no-repeat scroll 2px 5px;
padding-left: 35px;
}
/* Modify style of title for every post under the "whitepapers-and-notes"
category.
*/
.category-whitepapers-and-notes h2.entry-title
{
font-size: 1.8em;
background: transparent url(images/icon_doc1.jpg) no-repeat scroll 2px 5px;
padding-left: 35px;
}
/* Hide the author/date byline for posts on the Whitepapers & Notes page */
.whitepapers .headline_meta { display: none; }
/* Modify appearance of "Read more" link on Whitepapers & Notes page */
.whitepapers .more-link
{
display: block;
margin-top: .2em;
font-size: .8em;
text-align: right;
}
#content .format_text h2
{
font-size: 1.4em;
text-decoration: underline;
margin-bottom: 10px;
}
#content .format_text h3
{
font-size: 1.1em;
font-weight: bold;
margin: 1.2em 0 0.611em;
}
.wp-caption
{
background-color: #F3F3F3;
border: 1px solid #DDDDDD;
margin-left: 10px;
margin-bottom: 1.571em;
padding: 5px;
text-align: center;
}
p.wp-caption-text
{
font-size: .8em;
font-family: arial, "lucida console", sans-serif;
line-height: 1.2em;
margin-bottom: 0px;
}
#about_author
{
background-color: #F3F3F3;
border-style: solid;
border-color: #DDDDDD;
border-width: 1px 0px 1px 0px;
padding: 5px;
font-style: italic;
font-size: .9em;
font-family: arial, "lucida console", sans-serif;
margin-bottom: 1.571em;
}
.custom .note
{
background-color: #F3F3F3;
border-style: solid;
border-color: #DDDDDD;
border-width: 1px 1px 1px 1px;
padding: 5px;
font-size: .9em;
font-family: arial, "lucida console", sans-serif;
margin-bottom: 1.571em;
line-height: 1.4em;
}
.custom .format_text .post_tags
{
float: right;
}
/* Eliminate padding for the syntaxhighlighting blocks */
.custom .format_text pre
{
padding: 0px;
}
/* Customize appearance inside posts (not header) */
.custom .format_text li
{
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
}
/* Ensure that text will wrap around divs (usually images) in posts */
.custom .entry-content .alignright
{
float: right;
}
/* Ensure that text will wrap around divs (usually images) in posts */
.custom .entry-content .alignleft
{
float: left;
margin-left: 0px;
margin-right: 10px;
}
/* This is used to style a div that appears at the end of each post */
.custom #post_footer
{
clear: both;
}
/* Trick for getting IE7 to smoothly resize images if the height/width tags are not original values*/
.custom img
{
-ms-interpolation-mode: bicubic;
}
.custom #comment_list
{
font-family: sans-serif;
font-size: .85em;
}
.custom dl#comment_list dt .comment_author
{
font-size: 1.4em;
}