/* GARDENING NEWS - CSS */ * {margin:0;padding:0} body {background-image: url(../_img/bgtile.jpg); background-color: #fff; background-repeat: repeat-x; background-position:top; font:70%/1.3 arial,verdana,sans-serif; color: #336600;} /* TYPOGRAPHY - general titles, fonts and lists */ p, ul, {color:#336600; line-height: 1.3;} ol {color:#000; margin-top:1em; line-height: 1.3;margin-left:2em;margin-right:2em;} ul {list-style: none;margin: 0;padding: 0;} h1, h2, h3, h4 {letter-spacing: 0px;font-family: times,tahoma,arial,verdana,sans-serif;margin: 1.2em 0 .4em;color: #7bc142; border-Bottom: 1px solid #c0d6ae;padding-Bottom: .1em} h1 {font-size: 196%;margin-top:.4em;font-weight:normal;} h2 {font-size: 170%; font-weight:normal;} h3 {font-size: 140%;font-weight:normal;margin: 0 0 .4em;} h4 {font-size: 120%;} h5 {color:#7bc142;font-size: 100%;line-height: 1.2;} h6 {color:#003300; font-weight:bold;font-style: italic; font-size: 120%;font-family: times;margin: .8em 0 .2em;} h7 {color:#7bc142; font-weight:bold;} /* TYPOGRAPHY - Colors and special text */ .highlight {color:#7bc142;font-weight:bold} .highlight2 {color:#7bc142;font-weight:bold;font-size: 100%;} .highlight3 {color:#7bc142;font-weight:bold;font-size: 120%;} .title {color:#7bc142;font-weight:bold;font-size: 80%} .txt {color:#333;font-weight:normal;font-size: 80%} .white {color:#fff;} .whitelrg {color:#fff;font-size: 130%} .lrgtxt {font-size: 130%} .italic {font-style: italic} .subdued {color:#999} .subduedsm {color:#999;font-size: 80%} .formhighlight {color:#6699cc;font-weight:normal;font-size: 80%} .smalltx {color:#7bc142;font-weight:normal;font-size: 80%} .datenum {color:#7bc142;font-weight:bold;font-size: 196%} /* LINKS */ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} a:link {color:#7bc142;font-weight:normal;} a:visited {color:#9eb08f;font-weight:normal;} a:hover,a:active {color:#9ae021;font-weight:normal} /* GENERAL */ img {border:none; margin: 0 auto;padding: 0 auto;float: left;} .img {border:none; margin: 0 auto; padding: 0px 10px 0px 0px; float: left;} .imgthumb {border:none; margin: 0 auto;padding: 0px 10px 0px 0px; } .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} .right {border:none; margin: 0 auto;padding: 0px 10px 0px 0px; float: right;} #thumb-con {width:180px; height:210px; margin: 0 auto; padding: 10px 10px 10px 10px;background-image: url(../_img/thumb_bg_sm.png);background-repeat: repeat-x; background-position:top;} #thumb-con-sidebar {width:140px; height:164px; margin: 0 auto; padding: 10px 10px 10px 10px;background-image: url(../_img/thumb_bg_sidebar-sm.png);background-repeat: repeat-x; background-position:top;} /* LAYOUT - Main Sections */ #wrap {width:1000px;margin: 0 auto;align:center;background-image: url(../_img/bgwrap.jpg);background-repeat: repeat-x; background-position:top;} #mainbodywrap {width:780px; margin: 0 auto;padding: 0 auto;} #header {width:780px;margin: 0 auto;padding: 0 auto;} #featureflash {width:470px; height:210px; margin: 0 auto; padding: 10px 10px 10px 10px; background-image: url(../_img/thumb_bg_med.png);background-repeat: repeat-x; background-position:top;} /* Content Containers and Colums - cels used to split content*/ #col-full {width:780px; margin: 0 auto;padding: 0px 0px 0px 0px; float: left; height:100%;} #col-main-left {width:490px; margin: 0 auto; padding: 0px 40px 0px 40px; float: left; height:100%;} #col-sidebar-right-home {width:160px; margin: 0 auto; padding: 0px 40px 0px 0px; float: right; } /* 3 colum layout*/ #col-sidebar-left {width:160px; margin: 0 auto; padding: 0px 0px 0px 20px; float: left; height:100%;} #col-center {width:390px; margin: 0 auto; padding: 0px 10px 0px 20px; float: left; height:100%;} #col-sidebar-right {width:160px; margin: 0 auto; padding: 0px 20px 0px 0px; float: right; } /* Lists content and containers*/ #story-teaser {width:390px; margin: 0 auto; padding: 0px 0px 14px 0px; float: left; height:100%;} #story-img {width:70px; margin: 0 auto; padding: 8px 8px 8px 8px; float: left;background-image: url(../_img/thumb_news_bg.png);background-repeat: repeat-x; background-position:top;} #story-text {width:270px; margin: 0 auto; padding: 0px 0px 0px 10px; float: left; height:100%;font-size: 86%; line-height: 1.2;} #sidebar-con-sm {width:160px; margin: 0 auto; padding: 0px 0px 20px 0px; float: left; height:100%;font-size: 86%; line-height: 1.2;} /* Main Item Layout - full stories */ #item-pod {width:350px;margin: 0 auto; padding: 10px 10px 20px 10px; float: left; background-image: url(../_img/img_bg_lrg.png);background-repeat: repeat-x; background-position:top;} #item-img {width:350px;margin: 0 auto; padding: 0px 0px 0px 0px; float: left;} #item-txt {width:350px;margin: 0 auto; padding: 20px 0px 0px 0px; float: left;} #item-date {margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#7bc142; border-Top: 1px solid #7bc142; padding-Bottom: 0em; padding-Top: .6em;font-size: 90%;} #item-credit {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#7bc142; font-size: 90%;} #item-viewed { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 90%;color:#7bc142} #item-form {width:300px;margin: 0 auto; padding: 10px 10px 10px 10px; float: left;} /* Modules - side - 200px */ #modside-pod {width:160px;margin: 0 auto; padding: 0px 0px 6px 0px; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #7bc142; background-image:url(../images/celbg.gif);background-repeat: repeat-x;} #modside-txt {width:150px;margin: 0 auto; padding: 10px 0px 0px 10px; float: left; font-size: 80%; line-height: 1.2;} #viewed {width:150px; margin: 0 auto; padding: 0px 0px 0px 10px; float: left; font-size: 80%;color:#666;} /* Modules - Ads */ #ads-pod {width:160px;margin: 0 auto; padding: 10px 0px 10px 0px; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #7bc142;} /* Title Bars Containers*/ #tb-con {width:780px; margin: 0 auto;padding: 0px 0px 0px 0px; float: left; height:50px; background-image: url(../_img/tb_bg_full.jpg);background-repeat: repeat-x; background-position:top;} #tb-left {width:170px; margin: 0 auto;padding: 10px 0px 0px 20px; float: left; height:40px;} #tb-center {width:380px; margin: 0 auto;padding: 10px 10px 0px 20px; float: left; height:40px;} #tb-right {width:160px; margin: 0 auto;padding: 10px 0px 0px 10px; float: left; height:40px;} /* HOME - Sub content*/ #home-teaser {width:490px; margin: 0 auto; padding: 0px 0px 20px 0px; float: left; height:100%;} #home-img {width:70px; margin: 0 auto; padding: 8px 8px 8px 8px; float: left;background-image: url(../_img/thumb_news_bg.png);background-repeat: repeat-x; background-position:top;} #home-text {width:394px; margin: 0 auto; padding: 0px 0px 0px 10px; float: left; height:100%;} /* Menus */ #menu {width:96%; border-style: solid solid solid solid; background-color: #FFFFFF; border: 3px double #b8dc77; margin: 0px;} #menu li a {height:32px; voice-family: "\"}\""; voice-family: inherit;height: 24px;text-decoration: none;} #menu li a:link, #menu li a:visited {color: #5E7830;display: block;background: url(../_img/menu1.gif);padding: 8px 0 0 10px;} #menu li a:hover {color: #26370A;background: url(../_img/menu1.gif) 0 -32px;padding: 8px 0 0 10px;} #menu li a:active {color: #fff;background: url(../_img/menu1.gif) 0 -64px;padding: 8px 0 0 10px;} /* Buttons*/ .nicebutton {border: 3px double #b8dc77;padding: 0.25em;background-color: #FFFFFF;color: #333333;font-size: 90%;font-weight: bold;font-family: Verdana, Helvetica, Arial, sans-serif;background: url(../_img/menu1.gif);} /* Footer and Footer menu */ #footer {width:780px; height:220px; margin: 0 auto;padding: 0 auto; background-image: url(../_img/footer.jpg);background-repeat: repeat-x; background-position:top;} #footer-navcon {width:640px; height:30px; margin: 0 auto; padding: 140px 0px 0px 40px; } #footer-navlist li {display: inline; list-style-type: none; font-weight:normal; font-size: 80%; color:#7bc142;} #copyright{width:260px; height:30px; margin: 0 auto; padding: 30px 0px 0px 210px;float: right;font-size: 80%;color:#999;} #oceano {width:200px; height:30px; margin: 0 auto; padding: 30px 90px 0px 20px;float: left;font-size: 80%;color:#999;} /* Clearing Floats*/ #clearfix {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix {height: 1%;}