/* Theme Name: Homepage Theme URI: http://www.woothemes.com/ Version: 1.0.7 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009 WooThemes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Featured 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Info boxes 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Info Boxes -6.3 Conatct Form -6.4 Gravity forms -6.5 Timeline page template -------------------------------------------------------------------------------------------*/ /* 2.2 Navigation */ #navigation{font: 16px Arial, Helvetica, sans-serif; background: url(images/nav-bg.png) repeat-x top left; height: 42px; } .nav { z-index:99; margin-left:20px; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#D7D7D7 !important; display:block; z-index:100; /*padding:14px 25px 10px 25px; */line-height:18px; text-decoration:none; font-weight: bold; /*border-right:1px solid #999;*/ } .nav a:hover, .nav .current_page_item a, .nav .current_page_parent a, .nav .current-menu-ancestor a { color: #000 !important;/* background: url(images/nav-bg-li.png) no-repeat bottom center;*/ } .nav .current_page_item li a, .nav .current_page_parent li a, .nav .current-menu-ancestor li a { background: none; } .nav li { float:left; padding: 12px 15px 0; width: auto; background: url('images/sep.gif') no-repeat left 18px } .nav li:first-child { background: none } .nav ul{/*padding: 10px 0 0 20px;*/ width:auto; float: left} /* 2.2.1 Drop-down menus */ .nav li ul { background: #373932; position: absolute; left: -999em; width: 210px;z-index:999; } .nav li ul li { background:#373932; border:none; border-bottom:1px solid #373932;padding-bottom:5px; width:180px;} .nav li ul li:hover { background:#97c93d; border:none; border-bottom:1px solid #373932; padding-bottom:5px; color:#000;} .nav li ul li:last-child{border:none; padding-bottom:15px;} .nav li ul li a { color:#555; font-size:12px; border:none;padding-left:5px; } .nav li ul li a:hover, .nav li ul li.current_page_item a {/* background: url(images/nav-bg.png) repeat-x top left; background:#96E452;*/ border:none; padding-left:5px; font-size:12px; color:#000;} .nav li ul ul { margin: -43px 0 0 180px; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator, .nav li ul .sf-sub-indicator { display: none; } /*--- WSX ---*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } h1,h2,h3,h4,h5,h6,img,input {margin:0;padding:0} :focus {/* remember to define focus styles! */ outline: 0; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } figure {margin:0;} /* =Structure ----------------------------------------------- */ /* end reset.css ------------------------------ common------------------------ --- Link Styles ---*/ .fLeft {width:auto; float:left} .fRight {width:auto; float:right} .vmid {vertical-align:middle} .clear {clear:both} .txt-lft {text-align: left} body {font-family:arial, verdana, sans-serif; color:#373932; font-size:13px; background-color: #e3e3e3} #main-cont {margin: 0 auto; width: 992px} #shadow-bg {width: 992px; float: left; background: url('images/mid_shd_bg.gif') repeat-y} .wrapper {padding: 0 6px 0 6px; height: auto; margin: 0 auto; width: 980px} #header {width:980px; float: left; background: url('images/header_bg.gif') no-repeat top right} h1.logo {margin: 9px 0 0 29px; width: 295px; height: 99px; float: left; background: url("images/logo.png") no-repeat 0 0;} h1.logo a {display: block; height: 130px; width: 231px} h1.logo span {display: none} #header-rgt {margin: 13px 30px 0 0; width: 210px; float: right} .top-nav ul {width: 223px; float: right} .top-nav ul li {padding: 0 5px 0 5px; display: inline; float: left; background: url('images/top_sep.gif') no-repeat right 2px} .top-nav ul li:last-child {background: none; } .top-nav ul li a {color: #373932; text-decoration: underline} .top-nav ul li a:hover {text-decoration: none} #icons ul{padding-top: 8px; width: auto; float: right} #icons ul li {padding-left: 8px; display: inline; float:left} .search-box {padding:5px 0 0 0; width:auto; float:right} .search-lft {padding-left:7px; width:auto; height:29px; float:left; background:url('images/search_lft.gif') no-repeat left top} .serchbox {border:0px; padding-left:7px; width:139px; color:#bbbbbb; height:29px; line-height:29px; padding-right:2px; background:url('images/search_mid.gif') repeat-x; float:left; font-size:10px; font-family:verdana} .arrow {padding:0; border:0; padding-left:0px; width:33px; height:29px; cursor:pointer; position:relative; float: left} #nav-main {margin-top: 7px; float: left; height: 67px; width: 980px; background: url("images/menu_bg.gif") repeat-x} /*#nav-main ul {padding: 10px 0 0 20px; width:auto; float: left} #nav-main ul li {padding: 0 8px 0 10px; float:left; display: inline; background: url('images/sep.gif') no-repeat left 7px} #nav-main ul li:first-child {background: none}*/ .donate {padding: 9px 75px 0 0; float: right} #banner-cont {width:980px; float:left; height: 336px; background: url('images/banner_bg.jpg') repeat-x} #banner-shd {width: 938px; height: 320px; float: left; background: url('images/banner_shd.png') no-repeat} .banner {padding: 11px 0 0 8px; float: left; width: auto} #ban-rgt {width: 324px; height: 321px; float: left; background: url('images/green_bg.jpg') no-repeat} #news {margin: 20px 0 0 10px; width: 301px; float: left} .news-cont {padding-bottom: 3px; width: 301px; float: left; height: 92px; background: url('images/news_bg.png') no-repeat} .news-cont ul {padding:10px 0 0 10px; width: 280px; float: left} .news-cont ul li {padding-left: 15px; background: url('images/arrow.gif') no-repeat left 3px; font-size: 12px} .news-cont ul li span {color: #4d9423; font-weight: bold; font-size: 14px} .news-cont ul li a {text-decoration: underline} .news-cont ul li a:hover {text-decoration: none} .news-cont ul li p {margin-top: 3px} .news-cont p.more1 {margin-top: -2px} .news-cont p.more1 a {color: #000; float: right; text-decoration: underline; font-size: 11px} #middle-cont {padding: 0 0 0 14px; width: 966px; float: left; background-color: #fff} #mid-bg {margin: 15px 0; background: url('images/mid-bg.gif') repeat-y 268px 0; float: left} #mid_lft {width: 268px; float: left} #mid_rgt {padding-left: 15px; width: 229px; float: right} #blog-cont {width: 255px; float: left; background: #f2f1f1 url('images/blog_bg.jpg') no-repeat left top} #blog-cont h2 {padding: 6px 0 5px 15px; color: #373932; font-size: 16px; font-weight: bold; text-transform:uppercase; } #blog-cont ul {padding: 0px 0 0 11px; width: 233px; float: left; font-family: verdana; font-size: 11px} #blog-cont ul li {padding: 9px 0 9px 0; border-bottom: 1px solid #dadada} #blog-cont ul li:last-child {padding: 9px 0 9px 0; border:0;} #blog-cont ul li p {margin-top: 5px} #blog-cont ul li span {font-weight: bold; font-size: 10px} #blog-cont ul li a {text-decoration: none; color: #000} #blog-cont ul li a:hover {text-decoration: underline} #blog-cont p {margin-top: 10px} #blog-cont p.more {margin-top: 5px; } #blog-cont p.more a {color: #000; float: right; text-decoration: underline; margin-right: 10px; padding-bottom: 10px; font-size: 11px} #blog-cont p.more a:hover { text-decoration: none} .rss {vertical-align: middle; padding-right: 10px; float: right} #mid-content {padding: 0 20px 0 20px; width: 402px; float: left} #mid-content h1 {font-size: 25px; color: #72bf44} #mid-content p {margin-top: 10px} #green-box {width: 392px; float: left; padding-left:10px;} .cust-cont {padding-bottom: 0px; color: #8bb838; padding-top: 225px; font-weight:bold; text-align:center;} blockquote.style1 { background: url("images/open-quote.gif") no-repeat left top; margin: 5px 0px 0px 7px; padding: 10px 10px 0px 10px; font-size: 20px; } blockquote.style1 span { background: url("images/close-quote.gif") no-repeat right bottom; display: block; padding-bottom: 0px; } .colr {padding-right: 10px; color: #373932; float: right; font-size: 12px} .colr1 {font-size:18px; color: #8bb838; font-weight: normal} #mail-list {margin-top: 8px; padding: 6px 0 5px 9px; width: 218px; float: left; background-color: #dedede} #mail-list h2 {padding: 0px 0 0 0px; color: #7d7d7c; font-size: 15px; font-weight: bold} .email-bg {margin-top: 5px; width:136px; height:23px; float:left; background:url('images/email_bg.gif') no-repeat left} .txt-box1 {width:116px; height:14px; border: none; background: url('images/email_bg.gif') no-repeat left; padding: 0px 10px 0 10px; margin:4px 5px 0 0px; font-size:10px; color: #5d5c5c} .sub-btn {padding: 4px 0 0 4px} .share {padding-left: 10px; margin-top: 20px; float: left} #testimonial {margin-top: 12px; padding: 0 19px 10px 18px; width: 191px; float: left; font-size: 13px; background: url('images/gry_bg.gif') no-repeat left top; font-family: Georgia; border-bottom:1px solid #DADADA;} #testimonial h2 {padding: 8px 0 4px 0px; color: #373932; font-size: 16px; font-weight: bold; font-family: arial; text-transform: uppercase} #testimonial p {margin-top: 10px} #testimonial p.more {margin-top: 5px; } #testimonial p.more a {color: #000; float: right; text-decoration: underline; font-family: arial} #testimonial p.more a:hover { text-decoration: none} #footer-add {padding-bottom: 5px; width: 980px; float: left; background-color: #858484; color: #ededed; text-align: center; font-family: verdana; font-size: 11px; border-bottom: 1px solid #666565} .line {width: 514px; text-align: center} #footer-add a{color:#EDEDED;} #footer-add a:hover { text-decoration: none; color:#EDEDED;} .add {margin-bottom: 2px; padding: 8px 0 0 208px; width: 566px; text-align: center} .add1 {padding: 1px 15px 0 23px; border-top: 1px solid #8c8c8c; margin-left: 233px; width: 494px} #footer, #footer a {color: #b9b9b9} #footer {margin-bottom:0px; padding: 10px 0 4px 0; width: 980px; height: 19px; float: left; font-family: verdana; font-size: 10px; background: url('images/footer_bg.gif') repeat-x; border-top: 2px solid #131313} #footer a {text-decoration: underline} #footer a:hover {text-decoration: none} .copy {padding-left: 14px; width: 640px; float: left} .copy a {text-decoration: underline} .copy a:hover {text-decoration: none} .web {padding-right: 11px; width:auto; float: right} .yellow-btn { background:url('images/blank-button.gif') 0 0 no-repeat; color:#000; display:block; float:right; font-size:18px; font-style:italic; line-height:35px; height:35px; text-decoration:none; text-align:center; width:141px; } .yellow-btn:hover { background-position:0 -35px; }