/* -------------------------------------------------- UrbanSherpaTravel.com PAGE STYLES Last revised 17 May 2010 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- HOME -------------------------------------------------- */ #home #wrapper { margin-top: 1em; background: transparent; } #home #container { width: 83em; } #home #content { margin: -2em 0 0 1em; } #home h1 { margin-bottom: 1.375em; } #home #content h2 { font-size: 16px; line-height: 1.375; margin: 0 0 .6875em; position: relative; float: right; top: 2.25em; } #home #content h2 + p { color: #4F007D; /* PMS 527 */; font-weight: bold; font-size: 14px; line-height: 1.571429; text-align: justify; } #home #sidebar { width: 26em; margin-top: 1em; padding: 0; background: transparent; } #home #footer { margin-left: 2em; } /* Links */ /* Reset to site default */ #home #sidebar a:link, #home #sidebar a:visited { border-bottom: 1px solid #FFA616; /* PMS 137 */ } #home #sidebar a:hover { background-color: #FEE0AD; /* PMS 155 */ } #home #sidebar a:active { background-color: #FFA616; /* PMS 137 */ } /* Main gallery */ #home #gallery { width: 100%; background: transparent; } #home #gallery li { position: relative; float: left; overflow: hidden; background: transparent; } #home #gallery li.primary { width: 55em; /* 605px */ height: 27em; /* 297px */ margin: 0 1em 1em 0; } #home #gallery li.secondary { width: 26.8em; /* 295px */ height: 27em; /* 297px */ height: 12.4em; /* 136px */ margin: 0 0 1em 0; border: .1em solid #FEE0AD; /* PMS 155 */ border-bottom: none; background: #FEE5B9 url(http://www.urbansherpatravel.com/images/utility/gradient-FEE0AD.gif) repeat-y left top; /* PMS 155 gradient blend */ width: 27em; /* 297px */ height: 12.5em; /* 137px */ border: none; } #home #gallery li.tertiary { width: 27em; /* 297px */ height: 13.5em; /* 148px */ margin-right: 1em; } #home #gallery li.tertiary.first, #home #gallery li.tertiary.last { margin: 0 0 1em 0; } /* Gallery headings */ #home #gallery li h2, #home #gallery li h3, #home #gallery li p { padding-right: 1em; padding-left: 1em; } #home #gallery li h2, #home #gallery li h3 { text-transform: uppercase; letter-spacing: .1em; margin: 1em 0; } #home #gallery li.secondary h3 { margin-bottom: .5em; } #home #gallery li.tertiary h3 { color: #FFF; /* White */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; width: 100%; position: absolute; bottom: -1em; left: 0; padding: .5em 1em; background: transparent url(http://www.urbansherpatravel.com/images/utility/dark/transparent-75.png); } #home #gallery li.tertiary h3:hover { background-color: #000; /* Black */ } #home #gallery li.tertiary h3 span { color: #F20017; /* PMS 186 */ } /* Image fades */ #home #gallery li img { 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 #gallery li img:hover { opacity: .33; -moz-opacity: .33; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=33)"; filter:alpha(opacity=33); } /* Swapped content */ #home #gallery #swap { color: #FFF; /* White */ width: 55em; /* 605px */ height: 27em; /* 297px */ position: absolute; top: 0; left: 0; display: none; overflow: hidden; background: transparent url(http://www.urbansherpatravel.com/images/utility/dark/transparent-67.png); } #home #gallery #swap h2, #home #gallery #swap h3 { color: #F20017; /* PMS 186 */ font-weight: bold; font-family: Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; position: static; padding: 0 1em; } #home #gallery #swap h2 + p:first-line, #home #gallery #swap h3 + p:first-line { font-weight: bold; } /* Trip advisories & news */ #home #latest { margin-bottom: 1em; padding: 1em 0; border-color: #FEEAC8; /* PMS 155 67% */ } #latest li h5 { color: #F20017; /* PMS 186 */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; text-transform: uppercase; } #latest li { margin: .5em 0; padding: 0 1em; border-bottom: .1em solid #FEEAC8; /* PMS 155 67% */ } #latest li:first-child, #latest li.first { padding-top: .5em; border-top: .1em solid #FEEAC8; /* PMS 155 67% */ border-top: none; } #container #sidebar #latest li a, #container #sidebar #trip_details li a { /* style conflict with underlined links */ color: #363605; /* PMS 5815 */ border-bottom: none; } #home #latest p { /* index for search engines but hide from view */ margin: auto 1em; } #home #tab-box { width: 27em; float: right; float: left; margin-right: 1em; padding: 0; width: 55em; } #home .tabberlive .tabbertab { margin: 1em 0 .5em; } #home .tabberlive .tabbertab h3 { display: none; } #home #expand { display: none; } /* Upcoming trips */ #upcoming { margin: 0 1em 2em; padding-bottom: 1.5em; border: .1em solid #FFF5E4; /* PMS 155 33% */ background: #FFF9EF; /* PMS 155 20% */ border: none; background: transparent; } #upcoming li { /* total width 297px @ 27em */ clear: both; padding: .5em 1em; border-bottom: .1em solid #FEE0AD; /* PMS 155 */ padding: 1em 0; border-bottom: .1em dotted #700017; /* PMS 195 */ } #upcoming li:first-child, #upcoming li.first { margin-top: -1em; padding-top: 0; } #upcoming li .inset { clear: both; } #upcoming li .inset img { width: 200px; } #upcoming li .inset a { padding: 0; border-bottom: none; } #upcoming li h4 { } #upcoming li h5 { color: #F20017; /* PMS 186 */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; text-transform: uppercase; } #upcoming li h4, #upcoming li h5 { display: inline; margin: 0; } #upcoming .entry h5 { color: #F20017; /* PMS 186 */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; text-transform: uppercase; margin: 0; } #upcoming .entry h4 { margin: 0; } #upcoming li p { } #upcoming .entry .inset { width: 200px; min-height: 120px; margin-bottom: 1em; background: transparent url(../images/utility/background_trip_thumb.png) no-repeat bottom left; } #upcoming li .inset img { float: right; width: 200px; /* height: 150px; */ 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 */ } #upcoming .entry .inset img:hover { opacity: .67; /* CSS3 property not widely supported */ -moz-opacity: .67; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=67)"; /* IE 8 */ filter:alpha(opacity=67); /* Required for IE browsers */ } #upcoming .entry .inset img:active { 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 */ } #upcoming .entry .inset div { text-align: right; } #upcoming .entry .inset a { padding: 0; border-bottom: none; background: none; } #twitter_div { padding: 1em; border: .1em solid #CCC; } #home #connect { width: 889px; /* @80.8em */ float: left; clear: both; padding: .5em 1em; } #home #connect .left { float: left; margin-right: 1em; } #home #connect .right { float: right; } #home #connect h3 { text-transform: uppercase; letter-spacing: .1em; display: inline; margin-right: .5em; padding-top: .5em; padding-bottom: .5em; } #home #connect form, #home #connect form div, #home #connect p, #home #connect p a { display: inline; } #home #connect form input.field { width: 12em !important; } #home #trip_type .subsection { float: left; margin-left: 1em; } /* -------------------------------------------------- TRIPS -------------------------------------------------- */ /* Headings */ #trips h2 { font-size: 14px; line-height: 1.571429; text-transform: none; letter-spacing: normal; margin-bottom: 1.571429em; } #trips.main #content > .inset + p { color: #4F007D; /* PMS 527 */; font-weight: bold; font-size: 14px; line-height: 1.571429; text-align: justify; } /* Calendar navigation */ #trips.main #calendar-nav { height: 21px; padding-left: 3px; /* .25em */ border-bottom: 1px solid #FEE0AD; /* PMS 155 */ } #trips.main #calendar-nav li { float: left; } #trips.main #calendar-nav li:first-child, #trips.main #calendar-nav li.first { background: none; } #trips.main #calendar-nav li:last-child, #trips.main #calendar-nav li.last { } #trips.main #calendar-nav li a { font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: .1em; width: 42px; display: block; margin: 0 2px; padding: 0 2px; border-bottom: none; background: transparent url(http://www.urbansherpatravel.com/images/utility/tab-calendar.png) no-repeat center bottom; } #trips.main #calendar-nav li a:hover { background-position: center center; } #trips.main #calendar-nav li a:active { color: #F20017; /* PMS 186 */ background-position: center top; } #trips.main #calendar-nav li a.selected { color: #F20017 !important; /* PMS 186 */ background-position: center top; } #trips.main #calendar { clear: both; } #trips.main .entry { padding: 1em 0; border-bottom: .1em dotted #700017; /* PMS 195 */ } #trips.main .entry.first { } #trips.main .entry.last { border-bottom: none; } #trips.main .entry h2 { font-size: 11px; line-height: 2; display: inline; margin: 0; } #trips.main .entry h2 a { color: #700017; /* PMS 195 */ } #trips.main .entry h3 { color: #F20017; /* PMS 186 */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; text-transform: uppercase; display: inline; margin: 0; } #trips.main .entry h3:after { content: " |"; margin-right: .125em; } #trips.main .entry .inset { width: 200px; min-height: 120px; margin-bottom: 1em; background: transparent url(http://www.urbansherpatravel.com/images/utility/background_trip_thumb.png) no-repeat bottom left; } #trips.main .entry .inset img { float: right; width: 200px; /* height: 150px; */ 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 */ } #trips.main .entry .inset img:hover { opacity: .67; /* CSS3 property not widely supported */ -moz-opacity: .67; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=67)"; /* IE 8 */ filter:alpha(opacity=67); /* Required for IE browsers */ } #trips.main .entry .inset img:active { 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 */ } #trips.main .entry .inset div { text-align: right; } #trips.main .entry .inset a { padding: 0; border-bottom: none; background: none; } #trips.main .inset + p { color: #1E270A; /* PMS 5743 */ font-weight: normal; font-size: 11px; line-height: 2; text-align: left; } #trips.main .entry .posted { clear: both; } /* Trips detail */ #trips.detail h1 + .inset img { width: 605px; } #trips.detail .posted { margin: 1em 0 2em; } #trips.detail #content h3 { font-size: 12px; line-height: 1.8333; text-transform: uppercase; letter-spacing: .1em; margin: .9167em 0; } button.xcart { /* Match X-cart button */ text-align: left; height: 30px; width: 141px; width: 154px; margin: 0; padding: 0; outline-style: none; border: none; cursor: pointer; background: transparent url(http://www.urbansherpatravel.com/images/utility/button_add_to_cart.png) no-repeat right top; background: transparent url(http://www.urbansherpatravel.com/images/utility/button_view_options.png) no-repeat right top; } button.xcart span { color: #FFF; /* White */ font-weight: bold; line-height: 30px; text-align: center; text-transform: uppercase; letter-spacing: .1em; height: 30px; display: block; } button.xcart span:hover { color: #700017; /* PMS 195 */ } button.xcart span:active { color: #FFF; /* White */ } /* X-Cart pages */ #trips.detail h2.titles { color: #700017; /* PMS 195 */ font-weight: bold; font-size: 16px; line-height: 1.375; margin: .6875em 0; } #trips.detail .product-details .image { margin-bottom: 2em; margin-left: 0; } #trips.detail .details { padding: 0; } #trips.detail .descr { clear: both; } #trips.detail .descr table { width: 100%; margin: 0 0 2em; border-bottom: .1em solid #FEE0AD; /* PMS 155 */ background: #FEE5B9 url(/images/utility/gradient-FEE0AD.gif) repeat-y left top; } #trips.detail .descr table th { color: #700017; /* PMS 195 */ text-align: left; padding: 0 0 .5em 1em; background: #FFF; /* White */ } #trips.detail .descr table td { width: 33%; padding: .5em 0 .5em 1em; vertical-align: top; border-top: .1em solid #FEE0AD; /* PMS 155 */ background: #FFFAF3; /* PMS 155 15% */ } #trips.detail .descr table tr.subheading td { line-height: 1.5; vertical-align: middle; background: transparent; } #trips.detail .descr table tr.subheading td:first-child, #content .descr table tr.subheading td.first { color: #700017; /* PMS 195 */ text-transform: uppercase; letter-spacing: .1em; } #trips.detail .product-properties .property-name { font-weight: bold; } #trips.detail .product-properties #exception_msg { color: #F20017; /* PMS 186 */ } #trips.detail .currency, #trips.detail #product_price { color: #F20017; /* PMS 186 */ } #trips.detail #sidebar form + #trip_details { margin-top: 1.5em; } /* -------------------------------------------------- BLOG -------------------------------------------------- */ #blogs .entry { padding: 1em 0 2em; border-bottom: .1em dotted #700017; /* PMS 195 */ } #blogs .entry.first { padding-top: 0; } #blogs .entry.last { padding-bottom: 0; border-bottom: none; } #blogs .entry .date { color: #F20017; /* PMS 186 */ font-weight: normal; font-size: 9px; font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace; text-transform: uppercase; } /* -------------------------------------------------- FAQs & ABILITY -------------------------------------------------- */ #faq a.link, #ability a.link { float: right; margin-top: .3333em; } #faq a.link, #ability a.link { width: 14px; height: 14px; padding: 0; border: none; background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_button.gif) no-repeat top right; } #faq a.link:hover, #ability a.link:hover { background-position: bottom right; } .entry .swap_box { display: none; } /* -------------------------------------------------- ABOUT -------------------------------------------------- */ /* -------------------------------------------------- CONTACT -------------------------------------------------- */ #contact #content h2 { } /* vCard */ .vcard { margin-bottom: 1em; } .vcard .org { font-weight: bold; } .vcard .tel span, .vcard .fax span, .vcard .url span, .vcard .hours span, .vcard .email span:first-child { color: #FFF; /* White */ font-size: 11px; font-family: "Andale Mono", "Lucida Console", Courier, monospace; text-align: center; text-transform: uppercase; letter-spacing: .1em; margin-right: .25em; padding: .1em .5em; background-color: #990000; /* Burgundy */ } #mail-form { padding: 1em; border: .1em solid #FEE0AD; /* PMS 155 */ background: #FEE5B9 url(http://www.urbansherpatravel.com/images/utility/gradient-FEE0AD.gif) repeat-y left top; /* PMS 155 gradient blend */ } #mail-form input.field, #mail-form textarea { font-size: 11px; font-family: Verdana, sans-serif; width: 97.5%; } #content #mail-form h2 { text-transform: uppercase; letter-spacing: .1em; margin-top: 0; } #content #mail-form h3 { font-size: 11px; line-height: 2; margin-top: 0; } #mail-form .recipient { float: left; margin: 0 1em 1em 0; } #contact .column { margin-top: 1em; } #contact #mailinglist-form { margin-top: 2em; } /* -------------------------------------------------- US BUS -------------------------------------------------- */ #charter h2 { font-size: 14px; line-height: 1.571429; text-transform: none; letter-spacing: normal; margin-bottom: .78571429em; } #charter #booking-form { padding: 1em; border: .1em solid #FEE0AD; /* PMS 155 */ background: #FEE5B9 url(http://www.urbansherpatravel.com/images/utility/gradient-FEE0AD.gif) repeat-y left top; /* PMS 155 gradient blend */ } #charter #booking-form .column { width: 25.9em; margin-bottom: .5em; } #charter #booking-form h2 { font-size: 1em; line-height: 2; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 1em; } #charter #booking-form fieldset { margin-top: .5em; border: none; background: #FFFAF3; /* PMS 155 15% */ } #charter #booking-form legend { color: #700017; /* PMS 195 */ font-weight: bold; line-height: 2; text-transform: uppercase; letter-spacing: .1em; margin: 1em 0; } #booking-form input.field, #booking-form input.field2, #booking-form textarea { font-size: 11px; font-family: Verdana, sans-serif; } #booking-form input.field { width: 97.5%; } /* -------------------------------------------------- REFERRERS -------------------------------------------------- */ #referrers #wrapper { background: transparent; } #referrers #content { width: 100%; } #referrers table { border: .1em solid #D4D4E9; /* Navy 25% */ border-bottom: none; } #referrers table th, #referrers table td { padding: .5em 1em; border-bottom: .1em solid #D4D4E9; /* Navy 25% */ } #referrers table th { color: #4F007D; /* PMS 527 */ text-align: left; text-transform: uppercase; letter-spacing: .1em; border-right: .4em double #F20017; /* PMS 186 */ } #referrers table a { border-bottom-style: dotted !important; } #referrers #footer { margin-left: 2em; } /* -------------------------------------------------- CONFIRMATION -------------------------------------------------- */ #confirmation #content .inset + p { color: #4F007D; /* PMS 527 */; font-weight: bold; font-size: 14px; line-height: 1.571429; } /* -------------------------------------------------- SITE MAP -------------------------------------------------- */ #sitemap #sitemap_list { margin-top: 3em; }