/* 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; border-bottom: 1px solid #1b1c1a; } #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: 32px; } #tagline { border-left: 1px solid #1b1c1a; padding: 3px 15px; font-style: italic; position: absolute; top: 5px; left: 145px; font-size: 12px; } /* ---------- 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: 960px; padding: 40px 50px; margin-top: 40px; margin-bottom: 40px; } #content_box .page { padding: 20px; } #content { margin-right: 0px; width: 600px; } h2.entry-title, .headline_area h1 { font-size: 13pt; font-weight: bold; text-transform: uppercase; } .post_box, #comments { background: #e6e6e6; margin-bottom: 0px; padding: 20px; 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 { font-style: normal; } .author a { color: #7a0026; text-transform: none; letter-spacing: normal; } abbr.published { 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: #dadada; 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 { background: #dadada; font-weight: bold; text-transform: uppercase; padding: 5px 10px; letter-spacing: normal; font-size: 12px; font-family: "gill sans MT", "Gill Sans", Arial, sans-serif; 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 #818181; 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; } /* archive page */ .custom .archive h3 {margin-top: 0;} .custom .archive ul {font-size: .85em; } .custom .archivel { float: left; width: 40%;} .custom .archiver { float: right; width: 60%;}