/* Theme Name: Ladybug New Theme URI: http://www.ladybuglandscaping.ca Description: This theme was designed by Gabriel McCay. Version: 1.2 Author: Gabriel McCay Author URI: Tags: greens, white, red */ /* --- base styles --- */ * {margin: 0; padding: 0;} * img {border:0;} * form {margin: 0;} * ul {list-style: none;margin:0;} address {font-style:normal; } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; } a:focus {outline: none;background-color:#94CAE4;} body { height:100%; font: 76% 'Arial', Helvetica, sans-serif;} p {line-height:1.3em;margin-bottom:16px;font-size:1em;} h1,h2,h3{margin-bottom:12px;} /*---------- common usage ---*/ .clearme {clear:both;height:0;margin:0;font-size:1px;line-height:0px;} .float-left { float: left; } .float-right { float: right; } .red{color:#AD1F24;} h1.tagline{font-size:18px;color:#000000;margin-bottom:3px;display:block;width:300px;text-align:right;} #content h2.tagline{font-size:24px;color:#000000;margin-bottom:20px;display:block;width:300px;text-align:right;} /*---------- site container ---*/ #wrapper{width:100%;height:100%;text-align:center;background-color:#fff;} #container {vertical-align:top;text-align:left;font-family:"Trebuchet MS", Tahoma, Arial;} /*---------- header---*/ #header{background-color:#fff;width:100%;} #header-wrapper{width:100%;background-image:url(http://www.ladybuglandscaping.ca/dev/images/top-wrapper-bg-rpt.jpg);background-repeat:repeat-x; background-position:top left;} #header-container{width:960px;margin:0 auto;} #top-header{font-size:12px;color:#0D4C26;font-weight:bold;padding:10px 0px;} #top-header a {color:#0D4C26;} #top-header p{margin:0px;} #top-header .left{float:left;width:650px;} #top-header .right{float:right;text-align:right;width:280px;} #main-header{} /*---------- nav---*/ #nav-wrapper{width:100%;} #nav-container{height:40px;margin:0 auto;width:960px;} #nav-container .left{height:40px;width:13px;float:left;background-image:url(http://www.ladybuglandscaping.ca/dev/images/nav-left-curve.jpg);background-repeat:no-repeat;background-position:top left;} #nav-container .right{height:40px;width:13px;float:left;background-image:url(http://www.ladybuglandscaping.ca/dev/images/nav-right-curve.jpg);background-repeat:no-repeat;background-position:top left;} .pagenav { background-image:url(http://www.ladybuglandscaping.ca/dev/images/new-nav-off.jpg);background-repeat:repeat-x;background-position:top left;background-color:#ddd;list-style-type:none;height:40px;width:934px;float:left;text-transform:uppercase;font-weight:normal; } /* the outermost list item; contains whole list */ .page_item { float:left;height:40px;font-weight:bold; } /* any Page item */ .page_item a { border-right:1px solid #ddd;display:block;text-decoration:none;padding:11px 20px;background-image:url(http://www.ladybuglandscaping.ca/dev/images/new-nav-off.jpg);background-repeat:repeat-x;background-position:top left;background-color:#ddd;color:#0F4E27;font-size:18px; } .page_item a:hover{text-decoration:none;padding:11px 20px;background-image:url(http://www.ladybuglandscaping.ca/dev/images/new-nav-on.jpg);background-color:#0F4E27;color:#FFF;font-size:18px;border-right:1px solid #0F4E27;} .page_item .float-right{display:block;float:right;width:70px;} .current_page_item a { text-decoration:none;padding:11px 20px;background-image:url(http://www.ladybuglandscaping.ca/dev/images/new-nav-on.jpg);background-color:#0F4E27;color:#fff;font-size:18px;border-right:1px solid #0F4E27; } /* the current Page */ /* to remove border on final page */ .page-item-38{float:right;} .page-item-38 a{border-right:none;} .page-item-38 a:hover{border-right:none;} /*-----------subnav--*/ #sub-nav-container{background-color:#0F4E27;height:30px;width:960px;margin:0 auto;background-image:url(http://www.ladybuglandscaping.ca/dev/images/sub-nav-curve-left.jpg);background-repeat:no-repeat;background-position:top left;} #sub-nav{background-image:url(http://www.ladybuglandscaping.ca/dev/images/sub-nav-curve-right.jpg);background-repeat:no-repeat;background-position:top right;} #sub-nav ul{display:block;list-style-type:none;margin:0px;padding:0px;color:#CCDCD4;} #sub-nav li{float:left;font-size:12px !important;padding:6px 10px 10px 10px;} #sub-nav li a{color:#CCDCD4;} #sub-nav li a:hover{color:#fff;text-decoration:none;} #sub-nav li.float-right{display:block;float:right;} #sub-nav li.clearme{padding:0px;font-size:0px;} #sub-nav li a.active{font-weight:bold;color:#fff;} /*---------- content--*/ #content-container{background-color:#fff;width:100%;} #content{margin:0 auto;width:960px;background-color:#fff;} /* Poinsettia CONTACT FORM */ #content .poinsettia img{border:5px solid #008944;} #content .poinsettia-form th{font-size:16px;font-weight:bold;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:5px;} #content .poinsettia-form td{font-size:14px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:5px;} #content .poinsettia-form th.one{width:250px;} #content .poinsettia-form th.two{width:70px;} #content .poinsettia-form th.three{width:150px;} #content .poinsettia-form label{display:block;height:20px;line-height:20px;font-size:14px;color:#000;font-weight:bold;} #content .poinsettia-form .item{display:block;float:left;width:247px;margin-bottom:10px;} #content .poinsettia-form .input{width:225px;height:20px;padding:4px;font-size:14px;} #content .poinsettia-form .textarea{width:480px;padding:4px;font-size:14px;} #content .poinsettia-form .right{margin-right:10px;} #content .poinsettia-form .large{width:474px;} #content .poinsettia-form .submit{display:block;float:right;width:150px;height:30px;line-height:30px;font-size:14px;font-weight:bold;} #content .contact-us-form label{display:block;height:20px;line-height:20px;font-size:14px;color:#000;font-weight:bold;} #content .contact-us-form .item{display:block;float:left;width:247px;margin-bottom:10px;} #content .contact-us-form .input{width:200px;height:20px;padding:4px;font-size:14px;} #content .contact-us-form .textarea{width:200px;padding:4px;font-size:14px;} #content .contact-us-form .right{margin-right:10px;} #content .contact-us-form .large{width:474px;} #content .contact-us-form .submit{display:block;float:right;width:150px;height:30px;line-height:30px;font-size:14px;font-weight:bold;} #content .contact-us-form #designCheck{width:250px;float:left;} #content .contact-us-form #maintenanceCheck{width:200px;float:left;} #content a{text-decoration:underline;color:#C30200;} #content a:hover{text-decoration:none;color:#C30200;} #content p{font-weight:12px;} #col-one{width:580px;padding:25px;background-color:#fff;float:left;} #col-one h1{font-size:18px;font-weight:bold;color:#333333;} #col-one h2{font-size:16px;font-weight:bold;color:#333333;} #col-one p{font-size:14px;color:#333333;} #col-one ul{font-size:14px;list-style:disc;padding:0px 0px 16px 16px;color:#333333;} #col-two{background-color:#fff;width:288px;padding:25px 12px 25px 0px;float:right;} #col-two h1.tagline{font-size:17px;font-weight:bold;} #col-two h2{font-size:15px;font-weight:bold;} #col-two h3{font-size:16px;color:#004f28;font-weight:bold;} #col-two p{font-size:14px;color:#333333;} #col-two .article-right h1, #col-two h1.header{font-size:21px;width:290px;padding:8px 0px 8px 10px;background-color:#0F4E27;background-image:url(http://www.ladybuglandscaping.ca/dev/images/sidebar-header.jpg);background-repeat:no-repeat;background-position:top left;display:block;height:27px;color:#fff;text-align:center;} #col-two .article-right-padding{padding:10px} #content .featured-product h2{margin-bottom:8px;} #content .featured-product img{border:3px solid #FFF;} #content .link {border-top:1px dashed #666;padding:10px 0;} #content .link .logo {float:left;display:block;width:90px;} #content .link .entry {display:block;} #content .link .with-logo {margin-left:110px;} #content .link .title {font-size:14px;} #content .testimonial {border-top:1px dashed #005128;padding-top:12px;margin-top:12px;} #content .testimonial .entry p {font-family:'Georgia', Times New Roman, Times, serif;font-size:17px;font-style:italic;margin-bottom:8px;} #content .testimonial .entry h2 {font-size:11px;margin-bottom:16px;font-style:normal;text-align:right;} /*---------- footer--*/ #footer-wrapper{width:100%;background-image:url(http://www.ladybuglandscaping.ca/dev/images/footer-bg-rpt.jpg);background-repeat:repeat-x;background-position:top left;min-height:149px;background-color:#0F4E27;} #footer-container{width:960px;margin:0 auto;color:#000;padding:16px 0px;} #footer .column{width:204px;margin:0px;margin-right:40px;float:left;color:#fff;padding:0px;display:block;} #footer .last{margin-right:0px;width:213px;} #footer .column a{color:#fff;} #footer .column a:hover{color:#fff;text-decoration:none;} #footer .column li{padding:4px 0px;display:block;font-size:11px;} #footer .column .head{font-size:12px;text-transform:uppercase;margin-bottom:10px;padding:0px;font-weight:bold;} #footer .social li{padding-left:25px;background-position:0px 3px;background-repeat:no-repeat;} #footer .social li.regular{padding-left:0px;} #footer .social li.facebook{background-image:url(http://www.ladybuglandscaping.ca/dev/images/icon-facebook.jpg);} #footer .social li.twitter{background-image:url(http://www.ladybuglandscaping.ca/dev/images/icon-twitter.jpg);} #footer .social li.linkedin{background-image:url(http://www.ladybuglandscaping.ca/dev/images/icon-linkedin.jpg);} #end-wrapper{width:100%;color:#0F4E27;} .end-footer{width:960px;padding:10px 0px;margin:0 auto;} .end-footer .float-left{width:650px;float:left;} .end-footer .float-right{width:210px;float:right;text-align:right;} #end-wrapper a{color:#AD1F24;} #end-wrapper a:hover{color:#AD1F24;text-decoration:none;} /* Status Messages */ .error {background-color:#fcc;border-top:1px #f00 solid;border-bottom:1px #f00 solid;padding:6px 12px 6px 12px;margin:12px 0px;} .error ul {list-style-type:none;padding:0;margin:0;} .error ul li {padding:3px;} .success {background-color:#cfc;border-top:1px #0f0 solid;border-bottom:1px #0f0 solid;padding:6px 12px 6px 12px;margin:12px 0px;} .success ul {list-style-type:none;padding:0;margin:0;} .success ul li {padding:3px;} .warning {background-color:#fca;border-top:1px #f93 solid;border-bottom:1px #f93 solid;padding:6px 12px 6px 12px;margin:12px 0px;} .warning ul {list-style-type:none;padding:0;margin:0;} .warning ul li {padding:3px;} /* Form Styling */ .form-item{margin-bottom:20px;} .form-item p{font-size:14px;font-weight:bold;margin-bottom:5px;} .form-item .selectMenu{color:#333;display:block;width:244px;height:28px;font-size:14px;padding:10px 1px 0px 8px;line-height:38px;border-top:1px solid #ccc;border-right:3px solid #ccc;border-bottom:3px solid #ccc;border-left:1px solid #ccc;} .form-item .selectPhone{color:#333;display:inline;width:40px;height:28px;font-size:14px;padding:10px 1px 0px 8px;line-height:38px;border-top:1px solid #ccc;border-right:3px solid #ccc;border-bottom:3px solid #ccc;border-left:1px solid #ccc;} .form-item .selectTextarea{color:#333;display:block;width:244px;height:100px;font-size:14px;padding:0px 1px 0px 8px;line-height:18px;border-top:1px solid #ccc;border-right:3px solid #ccc;border-bottom:3px solid #ccc;border-left:1px solid #ccc;} .form-item .checkbox{border:1px solid #ccc;width:20px;height:20px;padding-right:8px;float:left;display:block;} .checkbox p{margin:0px;padding-left:8px;float:left;} .form-item .buttonSubmit{background-color:#005128;line-height:40px; color:#FFF; text-align:center;width:103px;padding:0 5px 5px 0px;border:1px solid #333333; text-align: center;height:40px;font-size:18px;font-family:"Tahoma", Trebuchet MS, Arial;} #commentform textarea{width:495px;} /* Text inputs */ #form-body .selectMenu{ display:block; width:280px; height:24px; float:left; line-height:24px; margin-right:10px; padding:0 1px 0px 8px; margin-bottom:20px; background: #FFFFFF url(../../img/bg-formfield-greyshadow.gif) repeat-x top; border-top:none; font-size:13px; color:#000000; padding-top:6px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; } .largeSelectMenu{ display:block; width:580px; height:24px; margin-bottom:20px; margin-right:10px; line-height:24px; padding:0 1px 0px 8px; clear:both; background: #FFFFFF url(../../img/bg-formfield-greyshadow.gif) repeat-x top; border-top:none; font-size:13px; color:#000000; padding-top:6px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; } /* Button */ .buttonSubmit{ background-color:#336699;line-height:18px; color:#FFF; text-align:center;width:90px; text-align: center;} .error-marker {border-width:1px;border-color:red;border-style:solid;} /* New Additions July 2011 */ #content-container.splash-main-container{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-bg-wrapper.jpg');background-position:top center;background-repeat:no-repeat;} #content.splash .splash-container{width:960px;} #content.splash h3.splash{font-size:21px;color:#C30100;font-family:'Georgia', Times New Roman, Times, serif;font-style:italic;text-align:center;padding:30px 0px;margin:0px;} .splash-container .service-column{width:306px;float:left;margin-right:20px;} .splash-container .no-marg{margin:0px;} .splash-container .service-column h1{} .service-column .inside{background-color:#005126;padding:2px;} .service-column .inside a img{} .service-column .inside a{display:block;width:302px;height:323px;} .service-column .inside a.one{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-design-consultation.jpg');} .service-column .inside a.two{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-delivery-installation.jpg');width:300px;height:323px;} .service-column .inside a.three{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-garden-maintenance.jpg');width:300px;height:323px;} .service-column .hovered a.one{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-design-consultation-hovered.jpg');} .service-column .hovered a.two{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-delivery-installation-hovered.jpg');} .service-column .hovered a.three{background-image:url('http://www.ladybuglandscaping.ca/dev/images/splash-main-garden-maintenance-hovered.jpg');} .splash-footer{margin-top:30px;margin-bottom:50px;} .splash-footer li{float:left;} .splash-footer li.cert-arborist{padding-right:100px;} .splash-footer li.cnla{padding-right:92px;} .splash-footer li.bclna{padding-right:77px;} .splash-footer li.wctga{padding-right:95px;} .splash-footer li.cert-landscape{float:right;} .service-header{width:579px;height:241px;background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-new-header-bg.jpg');} .service-header .inside{padding:4px;} .service-header .left{width:242px;height:233px; float:left;} .service-header .right{width:305px;padding-left:10px;padding-top:10px; float:left;padding-bottom:10px;} #col-one .service-header h3{font-size:16px;color:#000;} #col-one .service-header h4{font-size:34px;color:#005126;text-align:center;padding-top:100px;} #col-one .service-header ul{font-size:11px;color:#000;font-weight:normal;width:135px;float:left;color:#005126;padding:0px;list-style:none;} #col-one .service-header li{padding-top:2px;padding-bottom:2px;background-image:url('http://www.ladybuglandscaping.ca/dev/images/arrow-list-bg.gif');padding-left:15px;background-position:0px 3px;background-repeat:no-repeat;} #col-one .service-header li a{color:#005126;text-decoration:none;} #col-one .service-header li a:hover{color:#005126;text-decoration:underline;} #col-one .service-header p{display:none;} .service-header .hovered .right .non-hover{padding-bottom:30px;} .service-header.design-consultation .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header1-1.jpg');} .service-header.design-consultation .hovered .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header1-2.jpg');} .service-header.delivery-installation .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header2-1.jpg');} .service-header.delivery-installation .hovered .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header2-2.jpg');} .service-header.garden-maintenance .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header3-1.jpg');} .service-header.garden-maintenance .hovered .left {background-image:url('http://www.ladybuglandscaping.ca/dev/images/services-header3-2.jpg');} #col-one .delivery-installation h4{font-size:34px;color:#005126;text-align:center;padding-top:130px;} .service-header .hovered .right .non-hover{display:none;} .service-header .right .non-hover{display:block;} .service-header .right .hovered {display:none;} .service-header .hovered .right .hovered {display:block;} #content .contact-us-form #show-rest-form { display: none; }