/* Title: LHM Media website Authors: LHM ©2008 http://www.lhmmedia.com/ */ /* =Default */ * { margin: 0; padding: 0; } img { border: none; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; } body { font: 78%/1.4 Arial, Verdana, Helvetica, sans-serif ; } body.message1 { background: url(images/bg-01.jpg) no-repeat;} body.message2 { background: url(images/bg-02.jpg) no-repeat;} body.message3 { background: url(images/bg-03.jpg) no-repeat;} body.message4 { background: url(images/bg-04.jpg) no-repeat;} a { color:#5b9929; } a:hover { color:#3e7116; } #footer a { color:#575757; } #footer a:hover { color:#888888; } span { display: none} /* =main structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #body { padding: 0 0 0 0} #branding span { display: none;} #branding { width: 100%; overflow/**/:/**/hidden; height: 1%; background: url(images/bg-branding.png) 0 0 repeat-x;} #branding-1 { float: left; width:730px; margin: 0} #content { width: 970px; overflow/**/:/**/hidden; height: 1%; margin: 20px 0; padding: 0 0 0 20px} #content-1 { float: left; width: 229px; overflow/**/:/**/hidden; height: 1%; margin-right: 25px} #content-1pri { float: left; background: url(images/bg-content-1pri.jpg) no-repeat; padding-top: 12px; height: 97px; width: 222px; margin:20px 0 0 0; position:relative} #content-2 { float: left; width: 490px; overflow/**/:/**/hidden; height: 1%; } #content-2 img { margin-bottom: 10px } #content-3 { float: right; width: 192px } #content-3pri { background: url(images/bg-content-3pri-inner.jpg) repeat-y scroll 0 0; margin-bottom:20px} #content-3pri-bottom { background: url(images/bg-content-3pri-bottom.jpg) no-repeat scroll center bottom; margin-bottom:20px} #content-3pri-top { background: url(images/bg-content-3pri-top.jpg) no-repeat scroll 0 0; padding: 15px 15px 15px 0 ; margin-bottom:20px} #content-3sec { background: url(images/bg-content-3sec.jpg) no-repeat; padding-top: 15px; height: 143px; margin-bottom:20px} #content-3ter { background: url(images/bg-content-3sec.jpg) no-repeat; padding-top: 15px; height: 158px} #content-4 { float: left; width: 490px; overflow/**/:/**/hidden; height: 1%; } #content-4 img { margin-bottom: 10px } #article { border-bottom: 1px solid #d9d9d9; margin-bottom: 5px} #tags { padding: 15px 15px 0 15px; width: 160px } #tags a { color: #999999; text-decoration: none} #tags a:hover { text-decoration:underline } #footer { float: left; width: 970px; padding: 0 0 0 25px; margin-top: 30px; clear:both} #footer-1 { float: left; margin-bottom: 10px; width: 970px; } #footer-1 .footer-1pri { width: 130px; float: left; margin: 0 20px 0 0} #footer-1 .footer-1sec { float: right; margin-top: 60px} #footer-1 .footer-1ter { width: 65px; float: left; margin: 16px 0 0 142px} #footer-2 { float: left; width: 970px; padding-top:15px; border-top: 1px solid #8cc63f; } /*img*/ #content-2 ul li img { float: left; margin: 0 10px 0 0} #content-4 ul li img { float: left; margin: 0 10px 0 0} /*h1*/ h1 { float: left; width: 229px; padding: 0 0 0 20px} h1 a { display: block; background: url(images/bg-h1.png) no-repeat; height: 126px;} h1 a:hover { } /*h2*/ h2 { float: left; font-size: 130%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color:#FFFFFF; padding: 2px 25px 2px 10px; } h2.green { background-color: #8cc63f } h2.orange { background-color: #ff6c1c; } h2.purple { background-color: #ba3092; } h2.pagetitle { color:#000000; padding: 0; width: 100% } .footer-1pri h2 { width: 125px; padding: 0 0 2px 5px; font-size: 14px} /*h3*/ h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:145%; color:#73b61b; font-style:italic; margin-bottom:18px} #content-2 ul li h3 { font-size:120%; margin-bottom:5px} #article h3 { margin-bottom:0 } h3.contact { margin: 0 } /*h4*/ h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; color: #FFFFFF; background: url(images/bg-content-h4.jpg) 0 0 repeat-x; height: 33px; padding: 15px 0 0 20px} /*h5*/ h5 { float:left; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; width: 100%; } h5 em { float:left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color:#FFFFFF; padding: 5px 25px 5px 10px; margin-bottom:5px; font-size: 175%; background-color: #8cc63f;} /*h6*/ h6 { float:left; margin-bottom: 5px; width: 100%} h6 em { float:left; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color:#FFFFFF; padding: 2px 25px 2px 10px; margin-bottom:5px;background-color: #8cc63f;} /*p*/ p { margin-bottom: 20px; color: #555555;} #content-2 ul li p { margin: 0} #footer-1 p { margin-bottom: 0;} #footer-2 p { font-size: 11px; color: #a4a4a4; font-family: Georgia, "Times New Roman", Times, serif } p.footer-2pri { float: right;} p.footer-2pri a { display: block; float: left; width: 16px; height: 15px; background: url(images/ico-w3c-css.gif) no-repeat; } p.orange { margin: 0; color:#f26c00; font-weight: bold} #article p.date { color: #777777; font-size: 11px} #content-1pri p { padding-left: 10px; float: left} p.bt-apply { } p.bt-apply a { background:transparent url(images/bt-apply-job.gif) no-repeat scroll 0 0; display:block; height:24px; width:125px;} p.bt-apply a:hover { background-position: 0 -24px} p.bt-donate { position:absolute; top:-20px; right: 0} p.bt-donate a { background:transparent url(images/bt-donate.png) no-repeat scroll 0 0; display:block; height:74px; width:75px;} p.bt-donate a:hover { background-position: 0 -74px} p.postmetadata { font-size:10px; } /*blockquote*/ blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;} /*ul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#main-nav { float: left; padding: 10px 0 0 20px; height: 34px; width: 730px } ul#main-nav li { float: left; list-style: none; margin-right: 6px; text-align: center;} ul#main-nav li a { text-transform:lowercase; text-decoration: none; display: block; height: 24px; background: url(images/bg-nav-item1.gif) no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #FFFFFF; font-style:italic;} ul#main-nav li#item1 a { width:54px; } ul#main-nav li.item28 a { background-image: url(images/bg-nav-item2.gif); width: 77px } ul#main-nav li.item3 a { background-image: url(images/bg-nav-item3.gif); width: 120px } ul#main-nav li.item22 a { background-image: url(images/bg-nav-item4.gif); width: 136px } ul#main-nav li.item52 a { background-image: url(images/bg-nav-item5.gif); width: 110px } ul#main-nav li.item173 a { background-image: url(images/bg-nav-item6.gif); width: 54px } ul#main-nav li.item150 a { background-image: url(images/bg-nav-item7.gif); width: 46px } ul#main-nav li.item54 a { background-image: url(images/bg-nav-item8.gif); width: 72px } ul#main-nav li a:hover { background-position: 0 -24px} ul#main-nav li.active a { background-position: 0 -24px} ul#top-nav { float: left; padding:10px 0 0 22px; height: 34px; width: 720px } ul#top-nav li { float: left; list-style: none; margin-right: 6px; } ul#top-nav li a { text-decoration: none; display: block; height: 22px; background-image: url(images/bg-text-small.gif);} ul#top-nav li.small a { width: 18px} ul#top-nav li.medium a { background-image: url(images/bg-text-medium.gif); width: 20px} ul#top-nav li.large a { background-image: url(images/bg-text-large.gif); width: 21px} ul#top-nav li.call-us { background: url(images/bg-call-us-today.gif) no-repeat; height: 18px; width: 253px; margin:4px 30px 0 0} ul#top-nav li.search { margin-left:5px} ul#top-nav li a:hover { background-position: 0 -22px} ul#top-nav li.active a { background-position: 0 -22px} ul#breadcrumb { float: left; width: 700px; padding: 0 0 0 25px} ul#breadcrumb li { float: left; font-size:11px; list-style: none; margin-right: 5px} ul#breadcrumb li a { text-decoration: underline; background: none} ul#home { margin: 340px 0 0 25px} ul#home li { float: left; width: 286px; list-style: none; background: url(images/bg-white.png) repeat ; padding: 10px 10px 10px 0; margin-right: 25px } ul#home li img { float: left; padding: 10px 10px 0 10px} ul#home li p { padding: 15px 0 0 0} ul#home li h2 { width: 155px} ul#home em { font-size: 12px; font-style:normal; padding-left: 26px} ul#home em.orange a { color:#FF6C1C} ul#home em.orange a:hover { color:#FF6C1C} ul#home em.purple a { color:#BA3092} ul#home em.purple a:hover { color:#BA3092} #content-1 ul { background:transparent url(images/bg-content-1-ul.jpg) no-repeat scroll center bottom; padding: 0 13px 25px 11px; } #content-1 ul li { list-style: none; height: 1% } #content-1 ul li a { color: #FFFFFF; text-decoration: none; font-size: 100%; padding: 5px 0 5px 15px; display:block} #content-1 ul li a:hover { background-color: #5b9929 } #content-1 ul li.active a { background-color: #5b9929 } #content-2 ul li { margin-bottom: 15px; padding-bottom: 15px; color: #666666; list-style:none} #content-2 ul li a { color:#73b61b; } #content-2 ul li a:hover { color:#006633} #content-2 ul li em { font-size: 12px } #content-3pri ul { padding-left: 15px; clear: both} #content-3pri ul li { list-style: none; border-bottom: 1px dashed #666666; padding: 10px 0 10px 0 } #content-3pri ul li.end { border: none; } #content-3pri ul li p { margin:0} #content-3pri ul li a { color:#333333; text-decoration: none; } #content-3pri ul li a:hover { text-decoration: underline } #content-3pri ul li a p { color:#333333; text-decoration: none; } #content-3pri ul li a:hover p { text-decoration: underline } #content-3sec ul { float: left; padding: 10px} #content-3sec ul li { margin-bottom: 8px; list-style: none} #content-3sec ul li label { float: left; width: 45px; margin-top: 2px; } #content-3sec ul li input.txt { background: #dddddd; border: 1px solid #d5d5d5; padding: 1px; width: 165px; } #content-3sec ul li input.signup { display: block; background: url(images/bt-submit.gif) no-repeat; width: 89px; height: 24px; border: 0; cursor: pointer; font-size: 0; text-indent: -9999px; text-align: right; color: #d8353b;} #content-3sec ul li input.signup:hover { background-position: 0 -24px; color: #3f3f3f; } #content-4 ul { margin-bottom: 10px; } #content-4 ul li { margin-bottom: 15px; list-style: disc; margin-bottom:10px; margin-left:15px; color: #666666;} #content-4 ul li a { color:#73b61b; } #content-4 ul li a:hover { color:#006633} #content-4 ul li em { font-size: 12px } #footer-2 ul { float: right} #footer-2 ul li { display: inline; color: #b2b2b2; font-size: 12px; float: left; } #footer-2 ul li.rss { background: url(images/bg-footer-rss.jpg) no-repeat; margin-left: 15px} #footer-2 ul li.blog { background: url(images/bg-footer-blog.jpg) no-repeat; margin-left: 15px} #footer-2 ul li a { color: #a4a4a4; text-decoration: none; color: #da4d00; font-family: Georgia, "Times New Roman", Times, serif} #footer-2 ul li.rss a, #footer-2 ul li.blog a { padding: 0 0 0 25px; } .footer-1pri ul { float: left} .footer-1pri ul li { list-style: none; margin: 7px 0} .footer-1pri ul li a { text-decoration: none; background: url(images/bg-sub-footer-li.gif) no-repeat; padding: 0 0 0 12px; background-position: 0 5px; font-size: 100%; } .footer-1sec ul { float: right} .footer-1sec ul li { list-style: none; float: left; margin-left: 5px } .footer-1sec ul li.text { padding-top: 8px; color:#888888; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px} ul#contact-form span { display: block} ul#contact-form { margin: 15px 0 15px 0; float: left; width:490px;} ul#contact-form li { float: left; width:490px;} ul#contact-form li.end { float: left; padding-left: 134px; width: 300px; border: none; padding-bottom: 0; } ul#contact-form li p { margin: 0; float: left; padding-left: 15px; width:130px; } ul#contact-form li input { padding: 5px; height: 15px; width: 300px; border: 2px solid #e6e6e6 } ul#contact-form li textarea { padding: 5px; height: 150px; width: 300px; overflow: auto; border: 2px solid #e6e6e6 } ul#contact-form li input.submit { width: 106px; height: 24px; background: url(images/bt-send-message.gif) no-repeat; cursor: pointer; color:#FFFFFF; padding: 0; border: 0; overflow: hidden; padding-top: 24px} ul#contact-form li input.submit:hover { background-position: 0 -24px } /*ol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*dl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #branding-1 #searchform { width: 340px} #branding-1 #searchform input {background:transparent url(images/bg-branding-search.jpg) no-repeat scroll 0 0; border:0 none; height:24px; padding:4px 0 0 10px; width:254px; float: left; margin-right: 10px} #branding-1 #searchform input.submit { background:transparent url(images/bt-branding-search.gif) no-repeat scroll 0 0; color:#FFFFFF; cursor:pointer; height:24px; padding:0; width:62px; margin: 0 } #branding-1 #searchform input.submit:hover { background-position: 0 -24px } /*tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/