/* Theme Name: HunterSprings Theme URI: http://hunterspringslandscape.com Description: Design Build Landscape Company Version: 1.0 Author: David Herring Author URI: http://leafcreativegroup.com */ /* ************************************************************************************************************************************************************ ************************************************************************************************************************************************************ */ @import url("css/reset.css"); @import url("css/lookfeel.css"); /**Newsletter*/ input {color: #000;} #sidebar .submit_button {background-color: #f4dc67; border: none;} #sidebar form div {text-align: center; padding-bottom: 2em;} /** Contact Us **/ .linklove {display: none;} .cform input.sendbutton {color:#FFF; background-color:#39281C !important; border:none;} div.success {background:#39281C; color:#FFF; text-align: center; } /*tell a friend*/ .MailingListForm input.success {background:transparent !important; } /*WuFoo Forms*/ .wufoo .info {display: none;}/*hides form title and description*/ .footer a {display: none;}/*hides wufoo footer logo*/ iframe {background-color: #e4e0d7;} body.embed {background-color: #e4e0d7 !important;} .embed #container {background-color: #e4e0d7 !important;} /** Drop Down Menu */ #main_nav ul ul{ display:none; position:absolute; z-index:5; font-size:75%; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; background-color:#004f1f; border:solid 2px #FFF; border-top: none; margin:0; padding:0; width:300px; } #main_nav ul ul li{ text-align:left; padding:0; margin:0; width:300px; } #main_nav ul ul ul{ top:0; left:100%; } #main_nav ul ul a { /*display: inline-block;*/ display:block; text-transform:none; } #main_nav ul ul a:hover { text-decoration:none; background-color:#aaa288; } /* Begin non-anchor hover selectors */ /* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method */ div#main_nav li:hover{ cursor:pointer; z-index:100; } div#main_nav li:hover ul ul, div#main_nav li li:hover ul ul, div#main_nav li li li:hover ul ul, div#main_nav li li li li:hover ul ul {display:none;} div#main_nav li:hover ul, div#main_nav li li:hover ul, div#main_nav li li li:hover ul, div#main_nav li li li li:hover ul {display:block; } /* End of non-anchor hover selectors */ /*"Posts"*/ div.post {margin: 3em 1em;} div.post h1 {font-size: 250%;/*margin:1.5em 0 .5em;*/ margin:0; padding: 0 0 .25em; text-align: center;} div.post p {font-size:90%; margin-top: 1em;} /**Buttons**/ ul.buttons {font-size:85%;margin:0; padding:0; width:450px; height: 25px; position: absolute;} ul.buttons li {list-style:none; float:right; margin:0 1em;} ul.buttons li a {background-image: url('img/css/buttons.png'); color:#FFF; font-weight:bold; text-decoration:none; text-transform:capitalize; text-align:center; display:block;} ul.buttons li a {background-position:0px 0px; width:118px; height:19px; padding:10px; line-height:1.5em;} ul.buttons li a:hover {background-position:0px 39px} /***Home***/ div.home_intro, .content_highlight {font-size:90%; border-top:dashed 1px #39281C; border-bottom:dashed 1px #39281C; background-color: #e4e0d7; display:block; margin-top:2em; padding:1em;} div.home_intro img {float:right; margin:.5em;} div.home_intro p {margin-bottom:2em;} /*Featured*/ #featured {margin:5em 1em 1em 1.5em;} ul.featured_project, ul.featured_service {width:46%; background:transparent url('img/css/featured_background.png') no-repeat right top; float:left; list-style:none; margin:-15px 0 0; padding:0;} ul.featured_project {} ul.featured_service {margin-left:2.5em;} #featured li.title h4 {font-family:Georgia; font-size:110%; font-weight:bold; background:transparent url('img/css/title_arrow.gif') no-repeat left; margin-bottom:1.5em; padding-left:15px;} #featured img {border:2px solid #39281C; margin-bottom: 1em;} #featured p {font-size:80%;} #featured a.more {color:#39281C; font-size:80%; font-weight:bold; width:100%; margin-top:1em; text-decoration:none; display:block; float:right; text-align:right;} #featured a.more:hover {color:#dad5c8; background-color:#39281C;} /*Service Gallery*/ .piclenselink {display:none} /*hide piclense feature*/ #galleries {background-color: #e4e0d7; padding:5px; margin: 0 -1em 1em; border: 1px dashed #39281C; border-left: none; border-right: none; text-align: center;} .servicegallery_image {background-color:#FFF; border: 1px solid #A9A9A9; padding: 10px;} .ngg-galleryoverview {margin-left: 3em;} .highlight_content {text-align: left !important;} /**Sidebar Sepcific Class**/ .sidebar_services ul {color:#FFF; font-size:100%; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; list-style: none; margin: 0; padding: 0;} .sidebar_services ul li {} .sidebar_services ul a {color:#FFF; text-decoration: none; display: block; padding: .5em 2em;} .sidebar_services ul a:hover {color:#39281C; background-color: #dad5c8;} /*"Seasonal Tips Slider"*/ div.panel p { text-align: left; margin:0; } div.panel p, div.panel ul { font-size: 13px; line-height: 1.4em } /**Navigaiton**/ ul#cross-links {border-bottom: 1px #FFF solid; margin:0; padding:0; overflow: hidden; } ul#cross-links li {float:left; margin: 0 .25em; padding:0;} ul#cross-links li a {color:#FFF; text-decoration: none; padding:0;} noscript p, noscript ol {font-size: 13px; line-height: 1.4em; text-align: left } noscript a { color: #a00; text-decoration: underline } noscript ol { margin-left: 25px; } a:focus { outline:none } div.panel img { border: 0; float:right; margin-left:10px;} div.panel h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px;} .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ background-color:#00703c !important; margin: 0; position: relative;width: 100%; height:auto;} .wrapper p {margin:0 !important;} /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: auto; overflow: hidden} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ background-color:#00703c !important; position: relative; overflow: hidden; /*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */ margin: auto; width: 185px; /* Also specified in .stripViewer .panelContainer .panel below */ height: auto; clear: both; /*background: #fff;*/ } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: auto; position: relative; width: 185px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ /*padding: 10px;*/ } .wrapper {background-color:#00703c !important;} .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; float:right; position:absolute; visibility:collapse;} .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #607EA3; text-decoration: none; display: block; padding: 0 15px; } .stripNav li.tab1 a {display:none;} .stripNav li.tab2 a {display:none;} .stripNav li.tab3 a {display:none;} .stripNav li.tab4 a {display:none;} .stripNav li.tab5 a {display:none;} .stripNav li a:hover {background: #607EA3;} .stripNav li a.current {background: #607EA3;color: #607EA3;} .stripNavL, .stripNavR { The left and right arrows position: absolute;top: 230px;text-indent: -9000em;visibility:collapse;} .stripNavL a, .stripNavR a {display: block;/*height: 40px;*/width: 40px;} .stripNavL {left: 0;} .stripNavR {right: 0;} /**Links**/ #post-23 {} #post-23 a:hover {color:#39281C; text-decoration: none;} /**Careers**/ div.career_position_wrapper {} div.career_position_wrapper a {color: #FFF; margin: .5em 0; display: block; background-color:#39281C; text-align: center; padding: .5em;} /**Q&A**/ dl { color: #39281C; clear: both; margin: 0 0 60px 0; } dt { border: 1px dashed #39281C; border-left: none; border-right: none; padding: 10px 20px 10px; background-color: #e4e0d7; font-style: italic; position: relative; display: block; height: auto; width: 100%; margin-left: -15px; padding-right: } dd.answer { font-size:85%; line-height:1.75em; background: white; position: relative; width: 80%; float: right; } dd.answer div { padding: 10px; border-left: 8px solid #39281C; border-right: 8px solid #39281C; margin: 0; } .answer-tab { color:#FFF !important; background-color:#39281C; display: block; width: 105px; cursor: pointer; position: absolute; bottom: -30px; left: 0px; padding: 0.25em; text-align:center; text-decoration: none;} /**Testiomonials**/ #slider { background: transparent url(../images/slider-bg.jpg); height: auto; overflow: hidden; position: relative; margin: 10px 0; } /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #mover { margin: 0 10px; width: 2880px; position: relative; } .slide { padding: 30px 30px; width: 540px; float: left; position: relative; } .slide h2 {font-family: Georgia; font-size: 115%; position:absolute; left:0px; } .slide p {color: #000; text-align: left; font-size: 12px; line-height: 22px; position:relative; left:0px; top:3em; width:480px;} .slide img {display: none; } .slide a {margin:1em;} .slide a.next {} .slide a.all {} #slider-stopper { position: absolute; top: 1px; right: 20px; background-color: #39281C; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; } /*Sidebar Testimonials*/ .quotescollection_nextquote {display: none;} /** Offers **/ a.email_offer {color:#FFF; display: block; background-color: #39281C; position: relative; bottom:-7px; text-align: center; text-decoration: none; font-weight:bold; padding: .1em; font-size: 90%;} .legal {font-size:80%;} /**Footer Specific Class**/ /*Our Process*/ #footer .our_process {background:#dad5c8 url('img/css/our_process_check.png') no-repeat right top;} #footer .our_process ul {font-family:Trebuchet, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; list-style:none; margin:0; padding:0; float:left; overflow: visible;} #footer .our_process li {font-family:Georgia; margin: 0 1em;} #footer .our_process h3 {background:transparent url('img/css/our_process.gif'); width:35px; height:121px; text-indent: -9999px; padding:0; margin:0; position:absolute; left:15px; top:0;} #footer .our_process .tabs {} #footer .our_process .tabs h4 {font-family:Georgia; font-size:135%; margin:.75em 0;} #footer .our_process p {font-family:Trebuchet, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size:90%; width: 85%;} #footer .tabNavigation li a {font-size:350%; line-height:.9em; width:15%; text-align:center; display: block; margin-right: 1em;} #footer .tabNavigation li a {color:#FFFFF5; font-weight:bold; text-decoration:none; padding:0; margin:0; width: 25px; height: 45px; display: block;} #footer .tabNavigation li a:hover {color:#39281C;} #footer .tabNavigation li a.selected {color:#39281C;} #footer ul.process{width:75%;}