/* -------------------------------------------------- UrbanEscapesUSA.com PAGE STYLES Last revised 16 December 2009 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- GATEWAY -------------------------------------------------- */ /* Tic-tac-toe overlay */ #grid { display: none; width: 30em; position: absolute; top: 0; left: 0; z-index: 10; background: transparent; } #grid .cell { width: 9.5em; height: 9.5em; position: relative; float: left; border-right: .75em solid #FFF; /* PMS 574 83% */ border-bottom: .75em solid #FFF; /* PMS 574 83% */ } #grid .cell form { margin-top: 4em; } #grid div.end { border-right: none; } #grid div.bottom { border-bottom: none; } #grid div a { text-align: center; width: 100%; float: left; border-bottom: none; background: none; } /* -------------------------------------------------- HOME -------------------------------------------------- */ #home #content { width: 75em; padding-left: 0; background: transparent; } #home h1 { font-weight: normal; font-size: 18px; line-height: 1; margin: 1em 0; } #home #content h1 span { display: none; } #home h2, #home h3 { color: #4B5C25; /* PMS 574 83% */ /* color: #4F6F19;*/ /* PMS 371 */ font-size: 14px; line-height: 1.285714; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 .642857em; } #home #content .subsection { width: 100%; float: left; margin: .75em 0 1.5em; padding-top: 1.5em; background: transparent url(/images/utility/border_dotted_h.png) repeat-x top left; } /* Slideshow */ #home #slideshow a { border-bottom: none; background: transparent; } #home #ornament { top: 16.5em; } /* Columns */ #home .column { width: 414px; /* 34.5em */ margin-right: 0; padding-right: 3em; background: transparent; } #home .column.right { min-height: 30em; padding: 0 0 0 3em; background: transparent url(/images/utility/border_dotted_v.png) repeat-y left top; } /* Press & media */ #home #press h3 { margin-bottom: 1.285714em; } #home #press .gallery li { width: 9em; height: 6em; } #home #press .gallery li img { max-width: 9em; max-height: 6em; } /* Find a trip -- move to city homepages */ #home #content #find_trip { width: 31.5em; margin: 1.5em 0 1em; padding: 1.5em; border: .1em solid #A9D26D; /* PMS 376 75% */ background: #C4DF9B; /* PMS 376 50% */ border: .1em solid #AFCF7B; /* PMS 577 */ background: #C0CBA5; /* PMS 574 25% */ } #home #find_trip .parameter { float: left; margin-left: 8px; /* @.75em */ position: relative; z-index: 100; } #home #find_trip .parameter:first-child, #home #find_trip .parameter.first { margin-left: 0; } #home #find_trip .parameter h4 { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; margin-top: 0; } #home #find_trip .parameter select { width: 8em; } /* Our community */ #home #content #share { width: 31.5em; margin: 1.5em 0 1em; padding: 1.5em; border: .1em solid #A9D26D; /* PMS 376 75% */ background: #C0CBA5; /* PMS 574 25% */ background: #A9D26D; /* PMS 376 75% */ background: #B2D67C; /* PMS 376 67% */ background: #B2D67C url(/images/utility/background_gradient_B2D67C.gif) repeat-y top left; background: #C4DF9B; /* PMS 376 50% */ border: .1em solid #AFCF7B; /* PMS 577 */ background: #C0CBA5; /* PMS 574 25% */ } #home #share h4 { color: #EB6700; /* PMS 718 */ } #home #find_trip + #share { margin-top: .75em; } #home #find_trip li a { position: relative; z-index: 100; } /* Recent news (blog) */ #home #news_highlights { margin-top: .75em; } #home #news_highlights .entry { margin-bottom: 1.5em; } #home #news_highlights .entry.last { margin-bottom: 0; } #home #news_highlights .entry h4 { font: bold 12px/1.5 Georgia; } /* Upcoming Trips Gallery */ #home #featured { float: left; clear: both; padding-top: 1.5em; background: transparent url(/images/utility/border_dotted_h.png) repeat-x; } #home #featured.gallery li { width: 211px; /* 17.625em */ float: left; margin: 0 1.5em 0 0; background: transparent url(/images/utility/background-gallery-img.png) no-repeat left 2.25em; } #home #featured.gallery li.last { margin-right: 0; } #home #featured.gallery li h3 { font-size: 12px; line-height: 1.5; text-transform: none; letter-spacing: normal; margin-bottom: .75em; } #home #featured.gallery li h3 a { color: #EB6700; /* PMS 718 */ font-weight: bold; border-bottom: 1px solid #FEE679; /* PMS 7403 */ } #home #featured.gallery li h3 a:hover { border-bottom: none; background: #FEE679; /* PMS 7403 */ } #home #featured.gallery li h4 { color: #EB6700; /* PMS 718 */ font-weight: normal; font-size: 14px; line-height: 1.285714em; margin: 0 0 .64285714em; } #home #featured.gallery li img { width: 208px; /* 216px */ height: 139px; /* 144px */ float: left; margin-bottom: 1.5em; opacity: 1; /* CSS3 property not widely supported */ -moz-opacity: 1; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* Required for IE browsers */ } #home #featured.gallery li img:active { opacity: .5; -moz-opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); } #home #featured.gallery li div { font-size: 11px; line-height: 1.90909; margin-bottom: .9545em; } /* -------------------------------------------------- TRIPS -------------------------------------------------- */ body.detail#trips { background: #FFF; /* White */ } #trips #ornament { top: 9.75em; } /* Calendar navigation */ #trips #calendar-nav { font-weight: bold; text-transform: uppercase; letter-spacing: .1em; margin: 3em 0 0; padding-bottom: 1.5em; } #trips #calendar-nav li { text-align: center; float: left; margin-right: 1em; } #trips #calendar-nav a { color: #EB6700; /* PMS 718 */ border-bottom: none; } #trips #calendar-nav a:visited { color: #EB6700; /* PMS 718 */ } #trips #calendar-nav a:hover { background: #F8CDAB; /* PMS 718 33% */ } #trips #calendar-nav a:active { color: #FFF; /* White */ } #trips #calendar-nav a.selected { border-bottom: 1px solid #F8CDAB; /* PMS 718 33% */ } /* Calendar */ #trips #calendar { margin-top: 1.5em; padding: 3em; background: #C0CBA5; /* PMS 574 25% */ } #trips #calendar .entry { position: relative; clear: both; } #trips #calendar .entry.last .inset.right { padding-bottom: 0; } #trips #calendar .entry .details { height: 10.75em; padding-bottom: 3em; } #trips #calendar h2, #trips #calendar h3 { font: bold 14px/1.285714 Georgia, serif; margin: 0 0 .64285714em; } #trips #calendar h3 { font-weight: normal; } #trips #calendar h2 a { font-weight: bold; border-bottom: 1px solid #D8DFC6; /* PMS 574 15% */ } #trips #calendar h2 a:hover { border-bottom: none; background: #D8DFC6; /* PMS 574 15% */ } #trips #calendar h2 a:active { color: #EB6700; /* PMS 718 */ } #trips #calendar .pricing { margin: .75em 0; } #trips #calendar .price_comment { font-style: italic; } #trips #calendar .entry .inset.left { padding-bottom: 3em; } #trips #calendar .entry .inset.left img { width: 208px; /* 216px */ height: 139px; /* 144px */ padding: 0 5px 5px 0; background: transparent url(http://www.urbanescapesusa.com/images/utility/background-gallery-img.png) no-repeat left top; } #trips #calendar .entry .details .link { position: absolute; right: 0; bottom: 0; } #trips h2 { } #trips .inset img { height: 300px; width: 400px; /* max 643px */ padding: 0 5px 5px 0; background: transparent url(http://www.urbanescapesusa.com/images/utility/background-trip-main-img.png) no-repeat; } #trips #content .inset + p { color: #EB6700; /* PMS 718 */ font-weight: bold; } #trips .disclaimer { margin: 1.5em 0; padding: 1.5em; background: #C0CBA5; /* PMS 574 25% */ } #trips .disclaimer h4 { font-weight: normal; font-size: 14px; line-height: 1.285714; margin: 0 0 .64285714em; } #trips .disclaimer p { font-style: italic; font-size: 11px; line-height: 1.63636; margin: 0; } #trips #sidebar #trip-summary { margin: 1.5em 0; padding: .75em; background: #FEE679; /* PMS 7403 */ background: #FEA33D; /* PMS 715 */ background: #C0CBA5; /* PMS 574 25% */ } #trips #sidebar #trip-summary h3 { color: #FFF; /* White */ color: #EB6700; /* PMS 718 */ /* margin-bottom: .75em; border-bottom: 2px dotted #FFF; */ } #trips #sidebar #trip-summary h4 { color: #FFF; /* White */ font-weight: normal; } #trips #sidebar #trip-summary .price_comment { font-size: 11px; line-height: 1.63636; } /* Simple Commerce Module */ #purchase { width: 100%; margin: 1.5em 0; } #purchase td { font-weight: bold; padding: .375em 0; vertical-align: top; } #purchase .item { width: 55%; } #purchase .price { width: 15%; } #purchase .cart_link { width: 15%; } /* Wait List */ /* Columns */ #trips.waitlist #content .column { width: 405px; } #trips.waitlist #content .column.right { /* rightmost column -- matches selectors with both class .column and .right */ width: 225px; margin: 0; } #trips.waitlist #content .inset { margin-bottom: 1.5em; } /* Forms */ #free-registration-form { width: 189px; margin: 1.5em 0; } /* -------------------------------------------------- BLOG -------------------------------------------------- */ #news .entry { float: left; clear: both; margin-bottom: .75em; padding-bottom: 2.25em; background: transparent url(http://www.urbanescapesusa.com/images/utility/border_dotted_h.png) repeat-x bottom left; } #news .entry.last { padding-bottom: 0; background: transparent; } #news .entry h2 { margin-top: 0; } #news .entry .date { font-style: italic; font-size: 12px; line-height: 1.2; margin: 1.2em 0 .6em; font: 11px/1.6364 Verdana, sans-serif; text-transform: uppercase; letter-spacing: .1em; margin: 1.6364em 0 .8182em; } #news #content .entry h2 + p:first-line, #news #content .entry .inset + p:first-line { color: #EB6700; /* PMS 718 */ font-weight: bold; } #news .entry .link { margin-bottom: .75em; } /* Main page */ #news.main .entry .inset img { max-width: 27em; } /* -------------------------------------------------- ABOUT -------------------------------------------------- */ #about #ornament { top: 23.5em; } #about h2 { color: #AFCF7B; /* PMS 577 */ font-size: 14px; line-height: 1.285714; text-transform: uppercase; letter-spacing: .1em; margin: 1.285714em 0; } #about #content .entry { padding-bottom: 1.5em; clear: both; } #about #content .entry.first { margin-top: 3em; } #about #content .entry.last { padding-bottom: 0; } #about #content .entry h2 { font: italic bold 14px/1.285714 Verdana, sans-serif; } /* -------------------------------------------------- FAQ -------------------------------------------------- */ #faq #ornament { top: 14.25em; } #faq #content .entry { padding-bottom: 1.5em; } #faq #content .entry.first { margin-top: 3em; } #faq #content .entry.last { padding-bottom: 0; } #faq #content .entry h2 { font: italic bold 14px/1.285714 Verdana, sans-serif; } /* -------------------------------------------------- TESTIMONIALS -------------------------------------------------- */ #testimonials #ornament { top: 12em; } #testimonials #content .entry { font-style: italic; padding: 1.5em 0; } #testimonials #content .entry p span { color: #4B5C25; /* PMS 574 83% */ } /* -------------------------------------------------- CONTACT -------------------------------------------------- */ #contact #ornament { top: 15em; } #contact .column { width: 315px; /* 26.25em */ } #mail-form { margin-top: 0; } #mail-form h2 { color: #FFF; /* White */ text-transform: uppercase; letter-spacing: .1em; } #mail-form h3, #mail-form h4 { font-weight: normal; margin-bottom: .375em; } /* address + hCard */ .vcard { margin: .75em auto; } .vcard .org { font-weight: bold; } .vcard .tel span, .vcard .fax span, .vcard .email span:first-child { color: #898B11; /* Signature olive green */ font: bold 12px/1.5 Verdana, sans-serif; padding-right: .375em; } /* -------------------------------------------------- PARTNERS -------------------------------------------------- */ #partners #ornament { top: 16.5em; } /* -------------------------------------------------- PRESS -------------------------------------------------- */ #press #ornament { top: 16.5em; } /* -------------------------------------------------- RENTAL GEAR OPTIONS -------------------------------------------------- */ body#rentals { min-width: 100%; border-top: .75em solid #FEA33D; /* PMS 715 */ background: transparent url(http://www.urbanescapesusa.com/images/utility/background-watermark.png) no-repeat center center; } #rentals #wrapper { width: 56em; padding-top: .75em; } #rentals #container { background: transparent; } #rentals #purchase .description { font-weight: normal; font-style:italic; text-indent: 1.5em; padding-top: 0; } /* -------------------------------------------------- STANDALONE PAGE -------------------------------------------------- */ #page #content .inset + p:first-line { color: #EB6700; /* PMS 718 */ font-weight: bold; } /* -------------------------------------------------- SITE MAP -------------------------------------------------- */ /* -------------------------------------------------- FOXYCART -------------------------------------------------- */ #trips #content .inset.left h3 { width: 235px; } .foxbutton, .foxycart .foxbutton { color: #fff; font-weight:bold; background-color: #4B5C25; padding: 2px; border: solid 1px #b4b4b4; margin-right: 5px; margin-bottom: 5px; font-family: Helvetica; } .foxspace { margin:0px 0px 0px 4px; height:20px; padding:0px 3px 0px 3px; } .foxbutton:hover { background:#37441b; cursor:pointer; } #foxee_forms .txt_input { width:246px; margin-bottom:10px; background:#f6fdf1; border:1px #444 solid; height:15px; padding:2px; color:#000; font-weight:bold; } #foxee_forms .txt_input_not { width:246px; margin-bottom:10px; border:1px #444 solid; height:15px; padding:2px; color:#000; font-weight:bold; } #foxee_forms .not_required_input { width:250px; margin-bottom:10px; border:1px #444 solid; padding:2px; color:#000; } #foxee_forms .sex .txt_input { width:20px; margin-bottom:10px; border:1px #444 solid; height:15px; padding:2px; color:#000; font-weight:bold; } #foxee_forms .txt_area { width:250px; height:60px; border:1px #444 solid; height:15px; padding:2px; color:#000; font-weight:bold; } .req { color:#eb7c2b; font-weight:bold; } #foxee_forms label {color:#333;} .escapers_input { border:1px #444 solid; } .select_escapers { float:left; position:relative; } .submit_foxbutton { float:left; position:relative; } input[type="submit"][disabled] { color: GrayText; background:#ccc; cursor: inherit; } .errorlist li { color:#000; background:#eaa0a0; padding-left:5px; border:1px #f11d1d solid; width:245px; }