/* 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/ */ img {border:0;} .clear {clear:both;} .left {float:left;} .right {float:right;} a { color: #ce0040; text-decoration: none;} a:hover { color: #666; text-decoration: none;} /* #suckerfishnav .page_item { display: none; } /* Menu Items - Will only display these #suckerfishnav .page-item-6, #suckerfishnav .page-item-8, #suckerfishnav .page-item-10, #suckerfishnav .page-item-47, #suckerfishnav .page-item-50, #suckerfishnav .page-item-3 { display: block; } ul.sf-menu li, ul.sf-js-enabled li { display: block; } */ /* Structure */ body { background: url(images/bg_wallpaper.gif) repeat-x top;} .stoppress { margin: 5px 0px 15px; background-color: rgb(255, 235, 232); border-color: rgb(204, 0, 0); -webkit-border-bottom-left-radius: 3px 3px; -webkit-border-bottom-right-radius: 3px 3px; -webkit-border-top-left-radius: 3px 3px; -webkit-border-top-right-radius: 3px 3px; border-style: solid; border-width: 1px; padding: 0.6em; } #container, #page { background: none; } #container { background: url(images/bg_white_inner.png) no-repeat top; } #page { min-height: 500px; } #header { padding: 63px 0px 0px 160px; height:80px; border: none;} /* Header */ #logo {display:none; } #hplogo { background: url(images/logo_hp.png) no-repeat; width: 174px; height:156px; position: absolute; top:0px; z-index: 99; overflow: hidden; } /* Navigation - Backup */ ul#tabs { border: none; background: url(images/bg_nav.gif) repeat-x; z-index: 10; height: 80px; font-size: 12px; } ul#tabs li { margin: 0; padding: 0px 4px; border: none; float: left; background: url(images/bg_nav_border.gif) no-repeat top right; height: 49px; } ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: url(images/bg_nav_border.gif) no-repeat top right; border-bottom: 0; } ul#tabs li a { display: block; color: #FFF; text-transform: none; letter-spacing: 0px; line-height: 40px; } ul#tabs li a:hover { color: #FFF; text-decoration: underline; } ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; text-decoration: underline; } ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: underline; } /* Homepage */ #banner { display: none; } body.homepage #banner { display: block; height: 290px; width: 950px; background: bottom url(images/home_blue.jpg) repeat-x; position: absolute; z-index.: 99;} body.homepage #banner h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 22px; margin-bottom: 30px; } body.homepage #banner p { color: #FFFFFF; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 14px; } body.homepage #banner div.left { width: 430px; height: 280px; padding: 20px 0px 0px 20px; line-height:23px;} body.homepage #banner div.right { position: relative; z-index: 10; margin: -30px -15px 0px 0px; } body.homepage #content_box { padding: 0px; margin: 295px 0px 0px 0px; color: #333;} body.homepage #content_box #content { padding: 0px;} body.homepage #content_box #content .post_box { background: url(images/bg_latestnews.gif) repeat-x bottom; width: 370px; float: left; } body.homepage #content_box #content .post_box .headline_area h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ce0040; font-size: 22px; margin: 8px 0px 0px 0px; } body.homepage #content_box #content .post_box .format_text h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ce0040; font-size: 16px; } body.homepage #content {margin: 300px 0px 0px 0px} body.homepage #container { background: url(images/bg_white.png) no-repeat top;} .no_sidebars .post_box { margin: 0px; padding: 0px 15px 0px 20px; } #makehistory { display: none;} body.homepage #makehistory { display: block; background: url(images/bg_historyheader.gif) repeat-x top; width: 517px; float: right; padding: 0px 0px 0px 15px; font-size: 12px; } body.homepage #makehistory h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 18px; margin: 14px 0px 20px 0px; } body.homepage #makehistory ul { margin: 0px; padding:0px 10px; font-size: 13px; } body.homepage #makehistory ul li { margin: 0px; padding: 9px 0px; color: #739a4b; font-family: Georgia, "Times New Roman", Times, serif; } body.homepage #makehistory p { padding: 3px 0px 5px 0px;} /* Frontpage */ #banner { display: none; } body.frontpage #banner { display:block; height: 290px; width: 950px; background: bottom url(images/home_blue.jpg) repeat-x; } body.frontpage #banner h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-size: 22px; margin:14px 0px 20px 0px; } body.frontpage #banner p { color: #FFFFFF; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 14px; } body.frontpage #banner div.left {float:left; width:440px; margin:10px 0px 0px 20px; line-height:23px; } body.frontpage #banner div.right {position: relative; z-index: 10; margin: -30px -15px -30px 0px; } body.frontpage #content_box { padding: 0px; margin: 0px 0px 0px 0px; color: #333;} body.frontpage #content_box #content { padding: 0px;} body.frontpage #content { display: block; background: url(images/bg_historyheader.gif) repeat-x top; padding: font-size: 12px; } body.frontpage #content h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF !important; font-size: 18px; } body.frontpage #content ul { margin: 0px; padding:0px 10px; font-size: 13px; } body.frontpage #content ul li { margin: 0px; padding: 9px 0px; color: #739a4b; font-family: Georgia, "Times New Roman", Times, serif; } body.frontpage #content_box #content .post_box { background: url(images/bg_latestnews.gif) repeat-x bottom; } body.frontpage #content_box #content .post_box .headline_area h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ce0040; font-size: 22px; } body.frontpage #content_box #content .post_box .format_text h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #ce0040; font-size: 16px; } body.frontpage #container { background: url(images/bg_white.png) no-repeat top; no-repeat top;} /* Drop Down Menu #suckerfishnav { float: left; list-style: none; border: none; background: url(images/bg_nav.gif) repeat-x; position: absolute; z-index: 98; top: 74px; width: 770px; height: 49px; font-size: 12px;} #suckerfishnav, #suckerfishnav ul {float:left; list-style:none; line-height:49px; padding:0; margin:0; width:770px; margin: 0px 0px 0px 159px; #margin: 0px 0px 0px -15px; padding: 0px 0px 0px 20px;} #suckerfishnav a {display:block; color:#FFF; text-decoration:none; padding: 0px 25px; background: url(images/bg_nav_border.gif) no-repeat top right;} #suckerfishnav li {float:left;padding:0; margin: 0px;} #suckerfishnav ul {position:absolute; z-index: 98; left:-999em; height:auto; width:151px; font-weight:normal; margin:0; padding: 0px;line-height:1; border:0; } #suckerfishnav li li {width:150px; border-bottom:1px solid #FFF;} #suckerfishnav li li a { padding: 8px 10px; width:131px; font-size:12px; color:#FFF; background: none;} #suckerfishnav li ul ul { margin:-21px 0 0 149px;} #suckerfishnav li li:hover { background:#333333; } #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#FFF;} #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color: #FFF;} #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#FFF;} #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;} #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto; background:#ce1e54; color: #FFFFFF;} #suckerfishnav li:hover, #suckerfishnav li.sfhover, #suckerfishnav li.current_page_item, #suckerfishnav li.current_page_ancestor { background:url(images/bg_nav_over.gif) repeat-x top;} */ /* Side Navigation / Sidebars */ #sidebars h3 { color: #81a450; font-size: 18px; font-variant: normal; letter-spacing: 0px; font-weight: normal; border-bottom: 1px dotted #CCC; } #column_wrap .sidebar ul.sidebar_list { padding-top:0px;} #sidebars h3 a { color: #81a450; } #sidebars li { font-size: 11px; } ul.sidebar_list li {padding: 0px; margin: 0px;} #sub-page-menu { margin-left: 1px;} #sub-page-menu { margin-left: 1px;} /* 2nd */ li#sub-page-menu ul li { margin: 0px; padding: 0px; font-size: 12px; #max-width: 217px; line-height: 12px; } li#sub-page-menu ul li a { color: #000; display: block; margin: 0px; height: 15px; padding: 6px 0px 6px 15px; border: none; } li#sub-page-menu ul li a:hover { color: #FFF; background: #8f8d8d; padding: 6px 0px 6px 15px; text-decoration: none; } li#sub-page-menu ul li.current_page_item a { margin: 0px; height: 15px; color: #FFF; background: #8f8d8d; padding: 6px 0px 6px 15px; text-decoration: none; } li#sub-page-menu ul ul li.current_page_item a { margin: 0px; height: 15px; color: #FFF; background: #8f8d8d; padding: 6px 0px 6px 15px; text-decoration: none; } li#sub-page-menu ul li.current_page_ancestor a { margin: 0px; height: 15px; color: #FFF; background: #8f8d8d; padding: 6px 0px 6px 15px; text-decoration: none; } /* 3rd */ li#sub-page-menu ul li ul { display: none; } li#sub-page-menu ul li.current_page_item ul { display: block; margin: 0px; padding: 0px; font-size: 11px; #max-width: 217px; border: none; } li#sub-page-menu ul li.current_page_item ul li { margin: 0px; padding: 0px; font-size: 11px; #max-width: 217px; border: none; } li#sub-page-menu ul li.current_page_item ul li a { color: #000; display: block; padding: 5px 0px 5px 25px; margin: 0px; height: 15px; background: #FFF; border: none; } li#sub-page-menu ul li.current_page_item ul li a:hover { color: #333; background: #FFF; padding: 5px 0px 5px 25px; text-decoration: underline; } li#sub-page-menu ul li.current_page_item ul li.current_page_item a { color: #333; display: block; background: #FFF; margin: 0px; height: 15px; padding: 5px 0px 5px 25px; text-decoration: underline; } /* 3rd - Alt */ li#sub-page-menu ul li.current_page_parent ul { display: block; margin: 0px; padding: 0px; font-size: 11px; #max-width: 217px; } li#sub-page-menu ul li.current_page_parent ul li { margin: 0px; padding: 0px; font-size: 11px; #max-width: 217px; } li#sub-page-menu ul li.current_page_parent ul li a { color: #000; display: block; padding: 5px 0px 5px 25px; background: #FFF; } li#sub-page-menu ul li.current_page_parent ul li a:hover { color: #333; background: #FFF; padding: 5px 0px 5px 25px; text-decoration: underline; } li#sub-page-menu ul li.current_page_parent ul li.current_page_item a { color: #333; background: #FFF; padding: 5px 0px 5px 25px; text-decoration: underline; } .sidebar_list { padding: 0px; margin: 0px;} .sidebar ul.sidebar_list { padding: 0px;} .sidebar ul.sidebar_list h3 { font-size: 1.2em; font-variant: normal; letter-spacing:0px; line-height:1.385em; margin-bottom:0.615em; color: #000; padding: 11px 0px 8px 15px; margin: 0px; background:url(images/bg_sideheader.gif) repeat-x; } .sidebar ul.sidebar_list li ul li { border-bottom: 1px dotted #FFF; padding: 5px;} .sidebar ul.sidebar_list li ul li ul li { border-bottom: none; padding: 5px 0px;} #recent-posts li, #recently-updated-posts li { margin: 0px; padding: 0px; font-size: 12px; #max-width: 217px; line-height: 12px; } #recent-posts li a, #recently-updated-posts li a {display: block; margin: 0px; padding: 6px 0px 6px 15px; border: none; } #recent-posts li a:hover, #recently-updated-posts li a:hover { color: #FFF; background: #8f8d8d; padding: 6px 0px 6px 15px; text-decoration: none; } /* Internal */ #content { min-height: 350px; width: 511px; } #content_box { min-height: 300px; margin: 40px 0px 15px 0px; padding: 0px 0px 0px 0px; background:url(images/bg_internal.gif) repeat-y; } #column_wrap { padding: 0px 0px 20px 0px; background: none;} .post_box { padding: 0px 10px 0px 10px; margin:0px; } .format_text { line-height: 1.5em; font-size: 12px; color: #333;} .format_text h2 { font-size: 1.2em; line-height: 1.5em; color: #ce0040; margin: 0px 0px 7px 0px; } .format_text h3 { font-size: 1.1em; color: #ce0040; margin: 4px 0px; } .format_text h4 { font-size: 1.0em; margin: 4px 0px; } .format_text a { color: #29a0c8; text-decoration: none; } .format_text a:hover { color: #929292; text-decoration: none; } #content_box .headline_area h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #ce0040; font-size: 22px; margin: 8px 0px 0px 0px; } #sidebars { margin-top: -35px; width: 20.6em; background: none;} #multimedia_box { background:url(images/bg_multimedia.png) no-repeat; padding: 17px 0px; width: 210px; height: 333px; margin-bottom: 0px; } #multimedia_box #image_box { padding: 0px; margin: 0px 14px; width: 200px; overflow: hidden; background: none; border-bottom: none;} #image_box img { background:#FFFFFF none repeat scroll 0 0; border: none; display:block;} #sidebar_1 {width: 219px; } #sidebar_2 h3 { font-size: 1.4em; font-family: Georgia; font-variant: normal; letter-spacing:0px; line-height:1.385em; margin: 0px 0px 5px 5px; color: #ce0040; padding: 5px 0px 5px 7px; background: none; } #sidebar_2 h3 a { color: #ce0040; } #sidebar_2 .sidebar_list { width: 195px;} #sidebar_2 input { width: 170px; height: 13px; padding: 7px 0px 7px 3px; border: 1px solid #CCC; background: #FFF; margin: 5px 0px 5px 7px;} #sidebar_2 li ul li { padding: 3px 0px 3px 7px;} #sidebar_2 li ul li a { color: #000; } #sidebar_2 li ul li a:hover { color: #ce0040; } .prev_next { padding: 0px; width: 470px; margin: 0px; padding: 10px 0px; float: right; border-top: 1px dotted #DDDDDD;} #archive_info { width: 470px; margin: 0px; padding: 10px 0px; /*margin: 0px 0px 0px 245px;*/ border-bottom: 1px dotted #DDDDDD; margin:0 2.2em;} #archive_info p { letter-spacing: 0px; text-transform: none;} .hfeed .headline_area { padding: 0px; margin: 3px 0px;} .hfeed .headline_area .entry-title{ font-family: Arial; font-size: 12px; color: #BD003B; } .hfeed .headline_area a { color: #BD003B; } .hfeed .post_box { padding: 0px;} .previous a { font-family: Arial; font-size: 11px; color: #000; text-transform: none; letter-spacing: 0px;} .next a { font-family: Arial; font-size: 11px; color: #000; text-transform: none; letter-spacing: 0px;} /* Forms */ .wpcf7-form input { background: url(images/button_background.gif) no-repeat 0 0; border-color: none; border-style: none; border-width: 0px; color:#111111; cursor:pointer; font-weight: normal; font-size: 12px; width: 74px; height: 24px; color: #666666; } input.wpcf7-validates-as-required, input.wpcf7-validates-as-email { background: #FFF; color: #000; border: 1px #CCC solid; padding: 5px; width: 200px; height: 18px; } .wpcf7-form textarea { background: none; border: 1px #CCC solid; padding: 5px; width: 350px; } /* Footer */ #footer { border-top: 1px dotted #333; height: 40px} #footer a { border-bottom: 0px; text-decoration: none; }