/* -------------------------------------------------------------- * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* firefox dotted line removal */ a { outline: none; } /* -------------------------------------------------------------- */ html, body { margin: 0 auto; text-align: center; } body { font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; color: #666; } a { color: #693; font-weight: bold; } a:hover { text-decoration: none; } #topRow { width: 100%; margin: 0; padding: 5px 0; text-align: center; background-color: #e7f1ff; } #dirUnits { clear: both; width: 100%; margin: 0; padding: 10px 0; text-align: center; /*background-color: #e7f1ff;*/ } #dirUnits h3 { font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; } #rvBan { clear: both; width: 100%; margin: 0; padding: 10px 0; text-align: center; background-color: #e7f1ff; } #homeBlock { clear: both; width: 460px; padding: 5px 0; text-align: center; /*background-color: #e7f1ff;*/ } #infoSquare { clear: both; width: 460px; padding: 5px 0; text-align: center; background-color: #e7f1ff; } #lightbox-unit { width: 100%; margin: 0; padding: 5px 0; text-align: center; background-color: #e7f1ff; } #wrap { width: 940px; margin: 0 auto; text-align: left; } #hdr { padding-top: 10px; } #logo { float: left; width: 460px; text-indent: -9999px; line-height: 0; } #logo a { display: block; background: url(../imgs/csp-logo.gif) 0 0 no-repeat; width: 460px; height: 60px; } #hdrMsg { float: right; width: 460px; background: url(../imgs/hdr-grad.gif) 0 0 no-repeat; } #hdrMsg p { font-size: 12px; line-height: 18px; padding: 10px 10px 0; text-align: center; } #searchAndShare { float: right; width: 420px; height: 40px; padding: 20px 20px 0; background: url(../imgs/hdr-grad.gif) 0 0 no-repeat; } #siteSearch { float: left; } #siteShare { float: right; } .q { width: 216px; } #topA { float: left; width: 460px; padding: 10px 0 0 12px; } #topNav { clear: both; width: 940px; height: 30px; } #topNav ol { list-style: none; text-indent: -9999px; line-height: 0; } #topNav li { display: inline; float: left; } #topNav li a { display: block; height: 30px; } #topNav li a:hover { background-position: 0 -30px; } #topNav-Home { background: url(../imgs/topnav/Home.gif) 0 0 no-repeat; width: 72px; } #topNav-CampsitePhotos { background: url(../imgs/topnav/CampsitePhotos.gif) 0 0 no-repeat; width: 141px; } #topNav-RVDirectory { background: url(../imgs/topnav/RVCampgroundDirectory.gif) 0 0 no-repeat; width: 207px; } #topNav-CampsiteStore { background: url(../imgs/topnav/CampsiteStore.gif) 0 0 no-repeat; width: 133px; } #topNav-ParkRangersBlog { background: url(../imgs/topnav/ParkRangersBlog.gif) 0 0 no-repeat; width: 153px; } #topNav-ResourceLinks { background: url(../imgs/topnav/ResourceLinks.gif) 0 0 no-repeat; width: 127px; } #topNav-ContactUs { background: url(../imgs/topnav/ContactUs.gif) 0 0 no-repeat; width: 107px; } .row { float: left; width: 940px; display: block; } .col { float: left; width: 460px; } .threeCol { float: left; width: 300px; } .pad20r { padding-right: 20px !important; } .pad20b { padding-bottom: 20px !important; clear: both; } .mar20b { margin-bottom: 20px !important; } #content { width: 940px; padding: 20px 0; } #homeAnim { float: left; width: 460px; height: 300px; } #welcome { float: left; width: 460px; padding: 0 0 8px; } #welcome h3 { text-indent: -9999px; line-height: 0; background: url(../imgs/welcome-txt.gif) 0 0 no-repeat; display: block; width: 460px; height: 40px; } #welcome p { font: 16px/24px 'Helvetica', 'Arial', sans-serif; color: #666; padding: 0 10px 12px; } #featuredCG { width: 460px; background: #2a7e2e; } #featuredCG h4 { text-indent: -9999px; line-height: 0; background: url(../imgs/featuredCG-hdr.gif) 0 0 no-repeat; display: block; width: 460px; height: 35px; } *html #featuredCG h4 { margin-bottom: -5px; } #featuredCG-ftr { background: url(../imgs/featuredCG-ftr.gif) 0 0 no-repeat; display: block; width: 460px; height: 5px; clear: both; } *html #featuredCG-ftr { margin-bottom: -13px; } .fcg { float: left; width: 220px; padding: 0 4px 5px; text-align: center; font-size: 13px; line-height: 18px; white-space: nowrap; overflow-x: hidden; } .fcg img { padding-bottom: 5px; } .fcg a { padding-bottom: 5px; color: #fff; text-decoration: none; font-weight: normal; display: block; } .fcg a:hover { background: #62aa30; } .fcg-holder { float: left; margin: 0 1px; width: 458px; background: url(../imgs/featuredCG-grad-bg.gif) repeat-x; } *html .fcg-holder { width: 456px; } #campfireStoriesAd { float: left; width: 205px; padding: 120px 10px 20px; background: url(../imgs/CampfireStories-ad.gif) 0 0 no-repeat; text-align: center; } #newsletterAd { float: right; width: 205px; padding: 120px 10px 20px; background: url(../imgs/CampsiteNewsQuarterly-ad.gif) 0 0 no-repeat; text-align: center; } #campfireStoriesAd h4, #newsletterAd h4 { text-indent: -9999px; } #campfireStoriesAd h5, #newsletterAd h5 { padding-top: 20px; font-weight: bold; } #campfireStoriesAd p { font-size: 16px; line-height: 24px; } #campfireStoriesAd a { color: #dd611f; } #newsletterAd p { font-size: 13px; line-height: 21px; } #newsletterAd a { color: #660066; } #quickLinks { float: left; width: 440px; padding: 10px; background: url(../imgs/quickLinks-grad.gif) 0 0 no-repeat; } #quickLinks h4 { padding: 0 0 10px; font-size: 18px; line-height: 24px; color: #666; border-bottom: 1px solid #dedede; } #quickLinks ul { padding: 8px 0 12px; list-style: none; } #quickLinks li { font-size: 12px; line-height: 24px; display: block; width: 220px; float: left; } #graphicAds { } #graphicBtns { float: left; width: 460px; padding: 0 0 20px 0; } #graphicBtns a { float: left; } #btmA { float: right; width: 468px; padding: 0 0 0 12px; } #squareA { padding: 20px 0; } #largeBtmA { clear: both; width: 728px; padding: 0 106px; text-align: center; } #largeBtmA-dir { float: left; width: 100%; margin: 0; padding: 5px 0; text-align: center; background-color: #e7f1ff; } #gAds { float: right; width: 460px; padding: 20px 0; margin: 0 0 20px; border-top: 1px solid #e5e5e5; } .gAd-col { float: left; width: 130px; } .gAd-col-200 { float: left; width: 200px; } .noPad { padding: 0 !important; } .noTopPad { padding-top: 0 !important; } .noRightPad { padding-right: 0 !important; } .noBrdr { border: none !important; } /* --- Campsite & RV Directory Pages --- */ #campsiteDir { float: left; width: 920px; padding: 0 10px; background: url(../imgs/cspDir-hdr-bg.gif) 0 0 no-repeat; } #campsiteDir-hdr { float: left; width: 920px; } #campsiteDir-hdr h1 { font-size: 24px; line-height: 24px; color: #666; font-weight: normal; padding: 24px 0 10px 48px; } #campsiteDir-hdr h4 { font-size: 14px; line-height: 24px; color: #666; font-weight: bold; padding: 12px 0; } #campsiteDir-hdr p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } .campsiteDir-fPhotos { padding: 20px 0 20px 0; width: 460px; } .campsiteDir-fPhotos img { padding-right: 20px; } #campsiteDir-sort { float: left; width: 920px; padding: 10px 0; border-bottom: 1px solid #e2e2e2; } #campsiteDir-content { float: left; width: 910px; padding: 20px 0 0; } #campsiteDir-content h5 { font-size: 21px; line-height: 30px; color: #666; font-weight: normal; } #campsiteDir-content ul { } #campsiteDir-content li { float: left; width: 220px; padding: 0 10px 10px 0; white-space: nowrap; overflow-x: hidden; text-align: center; font-size: 12px; line-height: 18px; color: #999; font-weight: bold; list-style: none; } #campsiteDir-content li a { text-decoration: none; } .dir-grid { float: left; width: 920px; } .dir-grid li { } .dir-grid li img { padding-bottom: 7px; } .dir-grid a { padding-bottom: 7px; display: block; } .dir-grid a:hover { background: #e8f0e1; } #dir-grid-units { width: 910px !important; padding: 0 0 10px !important; } #campsiteDir-content h2 { font-size: 14px !important; } .campname { } #campsiteDir-content h4 { font-weight: normal !important; } .locname { font-weight: normal !important; } #list-map { float: left; padding: 0 100px 0 0; } #list-map ul { list-style: none; } #list-map li { float: left; } #list-map li a { display: block; background: #fff; border: 1px solid #63ab30; padding: 3px 6px; font-size: 12px; text-decoration: none; color: #63ab30; } #list-map li a:hover { background: #eff6ea; text-decoration: underline; } #list-map li.active a { background: #63ab30; color: #fff; } #CSP-Google-Map { width:920px; height:518px } .CSP-GMAP-Info { text-align: center; } .CSP-GMAP-Info img { padding-right: 9px; } .CSP-GMAP-Info h1 { font-size: 14px; line-height: 18px; font-weight: bold; padding: 9px 0 0; } .CSP-GMAP-Info h1 a { } .CSP-GMAP-Info p { font-size: 11px; line-height: 18px; padding: 3px 0 9px; } .CSP-GMAP-Info p a { color: #333; font-weight: normal !important; } .sort { float: left; width: 400px; line-height: 24px; } #searchoptions { padding: 3px; } #searchoptions label { padding: 3px 0 3px 6px; } #searchoptions select { } #searchoptions legend { } .paginate { float: right; padding: 3px 0; text-align: right; font-size: 11px; font-weight: bold; text-transform: uppercase; } .paginate ol { padding: 0; margin: 0; } .paginate li { list-style: none; display: inline; } .paginate li a { border: 1px solid #b2cc99; text-decoration: none; padding: 3px; background: #fff; } .paginate li a:hover { background: #e8f0e1; } #rvDir { float: left; width: 920px; padding: 10px 10px 0; background: url(../imgs/rvDir-hdr-bg.gif) 0 0 no-repeat; } #rvDir-hdr { float: left; width: 920px; } #rvDir-hdr h1 { font-size: 24px; line-height: 24px; color: #666; font-weight: normal; padding: 14px 0 10px 48px; } #rvDir-hdr h4 { font-size: 14px; line-height: 24px; color: #666; font-weight: bold; padding: 12px 0; } #rvDir-hdr p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } #rvDir-sort { float: left; width: 920px; padding: 10px 0; border-bottom: 1px solid #e2e2e2; } #rvDir-content { float: left; width: 910px; padding: 20px 0 0; } #rvDir-content h5 { font-size: 21px; line-height: 30px; color: #666; font-weight: normal; } #rvDir-content ul { padding-bottom: 24px; } #rvDir-content li { float: left; width: 220px; padding: 0 10px 20px 0; white-space: nowrap; overflow-x: hidden; text-align: center; font-size: 12px; line-height: 18px; color: #999; font-weight: bold; list-style: none; } #rvDir-content li a { text-decoration: none; } #rvDir h2 { font-size: 12px; color: #666; font-weight: bold; } .rvDir-entry { float: left; width: 220px; margin-bottom: 20px; padding: 0 10px 20px 0; white-space: nowrap; overflow-x: hidden; text-align: left; border-bottom: 1px solid #e5e5e5; font-size: 12px; line-height: 18px; color: #666; font-weight: normal; } #rvDir a { text-decoration: none; } #rvDir a:hover { text-decoration: underline; } /* --- Park Pages --- */ #park-info { padding: 20px 0; } #park-info h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; } #park-info p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-bottom: 12px; } #park-info-ext { float: left; width: 460px; padding: 20px 0; border-top: 1px solid #e5e5e5; } #park-info-ext table { width: 460px; font-size: 12px; line-height: 18px; color: #666; font-weight: normal; margin-bottom: 20px; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } #park-info-ext td, #park-info-ext th { padding: 3px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } #park-info-ext h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; padding: 15px 0; margin-top: 15px; border-top: 1px solid #e5e5e5; } #park-info-ext h6 { font-size: 14px !important; line-height: 21px; font-weight: bold; border-top: 1px solid #e5e5e5; padding: 20px 0 10px; } #park-info-ext p { font-size: 12px; line-height: 18px; color: #666; font-weight: normal; padding-bottom: 9px; } #park-info-ext ul, #park-info-ext ol { font-size: 12px; line-height: 18px; color: #666; font-weight: normal; padding-bottom: 12px; margin-left: 20px; } .sep { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; } #photosAndInfo { padding: 20px 0; width: 460px; border-bottom: 1px solid #e5e5e5; } #photoAndInfo h2 { padding: 10px 0 10px 10px; } /* --- Campground Pages --- */ #campsite-hdr { } #campsite-hdr h3 { font-size: 21px; line-height: 21px; color: #666; font-weight: normal; } #campsite-hdr h4 { font-size: 14px; line-height: 24px; color: #666; font-weight: bold; padding: 24px 0; } #campsite-hdr p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } #campsite-hdr span { font-size: 11px; line-height: 21px; color: #666; font-weight: bold; } #campsite-hdr span a { font-size: 9px; background: url(../imgs/view-map-arrow.gif) right no-repeat; padding: 0 9px; } .campsite-fPhotos { padding: 0; /*border-bottom: 1px solid #e5e5e5;*/ } .campsite-fPhotos img { padding-right: 20px; } #campsite-info, #park-info { padding: 20px 0; } #camping-guide, #camping-guide-cont, #after-camping { padding: 20px 0; border-top: 1px solid #e5e5e5; } #campsite-info h1, #park-info h1 { font-size: 24px; color: #666; font-weight: normal; line-height: 21px; padding-bottom: 5px; } .title-lat-long { display: block; font-size: 11px; font-weight: bold; line-height: 21px; padding-bottom: 10px; } #campsite-info h2, #park-info h2 { font-size: 18px; color: #666; padding-bottom: 12px; } #campsite-info h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; padding: 15px 0; margin-top: 15px; border-top: 1px solid #e5e5e5; } #campsite-info h6 { font-size: 14px; line-height: 30px; color: #666; font-weight: bold; } #campsite-info p, #park-info p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-bottom: 12px; } #campsite-info ul { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding: 0 10px 12px; } #campsite-info li { } #camping-guide-in-txt { float: right; padding: 0 0 20px 20px; } #after-camping { font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; text-align: center; } #social-share { float: left; width: 418px; border: 1px solid #e5e5e5; padding: 10px 20px 5px; } #social-share ul { padding: 0; } #social-share li { float: left; padding: 5px 0; text-align: left; /*width: 140px; height: 20px; overflow-x: hidden; overflow-y: hidden;*/ display: block; padding: 0; list-style: none; line-height: 20px; vertical-align: bottom; } #google_buzz { border-right: solid 20px #fff; } #digg_this { border-right: solid 20px #fff; border-top: 1px solid #fff; } #retweet { width: 85px; border-top: solid 3px #fff; overflow-x: hidden; } #facebook_like { border-top: solid 1px #fff; } .make-reservation { clear: both; width: 450px; padding: 20px 0 20px 10px; } .make-reservation h3 { font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; display: block; background: url(../imgs/icon-calendar.gif) no-repeat; padding: 0 0 0 25px; } .rei-deals, .sam-club { clear: both; width: 450px; padding: 0 0 10px 10px; } .rei-deals h3 { font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; display: block; background: url(../imgs/icon-rei.gif) no-repeat; padding: 0 0 10px 42px; } .sam-club h3 { font-size: 10px; line-height: 16px; font-weight: bold; text-transform: uppercase; display: block; padding: 0 10px 10px 25px; } .campground-located { clear: both; width: 438px; padding: 10px; border: 1px solid #e5e5e5; font-size: 12px; line-height: 18px; } .campground-located a { white-space: nowrap; } #other-campgrounds { clear: both; width: 450px; padding: 20px 10px; border-top: 1px solid #e5e5e5; font-size: 14px; line-height: 24px; } #campground-comments, #park-comments { clear: both; width: 460px; padding: 20px 0; border-top: 1px solid #e5e5e5; } /* --- New RV Page Styles --- */ #rv-info { padding: 20px 0; } #rv-info h1 { font-size: 24px; color: #666; font-weight: normal; line-height: 21px; padding-bottom: 5px; } #rv-info h2 { font-size: 18px; color: #666; padding-bottom: 12px; } #rv-info p { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-bottom: 12px; } .rv-addr { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } .rv-phone { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } .rv-email { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; } .rv-url { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; clear: both; } #rv-comments { clear: both; width: 460px; padding: 20px 0; border-top: 1px solid #e5e5e5; } /* --- Common Styles for Parks and Campgrounds --- */ .intro { font-size: 14px !important; line-height: 24px !important; } .action { font-size: 10px !important; font-weight: bold !important; text-transform: uppercase; color: #363 !important; text-align: right; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 12px 12px 3px 0; background: url(../imgs/view-map-arrow.gif) right no-repeat; line-height: 10px !important; } .makeRes { padding: 20px 0; text-align: left; border-top: 1px solid #e5e5e5; } .makeRes a img { } .otherCampgrounds { padding: 10px 0 20px; border-top: 1px solid #e5e5e5; } .otherCampgrounds h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; } .otherCampgrounds li { list-style: none; padding: 2px 0; font-size: 14px; } .otherCampgrounds li a { color: #fff; text-decoration: none; display: block; width: 444px; height: 17px; background: url(../imgs/list-bg-btn.gif) no-repeat; padding: 4px 8px; } .otherCampgrounds li a:hover { background-position: 0 -25px; } .backBtn { padding: 12px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .backBtn a { background: url(../imgs/back-arrow.gif) no-repeat; padding: 5px 0 5px 30px; } #park-info .backBtn { float: right; width: 460px; padding: 9px 0; /*margin-top: 20px;*/ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .detailedInfo { padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #e5e5e5; } .detailedInfo p { padding: 0 !important; } /* --- Photo Grid Styles --- */ #campsite-photos { float: left; padding: 20px 0 0; } #campsite-photos h2 { padding: 10px 0 10px 10px; } #grid { width: 458px; border: 1px solid #e5e5e5; } #grid-holder { /*margin: 0 1px;*/ padding: 10px; width: 442px; height: 280px; overflow-y: auto; } #grid-holder li { list-style: none; display: inline; } #grid-holder li a img { border: 1px solid #693; } #grid-holder li a:hover img { border: 1px solid #fff; } /* --- TOOLTIPS --- */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #fff; background-color: #693; padding: 5px; width: 90px; text-align: left; } #tooltip h3, #tooltip div { margin: 0; font-size: 10px; font-weight: bold; line-height: 14px; color: #fff; } /* --- Resource Links Pages --- */ #resource-links { padding: 20px 0; } #resource-links h3 { font-size: 21px; line-height: 21px; color: #666; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } #resource-links h4 { font-size: 18px; line-height: 30px; color: #666; font-weight: normal; padding: 15px 0 0; } #resource-links h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; padding: 10px 0; border-top: 1px solid #e5e5e5; } #resource-links h6 { font-size: 14px; line-height: 30px; color: #666; font-weight: bold; } #resource-links p, #resource-links ul { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-bottom: 12px; } #resource-links ul, #resource-links ol { padding: 20px; } #resource-links-ext { } #resource-links-ext p { font-size: 12px; line-height: 18px; color: #666; font-weight: normal; padding-bottom: 12px; } #resource-links-ext ul, #resource-links-ext ol { font-size: 12px; line-height: 18px; color: #666; font-weight: normal; padding-top: 0; padding-bottom: 12px; margin-left: 20px; } #subNav { padding: 20px 0; } .linkList li { list-style: none; padding: 2px 0; font-size: 14px; } .linkList li a { color: #fff; text-decoration: none; display: block; width: 444px; height: 17px; background: url(../imgs/list-bg-btn.gif) no-repeat; padding: 4px 8px; } .linkList li a:hover { background-position: 0 -25px; } #detailed-subNav { margin-bottom: 20px; } #detailed-subNav h4 { font-size: 14px; line-height: 24px; color: #666; font-weight: bold; } /* --- Store --- */ #store-nav { float: left; width: 320px; } #store-nav h2 { text-indent: -9999px; line-height: 0; } #store-nav h2 a { display: block; width: 320px; height: 60px; background: url(../imgs/store-logo.gif) no-repeat; } #store-nav ol { padding-top: 5px; background: url(../imgs/store-nav-top.gif) no-repeat; } #store-nav ol li { padding-bottom: 1px; background: url(../imgs/store-navItem-btm.gif) repeat-y; list-style: none; font-size: 13px; line-height: 21px; } #store-nav ol li a { display: block; padding: 5px 0 5px 20px; background: url(../imgs/store-navItem-bg.gif) repeat-y; color: #f5f5f5; text-decoration: none; } #store-nav ol li a:hover{ color: #fff; text-decoration: underline; } #store-nav-last-item { padding-bottom: 0px !important; } #store-nav-btm { height: 5px; background: url(../imgs/store-nav-btm.gif) no-repeat; } #presented-by { float: left; padding: 0 20px; } #presented-by h4 { font-size: 9px; font-weight: bold; padding-bottom: 5px; } #presented-by p { font-size: 12px; line-height: 18px; margin-top: 10px; padding: 10px; border: 1px solid #e5e5e5; } #presented-by p a { color: #7b0f63; } #store-content { float: right; width: 580px; padding: 10px 20px 0; background: url(../imgs/store-content-bg.gif) no-repeat; } #store-content a { color: #7b0f63; text-decoration: none; } #store-content a:hover { text-decoration: underline; } #store-hdr { float: left; width: 560px; padding: 0 0 10px 10px; border-bottom: 1px solid #d9d9d9; } #store-hdr h1 { float: left; padding: 10px 0 2px 0; font-size: 24px; color: #7b0f63; } #store-pagination { float: right; padding: 10px 0 0; text-align: right; } #store-pagination ol { font-size: 12px; line-height: 24px; font-weight: bold; } #store-pagination li { display: inline; list-style: none; } #store-pagination li a { border: 1px solid #7b0f63; padding: 3px; } #store-pagination li a:hover { background: #fff; text-decoration: none; } #store-products { float: left; width: 560px; padding: 0 10px 20px; } #store-products ul { padding: 20px 8px; } #store-products li { float: left; width: 120px; list-style: none; display: inline; padding: 7px 7px 0; } #store-products li a { display: block; } #store-products li a img{ border: 1px solid #bbb; /*width: 50%; height: 50%;*/ width: 120px; height: 120px; } #store-products li a:hover img{ border: 1px solid #7b0f63; } #store-component { float: right; width: 440px; padding: 0 10px 20px; background: url(../imgs/store-component-bg.jpg) no-repeat; } #store-component-hdr { float: left; width: 440px; border-bottom: 1px solid #d9d9d9; } #store-component h2 { text-indent: -9999px; padding: 0; } #store-component h6 { float: right; width: 88px; font-size: 9px; font-weight: bold; padding-bottom: 5px; } #store-component ul { clear: both; padding: 20px 15px; } #store-component li { float: left; width: 120px; list-style: none; display: inline; padding: 7px 7px 0; } #store-component li a { display: block; } #store-component li a img{ border: 1px solid #bbb; /*width: 50%; height: 50%;*/ width: 120px; height: 120px; } #store-component li a:hover img{ border: 1px solid #7b0f63; } #store-component span a { clear: both; color: #606; font-size: 14px; text-align: right; display: block; padding: 10px 20px 20px; } /* --- Blog --- */ #blog-nav { float: left; width: 320px; } #blog-nav h2 { text-indent: -9999px; line-height: 0; } #blog-nav h3 { font-size: 14px; padding: 10px 20px; border-bottom: 1px solid #d9d9d9; } #blog-nav h2 a { display: block; width: 320px; height: 60px; background: url(../imgs/blog-logo.gif) no-repeat; } #blog-nav ol { padding-top: 5px; background: url(../imgs/blog-nav-top.gif) no-repeat; } #blog-nav ol li { padding-bottom: 1px; background: url(../imgs/blog-navItem-btm.gif) repeat-y; list-style: none; font-size: 15px; line-height: 30px; } #blog-nav ol li a { display: block; padding: 5px 0 5px 20px; background: url(../imgs/blog-navItem-bg.gif) repeat-y; color: #f5f5f5; text-decoration: none; /*border-bottom: 1px solid #fff;*/ } #blog-nav ol li a:hover { color: #fff; text-decoration: underline; } #blog-nav-last-item { padding-bottom: 0px !important; } #blog-nav-btm { height: 5px; background: url(../imgs/blog-nav-btm.gif) no-repeat; } #blog-nav ul { padding: 10px 20px; font-size: 12px; font-weight: bold; line-height: 24px; } #blog-nav ul li { } #blog-nav ul li a { color: #e3790d; text-decoration: none; } #blog-nav ul li a:hover { text-decoration: underline; } #blog-content { float: right; width: 580px; padding: 20px 20px 0; background: url(../imgs/blog-content-bg.gif) no-repeat; } #blog-content a { color: #e3790d; text-decoration: none; } #blog-content a:hover { text-decoration: underline; } #blog-hdr { float: left; width: 560px; padding: 0 0 10px 10px; border-bottom: 1px solid #d9d9d9; } #blog-hdr h4 { float: left; padding: 10px 0 0 0; font-size: 18px; } #rss-feed { float: right; } #blog-hdr h6 { font-size: 12px; text-transform: uppercase; line-height: 28px; } #blog-hdr h6 a { padding: 8px 38px 8px 8px; color: #535152; background: url(../imgs/rss-feed.gif) right 0px no-repeat; } #blog-hdr h6 a:hover { color: #e3790d; } #blog-posts { float: left; width: 560px; padding: 0 10px; } .blog-post { padding: 10px 0; border-bottom: 1px solid #d9d9d9; } #blog-posts h1 { font-size: 24px; padding: 12px 0; } #blog-posts h1 a { font-weight: normal !important; } #blog-posts h1 a:hover { } #blog-posts p { font-size: 14px; line-height: 24px; color: #535152; padding-bottom: 12px; } .post-meta-data { clear: both; font-size: 9px; font-weight: bold; text-transform: uppercase; line-height: 24px; padding-bottom: 12px; } .post-meta-data a { font-size: 12px; text-transform: none; } .post-meta-data a:hover { } #blog-pagination { float: right; padding: 10px; text-align: right; } #blog-pagination ol { font-size: 12px; line-height: 24px; font-weight: bold; } #blog-pagination li { display: inline; list-style: none; } #blog-pagination li a { border: 1px solid #e3790d; padding: 3px; } #blog-pagination li a:hover { background: #f3f3f3; text-decoration: none; } #blog-infoSquare { float: left; width: 320px; padding: 5px 0; text-align: center; background-color: #e7f1ff; } #blog-in-txt { float: right; padding: 0 0 20px 20px; } #social-share-blog { float: left; width: 518px; border: 1px solid #e5e5e5; padding: 10px 20px 5px; } #social-share-blog ul { padding: 0; } #social-share-blog li { float: left; padding: 5px 0; text-align: left; /*width: 140px; height: 20px; overflow-x: hidden; overflow-y: hidden;*/ display: block; padding: 0; list-style: none; line-height: 20px; vertical-align: bottom; } .clear { clear: both; } /* --- Contact Us Page --- */ #contact-us { padding: 20px 0; } #contact-us h3 { font-size: 21px; line-height: 21px; color: #666; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } #contact-us p { font-size: 12px; line-height: 18px; color: #666; font-weight: normal; padding-top: 12px; } #contact-us form { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-top: 12px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #e5e5e5; } #contact-us input { font-size: 14px; line-height: 24px; color: #693; font-weight: normal; margin-bottom: 15px; } #contact-us textarea { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; line-height: 18px; color: #693; font-weight: normal; margin-bottom: 15px; } #form-btn input { font-size: 18px !important; padding: 8px !important; color: #693; font-weight: bold !important; } #socialnetworks { float: left; width: 460px; padding: 10px 0; border-top: 1px solid #e5e5e5; } #socialnetworks h3 { font-size: 12px; text-transform: uppercase; padding-bottom: 20px; } /* --- Generic Pages --- */ #generic { padding: 0 48px; } #generic h2 { font-size: 24px; line-height: 24px; color: #666; font-weight: bold; padding: 24px 0 0; } #generic h3 { font-size: 18px; line-height: 24px; color: #666; font-weight: bold; padding: 24px 0; } #generic p, #generic ul, #generic ol, #generic table { font-size: 14px; line-height: 24px; color: #666; font-weight: normal; padding-bottom: 12px; } #generic ul, #generic ol { padding-left: 20px; } #generic table { border-top: 1px solid #e5e5e5; } #generic td, #generic th { padding: 3px 9px; border-bottom: 1px solid #e5e5e5; } #generic th, #park-info-ext th { font-weight: bold; } /* --- Footer and btmRow --- NEW --- */ #btmRow { clear: both; width: 100%; margin: 0 auto; padding: 30px 0 10px; text-align: center; background-color: #eff6ea; } #site-links { width: 940px; margin: 0 auto; padding: 0 10px; text-align: left; font-size: 11px; line-height: 15px; } #site-links h3 { padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #777; } .links { float: left; width: 140px; padding: 0 20px 0 0; } .links h2 { padding: 20px 0 5px; font-weight: bold; border-bottom: 1px solid #e5e5e5; color: #777; } .links ul { list-style: none; padding: 10px 0 20px; } .links li { } .links li a { font-weight: normal; text-decoration: none; } .links li a:hover { text-decoration: underline; } #footer { clear: both; width: 940px; margin: 0 auto; padding: 20px 10px; border-top: 1px solid #e5e5e5; text-align: left;} #footer p { width: 940px; font-size: 11px; line-height: 18px; color: #999; } #footer a { color: #693; text-decoration: none; } #footer a:hover { color: #693; text-decoration: underline; } /* --- Google Search Page --- */ #rei-skyscrape { float: left; width: 140px; padding: 50px 0 0 0; } .search { float: right; width: 940px; margin: 0 auto; text-align: left; border-bottom: 1px solid #e5e5e5; } #gSearch { position: absolute; top: 288px; left: 540px; } /* --- Google Friend Connect --- */ #fc-r { padding: 20px 0; float: left; width: 460px; } #fc-r h5 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; } #fc-l { padding: 20px 0 0 0; } /* --- Google Friend Connect - Canvas Page --- */ .container { width:652px; margin:0 auto; text-align:left; } .container h2 { font-size: 18px; line-height: 24px; color: #666; padding: 24px 0 12px; } .fc-sign-in-header { border:1px solid #cccccc; border-bottom: none; } .signin { text-align:left; } .canvas-gadget { text-align:left; width:650px; /* ALLOW AT LEAST 500px WIDTH*/ margin: 0 auto; border:1px solid #cccccc; } /* --- Google Map Page --- */ #map { } #mapForm { padding: 10px 0 20px; } #mapForm h5 { float: left; padding: 0 0 20px; font-size: 16px; color: #666; font-weight: bold; } #mapForm form { float: left; font-size: 12px; line-height: 18px; color: #666; } #mapForm p { font-size: 12px; line-height: 18px; color: #666; font-weight: bold; } #address { width: 300px; } #directions { } /* --- Some Global Resets --- */ em { font-style: italic !important; }