/* 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/ */ /* ---------- NOTE---------- The default skin uses 2 custom colors. Search this file for #7a0026 (the red highlight color) and #cd0645 & #a30033 in the footer section. Replace these colors where necessary. ------------------------ */ /* ---------- Body ---------- */ body { background: #eeeeee url(images/body_bg.png) left top repeat-x; } /* ---------- Header ---------- */ .headline_area { padding-bottom: 3px; } #header_area { height: 40px; } #header_area .page { padding: 0; width: 860px; } #header { position: relative; padding: 0; } /* ---------- Logo and Tagline ---------- */ #feature_box { height: 50px; padding: 0 0 40px 0; position: relative; background: #fff; } h1#logo { text-indent: -9999px; padding-top: 5px; } h1#logo a { background: url(images/logo.png) no-repeat; display: block; height: 43px; } #tagline { border-left: 1px solid #1b1c1a; padding: 3px 15px; font-style: italic; position: absolute; top: 12px; left: 335px; font-size: 12px; width: 380px; } /* ---------- Navigation ---------- */ ul.menu { height: 40px; background: #1e1e1e; } ul.menu li.current a:hover, ul.menu li.current-parent a:hover { background: #7a0026; } ul.menu li a { padding: 13px 12px 13px; letter-spacing: normal; } .menu ul.submenu-1 { margin-top: 0px; } .menu ul.submenu li a { border-bottom: 0; } /* ---------- Search Form ---------- */ li.search { float: right; margin-top: 6px; width: 310px; margin-right: 0; position: relative; } .search_form #s { border: 1px solid #616161; padding: 6px 4px 6px; width: 233px; color: #818181; font-size: 11px; position: absolute; top: 0; left: 0; } .search_form .submit { border: 1px solid #616161; position: absolute; top: 0; right: 0; width: 67px; height: 28px; font-size: 12px; padding-top: 2px; padding-bottom: 4px; background: #7a0026; color: #fff; } /* ----------- Content ---------- */ #content_area .page { width: 860px; padding: 40px 50px; margin-top: 40px; margin-bottom: 40px; border: 1px solid #f0f0f0; } #content_box .page { padding: 20px; } #content { margin-right: 0px; width: 500px; } h2.entry-title, .headline_area h1 { font-weight: bold; letter-spacing: -1px; line-height: 110%; } .post_box, #comments { /* background: #f6f6f6; border: 1px solid #fafafa; margin-bottom: 0px; padding: 20px; margin-left: 0; margin-right: 0; */ background: #ffffff; margin-bottom: 0px; padding: 0 20px 20px 0; margin-left: 0; margin-right: 0; } .no_sidebars .post_box { margin: 0 0 20px 0; } .post_box, .full_width #content_box .page { margin-left: 0; margin-right: 0; margin-bottom: 40px; } .headline_meta, abbr.published, a.dsq-comment-count { font-style: italic; margin-top: 6px; text-transform: none; letter-spacing: normal; } .author a { color: #7a0026; text-transform: none; letter-spacing: normal; } /* ---------- Comments ---------- */ #comments { margin-top: -40px; } #commentform input.form_submit { font-family: "gill sans MT", "Gill Sans" arial, sans-serif; padding: 7px 20px; text-transform: uppercase; font-size: 90%; font-weight: normal; border: 1px solid #AAAAAA; } #commentform input.form_submit:hover { background: #7a0026; color: #ffffff; } .prev_next { margin-bottom: 20px; } h1.cat_page { color; #7A0026; } /* ---------- Sidebars ---------- */ #sidebars { margin-left: 50px; width: 310px; } #sidebar_1 { width: 150px; } #sidebar_2 { width: 150px; margin-left: 10px; } #sidebar_2 ul.sidebar_list { padding-right: 0; } .sidebar ul.sidebar_list { padding-left: 0; padding-right: 0; } .sidebar h3 { background: #e6e6e6; border: 1px solid #eaeaea; font-weight: bold; text-transform: uppercase; padding: 5px 10px; letter-spacing: normal; } li.widget p, li.widget ul, li.widget ol { padding: 0 10px; } .sidebar a { color: #202020; } .sidebar a:hover { color: #7a0026; } /* ---------- Multimedia Box ---------- */ #multimedia_box { padding: 0; } #custom_box h3 { font-family: Tahoma, Arial; background: #e6e6e6; border: 1px solid #eaeaea; font-weight: bold; text-transform: uppercase; padding: 5px 10px; letter-spacing: normal; font-size: 12px; margin-bottom: 20px; } .recent_highlights { padding: 0 2px; } .recent_highlights li { margin: 0 0 20px 0; padding: 0; list-style: none; overflow: hidden; } .recent_highlights h4 { margin-bottom: 5px; font-size: 14px; } .recent_highlights h4 a { font-weight: normal; } .recent_highlights h4 a:hover { color: #131313; text-decoration: underline; } .recent_highlights li a img { border: 3px solid #dadada; float: left; margin: 4px 10px 10px 0px; padding: 1px; } .recent_highlights li p { margin-left: 55px; font-style: italic; font-size: 12px; line-height: 1.5em; } /* ---------- Ad Banners widget - Remove it if you don't need it ---------- */ /* ---------- You'll also want to remove the fullwidth_widget in the custom_functions.php file ---------- */ ul#adbanners { clear: both; margin: 0; padding: 0 10px; } ul#adbanners li { float: left; width: 125px; height: 125px; padding: 5px; margin-bottom: 15px; border: 1px solid #dadada; } ul#adbanners li.full { float: left; width: 278px; height: 125px; padding: 5px; border: 1px solid #dadada; } ul#adbanners li.gutter { margin-right: 16px; } /* ---------- Footer ---------- */ #footer_area, #footer_area .page { background: #1B1C1A; } #footer_area .page { padding: 40px 0 40px 0; width: 960px; } #footwrap { overflow: hidden; } #footer { text-align: left; padding: 0; color: #dadada; } #footer p { font-size: 12px; } #footer a { color: #a30033; border: none; } #footer a:hover { color: #cd0645; text-decoration: underline; } #credits { clear: left; border-top: 1px solid #414141; padding-top: 10px; font-size: 1.2em; color: #ffffff; } #footleft { float: left; width: 48%; } #footright { float: right; width: 48%; text-align: right; } #footer .col { float: left; width: 290px; overflow: hidden; } #footer .col.footer2 { margin-left: 45px; margin-right: 45px; } ul.footer_list { margin: 0; padding: 0; } ul.footer_list li { margin: 0; padding: 0; list-style: none; } ul.footer_list li .widget_box { padding: 0; background: #1B1C1A; border: none; } ul.footer_list .widget ul, ul.footer_list .widget p, ul.footer_list .widget ol { padding: 0; } ul.footer_list .widget { margin-bottom: 40px; } #footer h3 { font-family: "Gill Sans MT", "Gill Sans", Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; margin-bottom: 20px; } #footer h3 a { color: #ffffff; } #footer h3 a:hover { color: #ffffff; text-decoration: underline; } /* ---------- Flickr in Footer - Delete it if you don't use it ---------- */ #flickr_badge_uber_wrapper { margin: 0; padding: 0; } #flickr_badge_uber_wrapper {text-align:center; overflow: hidden;} #flickr_badge_wrapper {padding:0;} #flickr_badge_source {text-align:left; margin:0 10px 0 10px;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper {} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} .flickr_badge_image img { float: left; padding: 5px; border: 1px solid #818181; margin-bottom: 14px; } #flickr_badge_image2 img, #flickr_badge_image5 img, #flickr_badge_image8 img { margin: 0 14px 0; } /* @group letter custom page styles */ body.custom.letter { background-color: #EFEFEF; background-image: none; } .letter #header { padding: 0; border-bottom: 0em; } .letter #footer { padding-bottom: 0; border-top: 0em; } .letter #footer { display: none; } .letter #sidebars { display: none; border: none; } .letter #feature_box { display: none; } .letter .menu {display:none;} .letter #content_box { background:none; } .letter .comments_closed { display: none; } .letter #header #logo { display: none; } .letter #header #tagline { display: none; } .letter #content { margin: 0 auto; float: none; width: 100%; } .letter #container { width:770px; margin-top: 5em; border: 0.4em solid #DFDFDF; background: #ffffff; } .letter #content_area .page { width: 770px; margin-top: 0px; } .letter h1 { /* text-shadow: 1px 1px 2px gray; */ text-align: center; font: bold 2.05em Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: -1px; color: #2e5190; line-height: 110%; margin-bottom: 8px; } .letter h2 { color: #111111; font: bold 1.60em Georgia, Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; letter-spacing: normal; } .letter h3 { color: #000000; font: bold 1.45em Georgia, Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; letter-spacing: normal; } .letter h4 { color: #000000; font: bold 1.15em Georgia, Tahoma, "Lucida Grande", Lucida, Verdana, sans-serif; text-align: left; letter-spacing: normal; margin-bottom: 6px; } .letter #deck { margin-bottom: 28px; } .letter #deck p { margin-top: 8px; margin-bottom: 8px; } .letter #deck h3 { margin-top: 0; margin-bottom: 14px; color: #192d50; } .letter li { padding: 5px; } .letter blockquote { margin: 28px 36px; padding: 2px 28px; background-color: #ffffcc; border: 5px #ffe4ae solid; } .letter blockquote h2, letter blockquote h3 { margin-top: 1.0em; padding-top: 0; } .letter blockquote.yellow { background-color: #ffffcc; border: 5px #ffe4ae solid; } .letter blockquote.blue { background-color: #f7fbfd; border: 5px solid #e7f5fc; } .letter blockquote.green { background-color: #fbfdf7; border: 5px solid #e9ecdd; } .letter blockquote.gray { background-color: #fafafa; border: 5px solid #efefef; } .letter a, .letter a:hover, .letter a:visited, .letter a:link { color: #2227fb; text-decoration: underline; } /* @end */ .custom .promobox { border: 3px solid #efefc0; background: #fffffa; padding: 8px; margin-bottom: 25px; } .custom #custom_box div.promobox h3 { text-align: center; text-transform: none; font: bold 1.4em Georgia; margin: 0 0 8px; padding: 0; background: none; border: none; letter-spacing: -1px; } .custom #custom_box div.promobox a { text-decoration: underline; color: #0432ff; font-weight: bold; } .custom #custom_box ul.sidebar_list li.widget { margin-bottom: 25px; }