/* File: custom.css Description: Custom styles for the Thesis Theme that you define Use: 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 overwrite *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! */ body.custom { background: #000000 url('images/blackbackground.jpg'); } .custom #container { border: 1.7em solid #A07D60; margin:0 auto; margin-top: 2em; margin-bottom: 2em; } .custom #page { background: #fff; padding:2em; } .custom #header { padding: 20px; } .custom a, .custom a:visited { color: #A07D60; text-decoration: none; } .custom a:hover { color: #000000; text-decoration: none; } .custom .headline_area h1, .custom .headline_area h2 { font-size:2.2em; line-height:1.364em; color: #A07D60; font-style: italic; font-family: Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom h2 a, h2 a:visited { color: #A07D60; text-decoration: none; font-size: 1.1em; font-style: italic; font-family: Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom h2 a:hover { color: #225566; text-decoration: none; font-size: 1.1em; font-style: italic; font-family: Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom .post h3 { font-weight: normal; font-size: 1.6em; font-color: #A07D60; font-style: italic; font-family: Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom .format_text h3 { line-height:1.222em; margin:0.8em 0 0.611em; } .custom .format_text .post_tags { font-size:0.57em; line-height:0.1em; margin-bottom:0.1em; } .custom h4 { font-size:1em; font-weight:normal; } .custom .format_text .drop_cap { color: #A07D60; float: left; } .custom input.form_submit:hover { color: #A07D60; } .custom blockquote { color: #000000; margin: 0 0 1.57413em 0.78571em; padding-left: 0.78571em; border-left: 1px double #A07D60; } .custom blockquote.left { font-weight: normal; font-color: #000000; margin: 0 0 1.57413em 0.78571em; padding: 0.78571em; border: 3px double #A07D60; border-width: 3px 0; float: left; } .custom blockquote.right { font-weight: normal; font-color: #000000; margin: 0 0 1.57413em 0.78571em; padding: 0.78571em; border: 3px double #A07D60; border-width: 3px 0; float: right; } .custom #custom_box { padding: .8em; background: #ffffff; border-bottom: 1px solid #ddd; } .custom #custom_box h3 { font-weight: normal; font-size: 1.28571em; font-color: #000000; line-height: 1.22222em; } .custom #sidebars a { color: #225566; } .custom .sidebar h3 { border-bottom: 1px solid #DDDDDD; color: #A07D60; font-size: 1.1em; font-weight: normal; line-height: 1.22222em; font-variant: small-caps; letter-spacing: 2px; } .custom .sidebar ul.sidebar_list { padding-top:1em; } .custom .entry-title a, .custom .entry-title, { color: #A07D60 !important; font-size: 2.2em; line-height: 1.1em; } .custom .format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; } .custom .format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; } .custom .format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; } .custom .format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; } .custom .format_text .wp-caption { text-align: center; padding: 0.714em; line-height: 1.22222em; } .custom .format_text .wp-caption p { font-size: 0.786em; margin-bottom: 0; } .custom .photo img { float:left; margin: 0 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: none; clear: both; text-align: justify; } .custom .teasers_box { width: 90.4em; padding-top: 0; padding-bottom:0; border-top: 0; } .custom #sidebars { border:none; } .custom #feature_box { background:#FFFFFF none repeat scroll 0 0; border-top:1px solid #DDDDDD; border-bottom:none; } .custom .archive1 { float: right; width: 48%; padding-right: 2%; } /* === CUSTOM HEADER === */ .custom #header_1 { text-align:left; color:#A07D60; font-size:11px; border-bottom:3px double #DDDDDD; clear:both; color:#888888; } .custom #header_1 ul.sidebar_list li.widget { width:23%; margin-right:2%; float:left; margin-bottom: 0.57em; } .custom #header_1 ul.sidebar_list li.widget { float:left; margin-bottom: 0.57em; } .custom #header_1 ul.sidebar_list li.widget h4 { color:#A07D60; border-bottom:1px solid #DDDDDD; font-weight: normal; font-size: 1.1em; line-height: 1.22222em; font-variant: small-caps; letter-spacing: 2px; } .custom #header_1 ul.sidebar_list li.widget a { color:#A07D60; border-bottom:0; } .custom #header_1 ul.sidebar_list li.widget a:hover { color:#A07D60; } .custom #header_1 ul.format_text .alignleft { padding: 0.2em; margin: 1em 1.571em 1.571em 0; line-height: 1.429em; float: left; clear: left; font-size: .75em; } .custom #header_1 img.badge { float:center; margin: 1em 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } .custom #header_1 img.profile { float:left; margin: 0 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } /* === CUSTOM FOOTER === */ .custom #footer_1 { text-align:left; color:#A07D60; font-size:11px; border-top:3px double #DDDDDD; clear:both; color:#888888; } .custom #footer_1 ul.sidebar_list li.widget { width:31%; margin-right:2%; float:left; margin-bottom: 0.57em; } .custom #footer_1 ul.sidebar_list li.widget h4 { color:#A07D60; border-bottom:1px solid #DDDDDD; font-size: 1.1em; font-weight: normal; line-height: 1.22222em; font-variant: small-caps; letter-spacing: 2px; } .custom #footer_1 ul.sidebar_list li.widget a { color:#A07D60; border-bottom:0; } .custom #footer_1 ul.sidebar_list li.widget a:hover { color:#A07D60; } .custom #footer_1 ul.format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; font-size: .75em; } .custom #footer_1 img.badge { float:center; margin: 1em 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } .custom #footer_1 img.profile { float:left; margin: 1em 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } /* === COMMENTS === */ #comments .comments_intro { font-family:Georgia,"Times New Roman",Times,serif; } .custom dl#comment_list dt.comment { width:20em; float:left; clear:left; font-family:Georgia,"Times New Roman",Times,serif; } .custom .comment_num { float:left; padding-left:.1em; font-size:1.2em; } .custom .avatar img { float:left; margin-left:.20em; padding:0.25em; background:#eee; border:#ddd solid 0.1em; vertical-align:text-top; } .custom dl#comment_list dt.comment span { } .custom dl#comment_list dt.comment span.comment_author, .custom dl#comment_list dt.comment span.comment_time, .custom dl#comment_list dt.comment span.edit_comment { display:block; float:left; padding-left:0; width:10.167em; } .custom dl#comment_list dt.comment span.comment_author { font-size:1.2em; width:25em; } .custom dl#comment_list dd.comment { padding-bottom:1em; } .custom dl#comment_list dd.comment .format_text {padding-top:1em; padding-left:16em; } .custom dl#comment_list dd { border-bottom:1px double #A07D60; } .custom .author_comment { background: #eeeeee !important; } .custom dl#comment_list .bypostauthor { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#eeeeee none repeat scroll 0 0; } /* === TWITTER === */ .custom #twitter_div { margin: 1em 0 0 0; padding:0.50em; font-size: 1em; border:3px double #eeeeee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .custom #twitter_div img { float:right; } /* === AUTHOR BIO BOX === */ .custom #biobox_div { text-align:left; color:#A07D60; font-size:12px; } .custom #biobox h3 { color: #A07D60; } .custom #biobox ul.sidebar_list li.widget a { color:#A07D60; border-bottom:0; font-variant: small-caps; letter-spacing: 2px; } .custom #biobox ul.sidebar_list li.widget a:hover { color:#A07D60; } .custom #biobox ul.format_text .alignleft { margin: 1em 1.571em 1.571em 0; float: left; clear: left; font-size: .75em; } .custom #biobox img.profile { float:left; margin: 1em 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } .custom .comments_closed p { display: none; }