/* Theme Name: Patagonia Theme URI: http://www.wpthemesplanet.com/patagonia-theme/ Description: Patagonia is a very good looking Wordpress Theme with a clean design. This theme is search engine optimized and compatible with the latest wordpress version. Patagonia Theme supports Tag clouds, categories, dinamic widgets, gravatars. You can also visit our site at: http://www.wpthemesplanet.com/ Version: 1.5.7 Tags: fixed-width, two-columns, right-sidebar, white, blue, threaded-comments, sticky-post, theme-options Author: WpThemesPlanet Author URI: http://www.wpthemesplanet.com/ */ /* ***GLOBAL*** */ /*Initialize the browser's CSS Except for table structure*/ @import url(reset.css); body {background: #007d9f url(../images/back-wrapper.jpg) repeat-x; font: 16px Georgia, "Times New Roman", Times, serif; color: #4b4646 } h1 {font-size:40px; color: #2e111c; font-weight: normal } h1 .pink {color: #8c355d } h2 {font-size: 24px; color: #6f2741; font-weight: normal; font-style: italic; padding: 0 0 35px 0 } h3 {font-size: 18px; color: #6f2741; font-weight: normal; font-style: italic } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 16px; } strong {font-weight: bold } a:link {color: #e10000; font-weight: normal; } a:visited {color: #990000; font-weight: normal; } a:hover, a:active {color: #ff0000; font-weight: normal; } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #container-bg, #footer, #wrapper{margin: 0 auto; } #shadow {background: url(../images/back-shadow-landing.jpg) no-repeat center 15px;display:table;position:relative;width:1100px;margin-left:-4px;} #shadow, x:-moz-any-link { /* target only Firefox, overriding the style above */ margin-left:-98px; } #container {width: 900px; padding: 50px 18px 80px; position:relative;} #optin-container {width: 278px; height: 424px; background: url(../images/back-optin.jpg) no-repeat; position: absolute; top: 14px; right: 32px;} #optin-container, x:-moz-any-link {right:33px;} #best-testimonial {width: 572px; position: relative; margin: 0 0 28px } .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 224px } #logo {position: absolute; top: 55px; left: 60px; text-indent: -99999px; cursor:pointer } #logo a {width: 300px; height: 138px; display: block; outline: none; } #optin-container .textfield {width:195px; height:14px; padding:4px 5px 7px; color: #000; border:none; background:transparent; font-size:12px } #optin-container .optin-submit {margin: 0 1px;} #optin-container form {position:absolute; top: 285px; left: 30px; } #optin-container #txtName_5323{margin:0 0 7px 8px;} #optin-container #txtEmail_5323 {margin:0 0 8px 8px;} #video { margin: 0 10px 50px 0 } #video-frame { background-color: #dedede; padding: 16px; width: 560px; margin: 0 auto } .wide-col {clear: both; margin: 0 auto; width: 777px } #footer {position: absolutte; bottom: 0 } #footer .footer-content {width: 900px; height: 207px; margin: 0 auto; padding: 30px 0 0 90px; background: url(../images/back-footer.jpg) no-repeat -59px top; color: #fff; font-size: 11px; position: relative } #footer .footer-content, x:-moz-any-link {width: 900px; height: 207px; margin: 0 auto; padding: 30px 0 0 90px; background: url(../images/back-footer.jpg) no-repeat -60px top; color: #fff; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 33px 0 } #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 15px; left: 90px } .before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 175px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #guaranteed, #signup-now {width: 844px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin-bottom: 30px; padding-top: 22px; color: #fff } #signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat } #signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left } #signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 } #guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left } .testimonials {background-color: #d6bdbc; width: 844px; margin: 30px auto } .testimonials-top, .testimonials-bottom {width: 844px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top } .testimonials-body { float: none } .testimonials-body-wide { float: none; padding:0 20px } .testimonials-body-left { float: left; width: 419px; text-align:left; padding: 45px 18px } .testimonials-body-right { float: right; width: 364px; padding: 10px 25px 0 0 } #sitemap-table p {padding: 35px 0 0 0} #sitemap-table ul {margin: 0 10px 0 30px} #sitemap-table {margin: auto} #sitemap-table td {width: 50%; padding: 0 5px; vertical-align: top} #sitemap-table li {padding: 0 0 5px 0; font-size: 14px} .left-col p {margin: 0 0 16px 35px} table#facts {border-collapse:collapse; margin:10px auto;} .shaded-row {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#DDDDDD none repeat scroll 0 0;} #facts td {border:1px solid #666666;padding:2px 5px; } #facts th {border:1px solid #666666;padding:2px 5px; text-align: center; font-weight: bold} #facts p {margin: auto 0} .chart {width: 820px; margin: 0 auto; border: 1px solid #000000; border-collapse:collapse} .column-header-cell {width: 130px; vertical-align:middle; font-weight:bold; background-color:#d6bdbc} .column-header-cell p {text-align:center; margin: 0; padding: 5px 0; font-size:15px} .row-header-cell {width:170px; vertical-align:middle; font-weight:bold; background-color:#d6bdbc} .row-header-cell p {text-align:center; margin: 0; padding: 5px 3px; font-size:15px} .top-corner-cell {width:170px; vertical-align:middle; font-style:italic; background-color:#d6bdbc} .top-corner-cell p {text-align:center; margin: 0; padding: 5px 0; font-size:12px} .chart-cell {width: 130px; vertical-align:middle} .chart-cell p {text-align:center; margin: 0; padding: 5px 0} /* *** END LAYOUT*** */ /* ***STYLES*** */ #best-testimonial h1 {margin: 0 0 0 20px; padding: 0 0 0 113px; background: url(../images/heading-bug.png) no-repeat; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } .recover {clear: both; line-height:0 } .italic {font-style: italic; } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px } .picture-frame2 {border: 2px solid #13466f; background-color: #fff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631 } #guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #e86695; margin-bottom: 15px } #guaranteed a, #guaranteed a:visited, #signup-now a, #signup-now a:visited { color:#e86695; } .testimonials-lost, .testimonials-clientname { font: 48px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #40141d } .testimonials-clientname { font-size: 30px; color: #40141d; text-align: right } .phone {font-size: 30px; color: #e86695 } .callaction, .callaction2 { color: #d58aab; font-size: 18px } .callaction2 { color: #fff } p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center} .txtcenter {text-align: center } .johnson-box {background-color:#eee;border-width:0 1px;margin:0 20px;padding:20px 10px;} .johnson-box-yellow {background-color:#FFFFCC; border:3px dashed #000; margin:0 auto; padding:2px 20px 2px 0; width:620px;} .servingthesecities {font-size:11px;text-align:center } .tablenames {background-color:#069;color:#fff;font-size:16px;font-weight:bold;text-decoration:none } .price {font-size:30px;font-weight:bold;} .blue {color:#004F87 } .bigstatement {font-size:22px;text-align:center;} .campsites {width: 630px; margin:0 auto; background:#eee; border:2px solid #ddd; padding:15px } .site-picture {border:1px solid #666;padding:2px; margin: 0 15px 50px 0 } .red {color: #fc0000 !important } .strikethrough {text-decoration:line-through } .capitalized {text-transform: capitalize } .author {padding:2px; border:2px solid #333; margin:0 10px 5px 10px; float: right } .emphasis {font-size: 29px} .standout {font-size: 16px} .heading1 {font-size: 40px; color: #8C355D; font-weight: bold } .heading2 {font-size: 26px; color: #8C355D; font-weight: bold } .heading3 {font-size: 24px; color: #8C355D; font-weight: bold } .heading4 {font-size: 22px; color: #8C355D; font-weight: bold } .heading5 {font-size: 20px; color: #8C355D; font-weight: bold } .checklist {list-style-image:url(../images/icon-checklist.png); margin: 0 0 15px 60px } .topheading {font-family:Impact, Helvetica, sans-serif; text-align: center; padding:0 20px; text-transform: capitalize; color: #006dba; font-size: 36px } .imgright {float: right; margin: 0 0 10px 10px } .imgleft {float: left; margin: 0 10px 10px 0 } .aboutebook {width:735px;margin:0 auto } .congrats {font-size:30px} .accent {font-size:32px} .recover-left {clear: left } #shadow .pagetop {color:#000; font-size:14px; line-height:21px; margin:0; padding:0 75px 20px 0; text-align:left } .yellowhighlight {background: #ff6} .expirationdate {width:80%; margin:0 auto; padding:5px; text-align:center; background:#cc0000; color: #fff; font-weight: bold; font-size:24px } .yescheckbox {width:20px; height:20px } p.footerlink-title {margin-bottom: 0; padding:5px 0 0 0} .standout-list {font-size:16px} .company-name {color: #000080} .spread-list {padding: 5px 0} .contact-us-calltoaction {font-size: 29px; color:#595959; text-align:center} #contactform-1 .textinput { width:230px; } .container-body-med {margin:0 auto; width:500px } .you-will {margin-left: 30px; font-size: 16px} #contact-us-list {margin-left:40px} .pointer{cursor:pointer} .yesbox { background-color:#FFFED4; border:4px dashed #d162d9; margin:0 auto; padding:10px 20px; text-align:justify; width:556px; clear:both; min-height:40px; } .rd-box-container {background: url(../images/rd-box-bg.gif) repeat-y; width: 647px; margin:0 auto } .rd-box-top {background: url(../images/rd-box-top.gif) no-repeat } .rd-box-bottom {background: url(../images/rd-box-bottom.gif) no-repeat 0 bottom; padding:15px } .rd-box-left { float:left; width:50%; } .rd-box-right { float:right; width:50%; } .rd-box-left, .rd-box-right {} .rd-box-left p, .rd-box-right p {padding:13px; text-align:justify;} .rd-box-left h4, .rd-box-right h4 {color:#560200;} .box-heading {font-size: 150%;} .product-divider {height:2px; background:#eee; width: 90%; margin:5px auto 15px; border:0 } .listCheck, .listLocation {list-style-image:none;list-style-position:outside;list-style-type:none;margin:20px 0; padding:0 15px;} .listLocation .listCity {font-weight:bold;font-size:1.2em;} .listLocation .listAddress {font-size:.9em;font-style:italic;} .listLocation .listAddress a {font-size:.8em; text-decoration:none;} .note {font-size:.7em;font-style:italic; color:#000;} /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 34px; left: 70px; } #globalnav ul {list-style: none; width:880px } #globalnav ul li {float: left; padding: 0 13px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right 2px } #globalnav a:link, #globalnav a:visited {color: #e698b9; text-decoration: none; font-size: 11px } #globalnav a:hover {color: #fff } #searchbox { float: right; padding-top:2px } .search { border: 1px solid #9e7465; background-color: #ece9dd; color:#58413d } #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #fff; } /* ***END NAVIGATION*** */ /*--------------------------------------------------------------------------*/ *+html #shadow {margin-left:0px;} /*IE7 fix*/ #wrapper{ width: 1092px; margin:-15px auto; /*margin: 0px auto;*/ padding: 0; text-align:left; position:relative; background: transparent url(../images/back-body.jpg) repeat-y top center; } #wrapper, x:-moz-any-link { width: 902px; margin-left:-111px auto; /*margin: 0px auto;*/ padding: 0 20px 0 20px; text-align:left; position:relative; background: transparent url(../images/back-body.jpg) repeat-y top center; } #header{ padding: 1px 0px; margin: 0; height:180px; } #header a:hover { color: #ff8c4d; } #header-inner{ margin: 0; padding: 0; } #tabs ul#page-list{ margin: 0px; padding: 0px; } #tabs ul li{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-right: 1px solid #fff; font-size: 95%; font-family: Myriad, Myriad Pro, Palatino, Rotis Sans Serif, serif; letter-spacing: 0; } #tabs UL LI.page_item A { PADDING-LEFT: 14px; PADDING-RIGHT: 14px; FONT-WEIGHT: normal; } #tabs UL LI.cat-item A { PADDING-LEFT: 14px; PADDING-RIGHT: 14px; FONT-WEIGHT: normal; } #tabs UL LI.page_item A:hover { color:red; text-decoration:none; } #tabs UL LI.cat-item A:hover { color:red; text-decoration:none; } #tabs UL#page-list { LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0; WIDTH: 850px; PADDING-RIGHT: 0; DISPLAY: block; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px } #tabs #page-list LI { PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; } #tabs #page-list LI A { DISPLAY: block } #page-list LI UL LI A { DISPLAY: block } #tabs #page-list LI UL { POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-TOP: 0px; LEFT: -999em } #tabs #page-list LI:hover UL { LEFT: auto } #tabs #page-list LI.sfhover UL { LEFT: auto } #tabs #page-list LI UL LI { LINE-HEIGHT: 25px; border: 1px white; padding:2px; WIDTH: 10em; } #tabs #page-list LI:hover { POSITION: static } #tabs #page-list LI.hover { POSITION: static } #tabs #page-list LI UL UL { MARGIN: -29px 0px 0px 162px } #tabs #page-list li:hover ul ul, #tabs #page-list li.sfhover ul ul { left: -999em; } #tabs #page-list li:hover ul, #tabs #page-list li li:hover ul, #tabs #page-list li.sfhover ul, #tabs #page-list li li.sfhover ul { left: auto; } #tabs #page-list li:hover ul ul, #tabs #page-list li:hover ul ul ul, #tabs #page-list li.sfhover ul ul, #tabs #page-list li.sfhover ul ul ul { left: -999em; } #tabs #page-list li:hover ul, #tabs #page-list li li:hover ul, #tabs #page-list li li li:hover ul, #tabs #page-list li.sfhover ul, #tabs #page-list li li.sfhover ul, #tabs #page-list li li li.sfhover ul { left: auto; } /* Tabs and menu settings */ #tabs { padding: 0 0 0 98px; height:27px; font-size: 16px; position:absolute; top:24px; } #tabs3 { padding: 0 0 0 0; background: url('images/shadow1.gif') repeat-x; height:10px; margin: 0 0 0 0; width:893px; } #tabs4 { padding: 0 0 0 0; background: black url('images/shadow2.gif'); height:8px; margin: 0 0 0 0; } #tabs UL LI.page_item A { BACKGROUND: transparent; COLOR: white } #tabs UL LI.page_item A:hover { BACKGROUND: #ce1872; COLOR: white } #tabs UL LI.page_item { BACKGROUND: transparent } #tabs UL LI.cat-item A { BACKGROUND: transparent; COLOR: white } #tabs UL LI.cat-item A:hover { BACKGROUND: #ce1872; COLOR: white } #tabs UL LI.cat-item { BACKGROUND: transparent } #tabs UL LI.current_page_item { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_page_item A { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_page_item A:hover { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_cat-item { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_cat-item A { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_cat-item A:hover { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current-cat { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current-cat A { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current-cat A:hover { BACKGROUND: transparent; COLOR: white } #tabs UL LI.current_page_item LI A { BACKGROUND: black; COLOR: white } #tabs UL LI.current_cat-item LI A { BACKGROUND: black; COLOR: white } #tabs #page-list LI:hover { BACKGROUND: #ce1872 } #tabs #page-list LI UL { BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid } #tabs #page-list LI UL LI { BACKGROUND: black; BORDER-TOP: #ddd 1px solid }