/* 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/ */ .custom #sidebar_1 {width:21.0em;} body.custom { color: #444444; font-family: Verdana, Geneva, sans-serif; background-color: #f0f0d0; /*background: #F8F9FE url(/wp-content/uploads/hf-snowy-bg-lgr.jpg) repeat-x scroll 0 0;*/ } .custom #container { width: 95.8em; margin-top: 0px; padding:0 1em; background: transparent url(/wp-content/uploads/page-bg-shadow.png) repeat-y scroll 0 0; } .custom #page { background-color:#fdfdfd;/*#F9F3E6*/ border: 1px solid #999999; padding: 0em; margin-bottom: 80px; } .custom .headline_area h1 { color:#7e0912; } .custom h2 { color:#7e0912; font-weight: normal; } .custom h4 { color:#000; } .custom .format_text { line-height: 1.3em; font-size: 1.3em; } .custom .format_text a { color: #7e0912; text-decoration: none; } .custom .format_text a:hover { text-decoration: underline; } .custom .format_text ul { list-style-type: disc; } .custom .format_text ul.onpgsubmenu { list-style-type: none; font-size: 0.9em; margin: 0 0 1em 2em; } .custom li.widget { margin: 0; padding: 0.7em 0; border-bottom: 1px solid #d6d6d6; } .custom .menu, .custom .menu a, .custom .menu li ul { background: none; } .custom .menu a { text-transform: none; letter-spacing: -0.06em; padding: 0.62em 1.05em; font-weight: bold; color:#1e6fa5; } /* ---------- Menu bar background color -------------*/ .custom ul.menu { background-color:#cccc99 /*Christmas#adc3d6#e5c68f*/; } .custom ul.menu ul li a { background: url(/images/dropdown-bg90.png); font-weight: normal; border-bottom: 1px solid #f6f6f6; padding: 0.3em 1.05em; } .custom ul.menu ul li a:hover { background: #eaeaaa none /*url(/images/dropdown-bg80.png)*/; } .menu .current { cursor: pointer; } .menu .tab.current { background: none; } #header { position: relative; background-color:#903209; border-width: 0; padding-bottom: 0; padding-top: 0; height: 125px; background:url(/wp-content/uploads/masthead-spring.jpg); z-index: 5; } .custom #logo a { color:#ffe49c; font-family:"Times New Roman", Times, serif; } .custom #header #logo { padding: 8px 0 0 8px; } ul.hdr_menu { font-size: 1.0em; color:#FFE49C; } ul.hdr_menu li { float:left; list-style-type: none; background-image:url(/images/hdr_menu_bg.png); } ul.hdr_menu li a { display: block; color: #eeeeaa;/*#DDFFFF; #FFE49C;*/ padding: 2px 6px; } ul.hdr_menu li a:hover { color: /*#e6d07a*/#1e6fa5; } .post_box { padding-top: 4.0em; margin: 0 3.5em 0 4.0em; } #multimedia_box img { width: 100%; } #multimedia_box { margin-bottom: 1.0em; } .sidebar h3 a { color:#555555; letter-spacing: 1px; } /* -------Post-49 Staff page | height for staff page elements --------- */ #post-49 p { clear:left; border-top: 1px dotted #ccc; padding-top: 11px; } #post-49 .format_text img.alignleft { margin: 0 1.4em 1.0em 0; } /* ------ Post-282 Sticky post home page ---------*/ #post-282 p.headline_meta, #post-282 p.to_comments { display:none; } .clear-left h2 { clear: left; border-top: 1px dotted #ccc; padding-top: 21px; } .clear-left .format_text h2:first-child { border-top: 0px color: yellow; } .custom ul.widget { border-left: 1px solid #ccc; padding-left: 11px; list-style-type: none; margin: 0 8px 20px 25px; font-size: 0.88em; width:135px; } .custom ul.widget ul { list-style-type: none; margin: 0 0 0 20px; line-height: 1.1em; } .custom ul.widget li { padding: 1px 0; } .custom ul.widget li a { display: block; }