/* 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! */ .custom #container {width:100em;} body { background: #fff; color: #111; font-size: 62.5%; margin-top: -10px; } * { padding: 0; margin: 0; } /*---:[ core layout elements ]:---*/ #header { padding: 10px 0px; width: 960px; height: 150px; border-bottom: 1.5px dotted #c1cee1; border-top: 1.5px dotted #c1cee1; clear: both; } .post_box { border-top: 1px dotted #bbb; } .top { border: none !important; } #footer { padding-top: 1.1em; color: #888; border-top: 1.5px dotted #c1cee1; text-align: right; } /*---:[ global elements ]:---*/ a, a:visited { color: #2361a1; text-decoration: underline; } a:hover { color: #2361a1; text-decoration: none; } a img { border: none; } blockquote { border-left: 1px solid #ddd; color: #666; } abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; } sub, sup { line-height: 0.5em; } code { font-family: Consolas, "Andale Mono", Courier, "Courier New"; line-height: 1em; color: #050; } pre { font-family: Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; } p.center { text-align: center !important; } p.bottom { margin: 0 !important; } .remove_bottom_margin { margin-bottom: 0 !important; } /*---:[ form inputs ]:---*/ input, textarea { font-size: 1em; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } .format_text .text_input, #comment_form p .text_input { width: 45%; } .sidebar .text_input { width: 95%; } /* Based on inherited font size in sidebar */ input.form_submit { font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; } input.form_submit:hover { color: #090; } /*---:[ headlines and bylines ]:---*/ h1, h2, h3, h4 { font-size: 1em; font-weight: normal; } h2 a, h2 a:visited { color: #111; text-decoration: none; } h2 a:hover { color: #2361a1; } #archive_info h1 { font-size: 1.8em; line-height: 1em; font-weight: normal; } /*---:[ h3 and h4 sizes are calculated relative to the base font size of the content or sidebar ]:---*/ .sidebar h3 { color: #555; } h4 { font-size: 1em; font-weight: bold; } /*---:[ bylines ]:---*/ .author_and_date { font-style: italic; color: #888; } .author_and_date span, .author_and_date abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; } .author_and_date a, .author_and_date a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #eee; } .author_and_date a:hover { color: #111; } /*---:[ nav menu styles ]:---*/ ul#tabs { list-style: none; border: none; text-indent: -8.5px; } ul#tabs li { margin-bottom: -0.1em; background: none; border: none; float: left; } ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 1.5px dotted #c1cee1; } ul#tabs li a, ul#tabs li a:visited { display: block; line-height: 1em; color: #111; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } ul#tabs li a:hover { color: #939cab; text-decoration: none; } ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { cursor: pointer; } ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; } ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; } ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /*---:[ #header styles ]:---*/ #header #logo { font-weight: bold; font-size: 3.6em; line-height: 1.167em; } #header #logo a, #header #logo a:visited { color: #111; text-decoration: none; } #header #logo a:hover { color: #2361a1; } #header #tagline { font-weight: normal; font-size: 1.4em; line-height: 1.429em; color: #888; } /*---:[ thumbnails ]:---*/ .teaser img { background-color:#FFFFFF; border:0.071em solid #C1CEE1; padding:0.5em; } /*---:[ content styles ]:---*/ .author_and_date { margin-bottom: 2.2em; line-height: 2.2em; text-transform: uppercase; letter-spacing: 1px; color: #888; } .author_and_date a, .author_and_date a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #eee; } .author_and_date a:hover { color: #111; } .author_and_date em { font-style: italic; text-transform: none; letter-spacing: normal; } .format_text { font-size: 1.4em; line-height: 1.571em; } .format_text p { margin-bottom: 1.571em; } .format_text p.note { padding: 0.571em 0.786em; background: #f5f5f5; border: 1px solid #ddd; } .format_text p.alert { padding: 0.571em 0.786em; background: #ffffa0; border: 1px solid #e5e597; } .format_text .drop_cap { padding: 0.04em 0.12em 0 0; font-size: 3.571em; line-height: 0.76em; color: #888; float: left; } .format_text ul { list-style: square; margin: 0 0 1.571em 1.571em; } .format_text ol { margin: 0 0 1.571em 1.571em; } .format_text ul ul, .format_text ul ol, .format_text ol ul, .format_text ol ol { margin: 0 0 0 1.571em; } .format_text dl { margin-bottom: 1.571em; } .format_text dt { font-weight: bold; } .format_text dd { margin-bottom: 1.571em; } .format_text blockquote { margin: 0 0 1.574em 0.786em; padding-left: 0.786em; } /*---:[ pullquotes ]:---*/ .format_text blockquote.right, .format_text blockquote.left { width: 11.944em; font-size: 1.286em; line-height: 1.222em; border: none; } .format_text blockquote.right { margin: 0 0 1.222em 1.222em; float: right; } .format_text blockquote.left { margin: 0 1.222em 1.222em 0; float: left; } .format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; } /*---:[ end pullquotes ]:---*/ /*---:[ image handling classes ]:---*/ .format_text img { } .format_text img.left, .format_text img.alignleft { margin: 0 .5em .5em 0; float: left; clear: left; } .format_text img.right, .format_text img.alignright { margin: 0 0 .5em .5em; float: right; clear: right; } .format_text img.center, .format_text img.aligncenter { display: block; margin: 0 auto .5em auto; float: none; clear: both; } .format_text img.block, .format_text img.alignnone { display: block; margin: 0 auto .5em 0; clear: both; } .format_text img.frame { padding: 0.5em; background: #eee; border: 0.5em solid #c1cee1; } .format_text img.stack { clear: none !important; } /*---:[ end image handling classes ]:---*/ .format_text .ad { margin-left: 1.571em; float: right; clear: right; } .format_text .ad_left { margin-right: 1.571em; float: left; clear: left; } .post_tags { font-size: 1.2em; line-height: 1.833em; color: #666; } .to_comments { margin-bottom: 1.833em; font-size: 1.2em; line-height: 1.833em; color: #666; clear: both; } .to_comments span { font-size: 1.667em; line-height: 1.1em; color: #111; } .to_comments span.bracket { color: #ccc; } .to_comments a, .to_comments a:visited { color: #666; text-decoration: none; } .to_comments a:hover { color: #111; text-decoration: underline; } #archive_info { padding: 1.1em 2.2em 1.1em 1.1em; border-bottom: 1px solid #ddd; } #archive_info p { text-transform: uppercase; letter-spacing: 2px; } .prev_next { padding: 1.1em; font-size: 1em; line-height: 2.2em; text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid #ddd; clear: both; } .prev_next .next { text-align: right; } .prev_next .floated { float: left; } .prev_next a, .prev_next a:visited { text-decoration: none; } .prev_next a:hover { text-decoration: underline; } /*---:[ rotating image styles ]:---*/ #multimedia_box { width: 100%; margin-bottom: 2.2em; } #image_box { padding: 1.1em; background: #dce8ff; border-bottom: 1.5px dotted #c1cee1; } #image_box img { display: block; padding: 0.1em; background: #fff; border: 0.1em solid #c1cee1; } #image_box img.four_by_three { width: 42em; height: 31.5em; } #image_box img.three_by_two { width: 42em; height: 28em; } #image_box img.sixteen_by_nine { width: 41.6em; height: 23.4em; margin: 0 auto; } #image_box img.four_by_five { width: 42em; height: 52.5em; } #image_box img.two_by_three { width: 42em; height: 63em; } /*---:[ video box styles ]:---*/ #video_box { padding: 1em; background: #000; } /*---:[ custom box styles ]:---*/ #custom_box { padding: 1.1em; background: #eee; border-bottom: 1px solid #c1cee1; } /*---:[ sidebar styles ]:---*/ .sidebar a, .sidebar a:visited { text-decoration: none; } .sidebar a:hover { text-decoration: underline; } ul.sidebar_list { list-style: none; padding: 0 1.1em; } li.widget { width: 100%; margin-bottom: 2.538em; font-size: 1.3em; line-height: 1.385em; } li.centered { text-align: center; } li.tag_cloud { line-height: 1.538em; } li.widget p { margin-bottom: 1.231em; } li.widget ul { list-style: none; } li.widget ul li { margin-bottom: 0.692em; } li.widget li ul { margin: 0.692em 0 0 1.385em; } /*---:[ google custom search ]:---*/ li.thesis_google_cse_widget form input[type="text"] { width: 14.692em; padding: 0.308em; border-width: 0.077em; text-align: left; } li.thesis_google_cse_widget form input[type="submit"] { margin-top: 0.462em; padding: 0.154em 0.231em; font-weight: bold; color: #111; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; } li.thesis_google_cse_widget form input[type="submit"]:hover { color: #2361a1; } /*---:[ calendar widget ]:---*/ #calendar_wrap { width: 15.077em; padding: 0 0.231em 0 0.154em; } #calendar_wrap a, #calendar_wrap a:visited { font-weight: bold; padding: 0.077em; text-decoration: none; } #calendar_wrap a:hover { padding: 0.077em; background: #ddd; text-decoration: none; } table#wp-calendar { width: 15.077em; border-collapse: collapse; } table#wp-calendar caption { font-weight: normal; font-size: 0.846em; line-height: 2em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; } table#wp-calendar th { width: 2.545em; padding-top: 0.091em; font-size: 0.846em; line-height: 1.818em; background: #f2f2f2; border-bottom: 1px solid #ddd; text-align: center; } table#wp-calendar td { width: 2.154em; line-height: 1.692em; color: #888; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.636em; font-size: 0.846em; line-height: 2em; text-transform: uppercase; letter-spacing: 1px; } table#wp-calendar td#next { padding-right: 0.545em; text-align: right; } table#wp-calendar td#prev { padding-left: 0.545em; text-align: left; } /*---:[ comment styles ]:---*/ #comments { margin-right: 2.2em; } .comments_intro { font-size: 1em; margin-top: 2em; padding: 0 0 0.583em 0; line-height: 1.833em; color: #666; } .comments_intro span { font-size: 1.5em; line-height: 1.1em; color: #111; } .comments_intro span.bracket { color: #ccc; } dl#comment_list { border-top: 1px dotted #bbb; } dl#comment_list dt { padding: 1.286em 0.786em 0 0.786em; font-size: 1em; line-height: 1.571em; } dl#comment_list dt strong { font-size: 1em; line-height: 1.375em; } dl#comment_list dt strong a, dl#comment_list dt strong a:visited { text-decoration: none; } dl#comment_list dt strong a:hover { text-decoration: underline; } .comment_num { padding-left: 1.818em; font-weight: bold; font-size: 0.786em; line-height: 2em; float: right; } .comment_num a, .comment_num a:visited { color: #aaa; padding: 0.1em 0.3em; text-decoration: none; } .comment_num a:hover { color: #fff; background: #aaa; } .comment_time { font-size: 0.857em; line-height: 1.833em; padding-left: 0.833em; color: #888; } dl#comment_list dd { padding: 1.1em 1.1em 0 1.1em; border-bottom: 1px dotted #bbb; } a.comment_link, a.comment_link:visited { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; } a.comment_link:hover { color: #111; border-bottom-color: #111; } /*---:[ alternating and author comment colors ]:---*/ /* dl#comment_list dt, dl#comment_list dd { background: #f5f5f5; } dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; } */ .author_comment { background: #e7f8fb; } dl#trackback_list { padding-left: 1.1em; border-top: 1px dotted #bbb; } dl#trackback_list dt { font-size: 1.4em; line-height: 1.571em; padding-top: 0.786em; } dl#trackback_list dt a, dl#trackback_list dt a:visited { color: #111; text-decoration: none; } dl#trackback_list dt a:hover { color: #111; text-decoration: underline; } dl#trackback_list dd { font-size: 1.2em; line-height: 1.667em; color: #888; } p.comments_closed { font-size: 1.3em; font-variant: small-caps; line-height: 1.692em; letter-spacing: 1px; margin: 3.385em 0 1.692em 0; padding-left: 0.846em; color: #888; } /*---:[ comment form styles ]:---*/ #respond, p.login_alert { font-size: 1em; margin: 2.75em 0 0.438em 0.688em; line-height: 1.375em; letter-spacing: 1px; font-variant: small-caps; color: #555; } p.login_alert { margin-bottom: 2.75em; padding: 0.5em 0.688em; background: #f5f5f5; border: 1px solid #ddd; } #comment_form { padding: 1.1em 2.2em 3em 1.1em; border-top: 1px dotted #bbb; } #comment_form p { font-size: 1.4em; line-height: 1.571em; margin-bottom: 1em; } #comment_form label { padding-left: 0.786em; } #comment_form p.comment_box { margin-bottom: 0; line-height: 0.714em; } #comment_form textarea { width: 100%; height: 12.571em; padding: 0.286em; line-height: 1.571em; border-width: 0.071em; } #comment_form p.allowed { width: 100%; font-size: 1.2em; padding: 0.5em 0.333em; line-height: 1.667em; color: #807e70; background: #f9f7e4; border: 0.083em dotted #bbb; border-top: 0; } #comment_form .form_submit { font-size: 1.143em; padding: 0.313em 0.25em; } /* Support for the highly-recommended Subscribe to Comments Plugin */ #comment_form p.subscribe-to-comments { font-size: 1.4em; } #comment_form p.subscribe-to-comments label { font-size: 1em; } /*---:[ footer styles ]:---*/ #footer p { font-size: 1.2em; line-height: 1.5em; } #footer a, #footer a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #ccc; } #footer a:hover { color: #111; } /*---:[ self-clearing floats from Dan Cederholm ]:---*/ ul#tabs:after, #content_box:after, #sidebars_box:after, .format_text:after, .prev_next:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*---:[ Set 3: ornate, repeating background pattern ]:---*/ body.custom { background: #fff url('images/bg-wallpaper.gif'); } .custom #page { padding: 2em 1.9em; background: #fff; border: 0.1em solid #c1cee1; border-top: 0; } /*---:[ end Set 3 ]:---*/ /* WordPress image captioning */ .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 { background-color: #fff; border: 0.071em solid #c1cee1; text-align: center; padding: .5em; } .custom .format_text .wp-caption p { font-size: 0.786em; margin-bottom: 0; }