/* 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: #468e64 url('images/MintBackground.png'); } .custom .entry-title a{text-align: center !important;} .custom .headline_meta {text-align:center;} .custom .headline_area {text-align:center;} .custom #archive_info {text-align:center;} .custom #container {margin-top: 2em; margin-bottom: 2em; padding: 0.3em; border: 0.4em solid #ad4242;} .custom #page {background: #fff;} .custom #header { padding-bottom:0.5em; padding-top:2.2em; border-bottom:none; clear:both; } .custom a, .custom a:visited {color: #ad4242; text-decoration: none;} .custom a:hover {color: #ad4242; text-decoration: none;} .custom .headline_area h1, .headline_area h2 {font-size:2.6em; line-height:1.333em; color: #ad4242; text-decoration: none;} .custom h2 a, h2 a:visited { color: #ad4242; text-decoration: none; } .custom h2 a:hover {color: #ad4242;} .custom .post h3 { font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; color: #468e64; font-size:1.6em; font-style:italic; font-weight:normal; } .custom .format_text h3 { font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; color: #468e64; font-size:1.6em; font-style:italic; font-weight:normal; } .custom .format_text h3 { line-height:1.222em; margin:1.1em 0 0.611em; } .custom .sidebar h3 { border-bottom:1px solid #ad4242; border-top:1px solid #ad4242; color: #468e64; font-size:1.4em; font-variant:none; font-weight:normal; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; } .custom .format_text .drop_cap { color: #ad4242; float: left; } .custom input.form_submit:hover { color: #468e64; } .custom h2 a:hover { color: #ad4242; } .custom .teaser h2 { font-size: 2.2em; line-height: 1.3em; } .custom h4 { font-size:1.25em; font-weight:normal; color:#468e64; } .custom li.thesis_google_cse_widget form input[type="submit"]:hover { color: #468e64; } .custom .archivel { float: left; width: 48%; padding-left: 2%; } .custom .archiver { float: right; width: 48%; padding-right: 2%; } .custom blockquote { color: #468e64; margin: 0 0 1.57413em 0.78571em; padding-left:0.78571em; border-left: 1px dashed #ad4242; } .custom blockquote.left { border-color:#ad4242; border-style:double; border-width:3px 0; float:left; font-weight:normal; margin:0 1.5em 1.57413em 0; padding:0.78571em; } .custom blockquote.right { font-weight: normal; font-color: #468e64; margin: 0 0 1.57413em 0.78571em; padding: 0.78571em; border: 3px double #ad4242; 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: #ad4242; line-height: 1.22222em; } .custom #sidebars a { color: #468e64; } .custom .entry-title a, .custom .entry-title, { color: #ad4242 !important; } .custom #comment_form p.commentluv { font-size: 1.4em; } .custom #comment_form p.commentluv label { font-size: 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 img.photo { float:left; margin: 0 0.5em 0.25em 0; padding: 0.2em; background-color: #eee; border:1px solid #ddd; } .custom #feature_box { padding-left:0.5em; padding-right:0.5em; background:#ffffff; border-bottom: 1px solid #ddd; } /* === COMMENTS === */ #comments .comments_intro {} .custom dl#comment_list {border-top:0; border-bottom:1px solid #ddd;} .custom dl#comment_list dt.comment { width:21em; float:left; clear:both; position:relative; padding-bottom:5em; } .custom .avatar img { border:#ddd solid 0.3em; vertical-align:text-top; } .custom dl#comment_list dt.comment span {line-height:1.2em;} .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; border-bottom:1px solid #ddd; width:11em; float:left; padding:0.5em; } .custom dl#comment_list dt.comment .comment_num { padding:0; position:absolute; bottom:0; right:0;} .custom dl#comment_list dt.comment .comment_num a {font-size:3em; color:#ddd;} .custom dl#comment_list dt.comment .comment_num a:hover, .custom dl#comment_list .bypostauthor .comment_num a:hover { color:#bbb; background:none; } .custom .comment_time {white-space:normal;} .custom dl#comment_list dt.comment span.comment_author {font-size:1em; width:13.2em;} .custom dl#comment_list dd { border-top:1px solid #ddd; border-bottom:0; padding-bottom:1em; } .custom dl#comment_list dd .format_text {padding-left:18em;} .custom dl#comment_list dd .format_text p, .custom dl#comment_list dd .format_text ul, .custom dl#comment_list dd .format_text ol, .custom dl#comment_list dd .format_text pre { } .custom dl#comment_list .bypostauthor { background-color:#ffffff; color:#ad4242; } .custom dl#comment_list .bypostauthor a { color:#ad4242; } dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color:#ad4242; } .custom dl#comment_list dt.bypostauthor { border-top:1px solid #ddd; } .custom dl#comment_list .bypostauthor code, .custom dl#comment_list .bypostauthor pre { background-color:#333; color:#fff; } .custom #commentform { font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom input.form_submit:hover { color: #a00; } .page div.comments_closed p {display:none;} /* === WEEKLY PROMPT BOX === */ .custom #sidebaralert_1 { padding: 1px 0 1px 10px; border-top: 1px double #ddd; border-bottom: none; font-size: 10px; } .custom #sidebaralert_1 ul.sidebar_list li.widget { margin-right:2%; float:left; } .custom #sidebaralert_1 ul.sidebar_list li.widget a { color: #468e64; } .custom #sidebaralert_1 ul.sidebar_list li.widget h3 { border-bottom:none; border-top:none; color: #ad4242; font-size:2.2em; font-weight:normal; font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; } .custom #sidebaralert_1 ul.sidebar_list li.widget h4 { color:#468e64; font-size:1.75em; font-weight:normal; font-style:italic; line-height:1.25em; margin-bottom:0.1em; font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; } .custom #sidebaralert_1 ul.sidebar_list li.widget a:hover { color:#468e64; } .custom #sidebaralert_1 ul.format_text .alignleft { margin: 0 1.571em 0 0; float: left; clear: left; border-bottom: 1px dashed #ad4242; font-size: 10px; } .custom #sidebaralert_1 img.photo { float:left; margin: 0 0.5em 0.25em 0; padding: 0.2em; border:1px solid #ddd; } .custom #sidebaralert_1 format_text h3 { border-bottom:1px solid #ad4242; border-top:1px solid #ad4242; color: #468e64; font-size:1.4em; font-variant:none; font-weight:normal; letter-spacing:2px; line-height:1.385em; margin-bottom:0.615em; } /* === TWITTER === */ .custom #twitter_div { padding:0.50em; font-size: 11px; border:1px dashed #468e64; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .custom #twitter_div img { float:right; } /* === SOCIAL MEDIA === */ .custom #socialmedia_div { padding:.050em; } .custom #socialmedia_div img { float:none; } /* === CUSTOM REMINDER === */ .custom #reminder_1 { text-align:center; color:#ad4242; font-size:12px; font-variant:italic; clear:both; color:#888888; } .custom #reminder_1 ul.sidebar_list li.widget { width:48%; margin-right:2%; float:left; margin-bottom: 0.57em; } .custom #reminder_1 ul.sidebar_list li.widget { float:left; margin-bottom: 0.57em; } .custom #reminder_1 ul.sidebar_list li.widget h3 { color:#ad4242; border-bottom:1px solid #ad4242; font-weight: normal; font-size: 1.1em; line-height: 1.22222em; font-variant: small-caps; letter-spacing: 2px; } .custom #reminder_1 ul.sidebar_list li.widget a { color:#ad4242; border-bottom:0; } .custom #reminder_1 ul.sidebar_list li.widget a:hover { color:#ad4242; } .custom #reminder_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 #reminder_1 img.badge { float:center; margin: 1em 0.5em 0.25em 0; padding: 0.2em; } .custom #reminder_1 img.profile { float:center; margin: 0 0.5em 0.25em 0; padding: 0.2em; } /* === CUSTOM SUBSCRIBE === */ .custom #subscribe_1 { text-align:center; font-family:Cambria,Palatino,Palatino Linotype,Hoefler Text,Times,Times New Roman,serif; color:#468e64; font-size:13px; font-style:italic; clear:both; color:#888888; padding-top:.25em; } .custom #subscribe_1 ul.sidebar_list { padding-top:0.2em; } .custom #subscribe_1 ul.sidebar_list li.widget { width:48%; margin-right:2%; float:left; margin-bottom: 0.57em; } .custom #subscribe_1 ul.sidebar_list li.widget { float:left; margin-bottom: 0.57em; } .custom #subscribe_1 img.badge { float:center; margin: 0.5em 0.5em 0.25em 0; padding: 0.2em; } .custom p.tweet_user {font-size: 12px; float: left;} .custom .twitlink { background-color:#ffffff; border: none; margin: 0px; padding: 5px; } .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px dotted #bbb; text-align: justify; } .custom .teasers_box { padding-top: 0; padding-bottom:0; border-top: 0; }