/* ---------------------------- Name: Resolution Copper Developer: Park&Co URL: wwww.parkandco.com Date: March 25th, 2009 v1.0 ----------------------------------------------- */ /* CSS Reset ----------------------------------------------- */ html, body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; } address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; } /* General Styles ----------------------------------------------- */ body {font-family: "Georgia",Times New Roman,Times normal; text-align: center; min-width: 900px; color: #000; margin: 0; padding: 0; background-color: #fffeed;} h1 {font-size: 2.25em; font-weight: bold;} h2 {font-size: 2.15em; font-weight: normal; margin-bottom: 15px;} h3 {font-size: 1.25em; font-weight: normal; margin:0 0 12px 0;} h4 {font-size: 1em; font-weight: normal; margin-bottom: 12px;} h5 {font-size: 0.813em; font-weight: normal; font-style: italic; margin-bottom: 12px;} p {font-size: 1.0em; line-height:1.6em; margin-bottom: 15px; } #content ul {font-size: .9em; margin:15px 0 10px 10px;} #content ol {font-size: .9em; margin:0 0 10px 10px;} #content ul li {margin:0 0 15px 0px; padding:0 0 0 30px; background: url(/_images/bullet-cheveron.gif) 0 4px no-repeat;} #content ol li {margin:0 0 15px 20px; padding:0 0 0 15px; list-style:decimal;} #content ol ol li {margin:0 0 15px 20px; padding:0 0 0 15px; background: none;} #content ol ul li {margin:0 0 15px 0px; padding:0 0 0 30px; list-style: none;} strong {font-weight: bold;} em {font-style: italic;} .alignright {float: right; margin: 0 0 10px 15px;} .alignleft{float: left; margin: 0 15px 10px 0;} blockquote { margin-left: 25px;} a {color:#cc6e28; text-decoration: underline;} a:hover {color:#cc6e28; text-decoration: none;} a:visited {color:#75a29c;text-decoration: underline;} .clear {clear: both;} .first {font-family: Arial,Helvetica,sans-serif; font-weight: bold; color:#cc6e28; } /* Positioning Styles ----------------------------------------------- */ #wrapper {margin: 0 auto; width: 900px; text-align: left; padding:20px 0 0 0; background: none;} #left-col {width: 271px; float: left;} #right-col {width: 542px; float: right; } #logo a{background: url(/_images/bg-logo.gif) top left no-repeat; width: 267px; height: 21px; float: left; text-indent: -9999px; margin: 0; padding: 0;} #nav { float: right; padding-top: 4px;} #header {margin: 0 auto; width: 900px; text-align: left; height: 21px; margin:0 0 40px 0; padding: 10px 0 20px 0; border-bottom: double 3px #b0b09c;} #footer { width:100%; margin: 0 auto; /* border-top: double 3px #b0b09c; */ height: 183px; background: url(/_images/bg-footer.jpg) #fffeed repeat-x center bottom; text-align: center;} #footer-center { margin: 0 auto; height: 30px; width: 900px; border-top: double 3px #b0b09c;} #footer p{font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 20px; float: right; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .7em; color: #515147;} #footer p a {color:#515147; text-decoration: underline;} #footer p a:hover {text-decoration: none;} #footer p a:visited {color:#515147;} .ask-question {margin-left: 15px;} /* Take Action Include Styles ----------------------------------------------- */ #action-top {background-color: #e9e7cb; width: 243px; padding: 15px; color:#fff; margin: 26px 0 35px 0; position: relative; z-index: 7;} #action-top p.icon {height: 0px; width:0px; background: none; text-indent: -9999px; display: none;} #action-top p{font-size: .9em; line-height: 1.25em; color: #515147;} #action-top input{font-size: .883em; border: none; padding: 3px; margin:0; color: gray;} #action-top input.search-button-home {width: 54px; height: 24px; /* background: url(/_images/button-submit.gif) left top no-repeat; */ border: none; /* text-indent: -9999px; */ padding: 3px 0 0 0; margin:0; color: #fff;} #action-top h3{height: 21px; width: 117px; background: url(/_images/title-stay-informed-sm.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; border: none; } #action-bottom {background-color: #e9e7cb; width: 243px; padding: 15px; margin: 26px 0 26px 0; position: relative; z-index: 8;} #action-bottom h3{height: 16px; width: 96px; background: url(/_images/title-get-involved-sm.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0 0 10px 0; border: none;} #action-bottom p{font-size: .9em; line-height: 1.25em; color: #515147; } p.take-action {text-align: center;} #action-bottom ul {font-size: 0.813em; margin-bottom: 20px;} #action-bottom li {margin:0 0 8px 20px; padding-left: 5px; list-style: disc; color: #515147; } p.take-action a{height: 34px; width: 181px; background: url(/_images/button-take-action.gif) left top no-repeat; text-indent: -9999px; display: block;} p.take-action a:hover {background: url(/_images/button-take-action.gif) left -34px no-repeat;} #action-bottom p.icon {height: 0px; width:0px; background: none; text-indent: -9999px; display: none;} /* Navigation Styles ----------------------------------------------- */ /*Main Nav Styles*/ #nav ul {} #nav ul li {float: left; display: inline; padding-left: 15px; } #nav ul li a {color:#000; font-weight: normal; text-decoration: none; font-size: 1em; padding: 5px;} #nav ul li a:hover {color:#cc6e28; text-decoration: underline;} /* Nav State Styles */ #land-exchange a.nav-land-exchange, #project a.nav-project, #benefits a.nav-benefits, #company a.nav-company, #blog a.nav-blog{ color:#cc6e28; font-weight: normal;} /*Sub Nav Styles*/ #sub-nav {border-bottom: double 3px #b0b09c; padding: 0 0 30px 20px; margin-bottom: 40px;} #sub-nav ul{} #sub-nav li {margin-bottom: 15px; padding-left:15px; background: url(/_images/bullet-cheveron.gif) 0 5px no-repeat;} #sub-nav li a {text-decoration: none; color: #252b3f; padding: 5px;} #sub-nav a:hover { color: #cc6e28; text-decoration: underline;} .land-exchange-you #sub-nav a.sn-land-exchange-you, .ask-rcm #sub-nav a.ask-rcm, .timeline #sub-nav a.sn-timeline, .status #sub-nav a.sn-status, .economy #sub-nav a.sn-economy, .community #sub-nav a.sn-community, .environment #sub-nav a.sn-environment, .contact #sub-nav a.sn-contact { color: #75A29C;} /*Land Exchange Tertitary Nav Styles*/ ul#tn-landexchange {margin: 0; padding: 0;} ul#tn-landexchange li{ background: none; display: inline; float: left; padding: 0; margin: 0;} ul#tn-landexchange li a.tn-economy {height: 123px; width: 176px; background: url(/_images/matrix-land-exchange.jpg) 0 0; display: block; text-indent: -9999px;} ul#tn-landexchange li a:hover.tn-economy { background: url(/_images/matrix-land-exchange.jpg) 0 123px;} ul#tn-landexchange li a.tn-community {height: 123px; width: 176px; background: url(/_images/matrix-land-exchange.jpg) -185px 0; display: block; text-indent: -9999px;} ul#tn-landexchange li a:hover.tn-community {background: url(/_images/matrix-land-exchange.jpg) -185px 123px;} ul#tn-landexchange li a.tn-environment {height: 123px; width: 176px; background: url(/_images/matrix-land-exchange.jpg) -352px 0; display: block; text-indent: -9999px;} ul#tn-landexchange li a:hover.tn-environment {background: url(/_images/matrix-land-exchange.jpg) -352px 123px;} /* Land Exchange Tertitary Nav Styles */ /* Home Page Styles ----------------------------------------------- */ #home #header{margin: 0;} #home #wrapper {padding-bottom: 20px;} /* Evo Branding Styles ----------------------------------------------- */ #home #branding-evo {height: 277px; background: url(/_images/bg-home-girl.jpg) right bottom no-repeat; border-bottom: double 3px #b0b09c; padding: 0 0 0 20px; margin-bottom: 20px; position: relative; z-index: 5;} #home #branding-evo h2{height: 83px; width: 321px; background: url(/_images/bg-number-5.gif) left top no-repeat; text-indent: -9999px; position: absolute; z-index: 6; top: 26px;} #home #branding-evo p{width: 466px; position: absolute; z-index: 6; top: 125px;} /* Community Branding Styles ----------------------------------------------- */ #home #branding-com {height: 277px; background: url(/_images/bg-home-com.jpg) right bottom no-repeat; border-bottom: double 3px #b0b09c; padding: 0 0 0 20px; margin-bottom: 20px; position: relative; z-index: 5;} #home #branding-com h2{height: 83px; width: 284px; background: url(/_images/bg-number-178.gif) left top no-repeat; text-indent: -9999px; position: absolute; z-index: 6; top: 25px;} #home #branding-com p{width: 485px; position: absolute; z-index: 6; top: 120px;} /* Economy Page Styles ----------------------------------------------- */ #home #branding-econ {height: 277px; background: url(/_images/bg-home-econ.jpg) right bottom no-repeat; border-bottom: double 3px #b0b09c; padding: 0 0 0 20px; margin-bottom: 20px; position: relative; z-index: 5;} #home #branding-econ h2{height: 83px; width: 284px; background: url(/_images/bg-number-2.gif) left top no-repeat; text-indent: -9999px; position: absolute; z-index: 6; top: 30px;} #home #branding-econ p{width: 466px; position: absolute; z-index: 6; top: 120px;} #home #left-col {width: 607px; float: left; margin-right: 20px;} #home #right-col {width: 273px; float: right; } #home #info-tile {margin: 10px 0 0 0; } #home #info-tile p{line-height: 1.25em;} #home #economy, #home #community, #home #environment {width: 161px; min-height: 370px; background: #e9e7cb; float: left; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .70em; color:#515147; padding: 15px; margin: 0 10px 0 0;} #home #economy h4 {height: 23px; width: 117px; background: url(/_images/title-economy.gif) left top no-repeat; text-indent: -9999px;} #home #community h4 {height: 23px; width: 144px; background: url(/_images/title-community.gif) left top no-repeat; text-indent: -9999px;} #home #environment h4 {height: 23px; width: 154px; background: url(/_images/title-environment.gif) left top no-repeat; text-indent: -9999px;} #home #blog-excerpt li{padding: 10px; border-bottom: 1px dotted #cc6e28; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .75em;} #home #blog-excerpt h3{margin-bottom: 0px;} #home #action-top {background-color: #75a29c; width: 243px; padding: 15px; color:#fff; margin: 10px 0 35px 0; position: relative; z-index: 7;} #home #action-top p.icon {height: 78px; width: 54px; background: url(/_images/icon-man.png) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; position: absolute; z-index: 8; top:-25px; right:-25px; display:block;} #home #action-top p{line-height: 1.25em; color: #fff;} #home #action-top input{font-size: .883em; border: none; padding: 0px; margin:0; color: gray;} #home input.search-button-home {width: 54px; height: 24px; /* background: url(/_images/button-submit.gif) left top no-repeat; */ border: none; text-indent: -9999px; padding: 0; margin: 0;} #home #action-top h3{height: 32px; width: 182px; background: url(/_images/title-stay-informed.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; border: none; } #home #action-bottom {background-color: #e9e7cb; width: 243px; padding: 15px; margin: 26px 0 26px 0; position: relative; z-index: 8;} #home #action-bottom h3{height: 25px; width: 155px; background: url(/_images/title-get-involved.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0 0 10px 0; border: none;} #home #action-bottom p{font-size: 1em; line-height: 1.25em; color: #515147; } #home p.take-action {text-align: center;} #home #action-bottom ul {font-size: 0.813em; margin-bottom: 20px;} #home #action-bottom li {margin:0 0 8px 20px; padding-left: 5px; list-style: disc; color: #515147; } p.take-action a{height: 34px; width: 181px; background: url(/_images/button-take-action.gif) left top no-repeat; text-indent: -9999px; display: block;} #home p.take-action a:hover {background: url(/_images/button-take-action.gif) left -34px no-repeat;} #home #action-bottom p.icon {height: 78px; width: 54px; background: url(/_images/icon-action-man.png) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; position: absolute; z-index: 8; top:-25px; right:-25px; display:block;} p.note {font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .7em; color: #515147; margin-top: 0px;} #social ul {margin-left: 5px;} #social ul li { display: block; padding:0; margin: 0 0 15px 15px; font-family: Arial,Helvetica,sans-serif; font-size: .75em; font-weight: bold; } a.rss {height: 14px; background: url(/_images/icon-rss-sm.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} a.facebook {height: 14px; background: url(/_images/icon-facebook.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} a.delicious {height: 14px; background: url(/_images/icon-delicious.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} a.youtube {height: 14px; background: url(/_images/icon-youtube.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} a.flickr {height: 14px; background: url(/_images/icon-flickr.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} a.twitter {height: 14px; background: url(/_images/icon-twitter.gif) left top no-repeat; padding: 0 0 0 25px; margin: 0; display: block;} /* #social ul li {float: left; display: inline; padding-left: 15px;} a.rss {height: 14px; width: 14px; background: url(/_images/icon-rss-sm.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; display: block;} a.facebook {height: 14px; width: 14px; background: url(/_images/icon-facebook.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; display: block;} a.delicious {height: 14px; width: 14px; background: url(/_images/icon-delicious.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; display: block;} a.youtube {height: 14px; width: 14px; background: url(/_images/icon-youtube.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; display: block;} a.flickr {height: 14px; width: 14px; background: url(/_images/icon-flickr.gif) left top no-repeat; text-indent: -9999px; padding: 0; margin: 0; display: block;} */ /*General Supporting Page Styles----------------------------------------------- */ .breadcrumb {font-size:11px; font-weight: bold; color: #5f6666; margin-bottom: 10px; font-family: Arial,Helvetica,sans-serif;} .breadcrumb a, .breadcrumb a:visited {color: #5f6666; text-decoration: underline;} .breadcrumb a:hover {text-decoration: none;} .supporting-img {border: 1px solid #999; background-color: #fff; padding:7px;} ul#footnote-links li{display: inline; float: left; padding: 0 0 0 0; margin: 0 0 0 0; background:none; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .83em; } ul#footnote-links a#delicious {background: url(/_images/icon-delicious.gif) left top no-repeat; padding-left: 25px; margin-right: 20px;} ul#footnote-links a#email {height: 26px; background: url(/_images/icon-email.gif) 0 0px no-repeat; padding:0 0 5px 35px;} /*Form Styles----------------------------------------------- */ .form-container {background-color: #e9e7cb; padding: 20px; margin:0 20px 20px 0; position: relative;} label { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .70em; color: #515147;} /* -- error text color -- */ .error-text { color: #cc6e28; } /* -- required text color -- */ .required { color: #75a29c; } /*Stay Informed Styles----------------------------------------------- */ #home form.stay-informed-field input#email {padding: 3px 0 5px 3px;} .stay-informed-field input#email {padding: 3px 0 5px 3px; margin-top: 3px;} #stay-informed h2 {padding-bottom: 3px; border-bottom: 1px dotted #cc6e28; margin:0 20px 20px 30px;} #stay-informed #left-col {padding-left: 30px;} #first-name, #last-name, #email, #city, #state, #zip, #phone, #cellphone, #faxnumber {float: left; padding-right: 20px; margin-bottom: 8px; display: block; position:relative;} #mail, #telephone, #sms, #fax{margin:2px 10px 0 0; float: left; position:relative;} #mail-check, #telephone-check, #mobile-check {margin-bottom:0px;} #mail-check {padding-top: 15px;} #mail-group {border-left:none; /* 1px solid #cc6e28; */ padding-left: 18px; height: 80px; margin-left: 5px; margin-bottom: 30px; } .label-title {font-size: .9em; color:#cc6e28;} #homephone, #cell, #fax-group{border-left: /* 1px solid #cc6e28; */ none; padding-left: 18px; height: 40px; margin-left: 5px;} #btn-submit {float: right; margin:15px 20px 0 0; position:relative;} #stay-informed #left-col img {margin:10px 0 0 20px;} .thank-you-stay-informed #action-bottom {margin-top: 0;} #telephone-group {margin-bottom: 35px;} #stay-informed hr {border-bottom: 1px dotted #cc6e28; border-top: none; border-left: none; margin-bottom: 20px; background:transparent; height: 1px;} .check-here {font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: .80em; } /*Get Involved Styles----------------------------------------------- */ #get-involved dt {float: left; margin: 0 10px 0 20px;} #get-involved dt.title-alt {float: none; margin: 0 ;} #get-involved dd { margin: 0 0 10px 0;} .form-divider {border-top: 1px dotted #cc6e28; padding-top: 15px; margin-top: 15px;} #get-involved .title-other {float: none; margin: 20px 0 5px 20px;} #get-involved .field-other {margin: 0 10px 0 20px; display: block;} #get-involved #btn-submit {margin-top: 15px;} #get-involved #left-col img {margin:10px 0 0 20px;} /*Timeline Styles----------------------------------------------- */ ul#time-line {padding: 0; margin: 0 ; display: block;} ul#time-line li {display: inline; float: left; margin: 0; padding: 0; background: none;} ul#time-line li a {height: 80px; display: block; text-indent: -9999px; cursor:help; padding: 0; margin: 0;} ul#time-line li a.tl-exploration {background: url(/_images/timeline-exploration.gif) top left no-repeat; width: 107px;} ul#time-line li a.tl-pre-feasibility {background: url(/_images/timeline-pre-feasibility.gif) top left no-repeat; width: 118px;} ul#time-line li a.tl-feasibility {background: url(/_images/timeline-feasibility.gif) top left no-repeat; width: 97px;} ul#time-line li a.tl-construction-dev {background: url(/_images/timeline-construction-development.gif) top left no-repeat; width: 110px;} ul#time-line li a.tl-production {background: url(/_images/title-production.gif) top left no-repeat; width: 95px;} p#time-line-top {height: 118px; width: 527px; text-indent: -9999px; display: block; background: url(/_images/timeline-top.gif) top left no-repeat; padding: 0; margin: 0;} /*Econ State Map Styles----------------------------------------------- */ #econ-map {width: 533px; height: 362px; background: url(/_images/img-econ-map.jpg) 20px 0 no-repeat; position: relative; z-index: 1;} #econ-map h3 {/* font-family: Arial, Helvetica, sans-serif; */ font-weight: bold; color:#fff; font-size: 1em; margin-bottom: 2px;} #econ-map p {/* font-family: Arial, Helvetica, sans-serif; */ font-weight: normal; color:#fff; font-size: .75em; line-height: 1.1em;} #econ-map #econ-az {width: 180px; padding: 10px; position: absolute; z-index: 2; top:0; right:0px; background-color: #84b1ac; /* border: 2px #4c6c68 solid; */} #econ-map #econ-triangle {width: 180px; padding: 10px; position: absolute; z-index: 2; top:40px; left:0px; background-color: #e5a552; /* border: 2px #b74f01 solid; */} #econ-map #econ-superior {width: 180px; padding: 10px; position: absolute; z-index: 2; top:220px; right:0px; background-color: #84b1ac; /* border: 2px #4c6c68 solid; */} /*Contact Styles----------------------------------------------- */ .contact .container h3{ margin-bottom: 0px;} .container {padding: 15px; margin: 10px; } /*Blog Styles----------------------------------------------- */ #sidebar {border-bottom: double 3px #b0b09c; padding: 0 0 30px 20px; margin-bottom: 40px;} #sidebar h2 {font-size: 1.1em; margin-bottom: 12px;} #sidebar li {margin-bottom: 10px; padding-left:0; background: none;} #sidebar li ul li{margin-bottom: 12px; margin-left:10px; padding-left:20px; background: url(/_images/bullet-cheveron.gif) 0 5px no-repeat;} #blog h2 {margin-bottom: 5px;} #blog h2 a {color: #000; text-decoration: none; } #blog h2 a:hover {color: #000; text-decoration: underline;} #blog h3 {margin-bottom: 5px;} #blog h3 a {color: #000; text-decoration: none; } #blog h3 a:hover {color: #000; text-decoration: underline;} #blog .pagetitle {font-size: 1em; margin-bottom: 15px; padding-bottom: 15px; border-bottom: double 3px #b0b09c;} .entry {border-bottom: double 3px #b0b09c; padding-bottom: 10px; margin:20px 0 10px 0;} .postmetadata {font-family: Arial,Helvetica,sans-serif; font-weight: bold; color:#515147; font-size: .83em; } .post {margin-bottom: 40px;} #blog .blog-subscribe a {text-indent: -9999px; height: 28px; background: url(/_images/title-subscribe-to-blog.gif) top left no-repeat; display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: double 3px #b0b09c;} #blog .navigation {margin-bottom: 9px;} #blog ol.commentlist li {padding: 15px 0 15px 0; border-bottom: 1px dotted #cc6e28;} #blog .avatar {float: right; padding: 0} #blog cite, #blog .says {font-family: Arial,Helvetica,sans-serif; font-weight: bold; color:#CC6E28; font-size: .83em;} #blog .comment-author{margin-bottom: 10px;} .wp-caption img{ padding-bottom: 0; margin-bottom: 0;} p.wp-caption-text {text-align: center; padding: 5px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color:#CC6E28; font-size: .83em; margin-bottom: 5px;} /*Scripts CSS Styles----------------------------------------------- */ #tooltip{position:absolute; border:3px solid #5b7f7b; background:#84b1ac; padding:15px; color:#fff; display:none; width:200px; text-align: left; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color:#fff; font-size: .83em; line-height: 1.30em;} pre{display:block; padding:20px; border:none; background:#84b1ac; margin:.5em 0; overflow:auto; width:200px;} html, body, #wrapper {height: 100%;} /*Sticky Footer CSS Styles----------------------------------------------- */ div#page {min-height: 100%;} body > #wrapper {height: auto; min-height: 100%;} #content {padding-bottom: 60px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -20px; /* negative value of footer height */ clear:both;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*Top McCain Banner----------------------------------------------- */ #home #banner{background: #CC6E28;} #home #banner h1 {font-size: 1.05em; font-weight: normal; color: #fff; padding: 10px;} #home #banner a {color: #fff;}