/*
--------------------------------------------------
UrbanSherpaTravel.com GLOBAL STYLES
Last revised 23 December 2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

- RED -
PMS 186 #F20017

- ORANGES -
PMS 471 #D15600
PMS 157 #FD923C
PMS 137 #FFA616

- GREENS -
PMS 5743 #1E270A
PMS 5815 #363605
PMS 5815 90% #4A4A1E
PMS 1265 #7D5B00

- BURGUNDY -
PMS 195 #700017

- PURPLE -
PMS 527 #4F007D

- BUFF -
PMS 155 #FEE0AD
PMS 155 67% #FEEAC8
PMS 155 45% #FFF1DA
PMS 155 33% #FFF5E4
PMS 155 20% #FFF9EF
PMS 155 15% #FFFAF3

#000 Black
#FFF White

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #1E270A; /* PMS 5743 */
		font-size: 68.75%; /* Use percentage to avoid bug in Win IE */
		font-family: Verdana, sans-serif;
		line-height: 2;
		min-width: 86em; /* < Win IE7 ignores this */
		background: transparent url(http://www.urbansherpatravel.com/images/utility/watermark.png) repeat-y right top;
		}

/* Links */
a		{
		text-decoration: none;
		padding: .1em 0;
		}
a:link, a:visited {
		color: #D15600; /* PMS 471 */
		border-bottom: 1px solid #FFA616; /* PMS 137 */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #F20017; /* PMS 186 */
		background-color: #FEE0AD; /* PMS 155 */
		}
a:active {
		color: #FFF; /* White */
		border-bottom-color: #D15600; /* PMS 471 */
		background-color: #FFA616; /* PMS 137 */
		}
a[name] { /* remove bottom border from internal hyperlinks */
		border-bottom: none;
		background: none;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #700017; /* PMS 195 */
		font-family: Verdana, sans-serif;
		line-height: 2;
		margin: 1em 0;
		}
h1		{
		font-size: 16px;
		line-height: 1.375;
		margin: .6875em 0;
		}

p		{
		margin-bottom: 1em;
		}
blockquote {
		margin: 1em 0;
		padding-left: 2em;
		border-left: 2px solid #FFA616; /* PMS 137 */
		background: transparent;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

/* Forms */
form	{
		margin: 0;
		}
input, textarea {
		}

abbr, acronym {
		font-size: 90%;
		letter-spacing: .1em;
		padding-bottom: .1em;
		border-bottom: 1px solid #FEE0AD; /* PMS 155 */
		cursor: help;
		}
dfn		{
		padding-bottom: .1em;
		border-bottom: 1px solid #FEE0AD; /* PMS 155 */
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		position: relative;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/background-sidebar.gif) repeat-y left top;
		}

/*
--------------------------------------------------
Banner
--------------------------------------------------
Identity + navigation
*/
#banner {
		color: #FEE0AD; /* PMS 155 */
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 7em;
		background: #700017 url(http://www.urbansherpatravel.com/images/utility/gradient-700017.gif) repeat-y left; /* PMS 195 */
		}
#banner #logo {
		position: absolute;
		left: 5em;
		top: .25em;
		}
#banner #today {
		font-family: "Lucida Sans", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		top: 2.25em;
		left: 2em;
		display: none;
		}
/* Related sites */
#sites {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 0 1.5em 29em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/mandala2.gif) repeat-x left bottom;
		}
#sites li {
		padding: 0 1em 0 .5em;
		display: inline;
		background: url(http://www.urbansherpatravel.com/images/utility/pipe-footer.gif) no-repeat right;
		}
#sites li.first {
		padding-left: 0;
		}
#sites li.last {
		background: none;
		}
#sites li.byline { /* use for site-design credit */
		letter-spacing: .1em;
		}
#sites li a {
		color: #FEE0AD; /* PMS 155 */
		border-bottom: 1px solid #FFA616; /* PMS 137 */

		}
#sites li a:hover {
		color: #700017; /* PMS 195 */
		border-bottom-color: #D15600; /* PMS 471 */
		background: #FFA616; /* PMS 137 */;
		}
#sites li a:active {
		color: #FFF; /* White */
		border-bottom-color: #FFA616; /* PMS 137 */
		background: #D15600; /* PMS 471 */
		}
		
#sites li span {
		color: #F20017; /* PMS 186 */
		font-weight: bold;
		font-family: "Lucida Sans", Arial, Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		}

#container {
		width: 84em;
		padding: 1em 0 2em 2em;
		background-color: transparent;
		}

/*
--------------------------------------------------
Main content
--------------------------------------------------
*/
#content {
		width: 55em;
		float: right;
		clear: both;
		margin: 0 0 2em 2em;
		background: transparent;
		}

/* Heading styles */
h1 > span {
		color: #D15600; /* PMS 471 */
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content h4 span {
		color: #FD923C; /* PMS 157 */
		color: #FFF;
		font-weight: normal;
		font-size: 9px;
		font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-right: .5em;
		padding: .25em .5em;
		background: #FD923C; /* PMS 157 */
		background: #F20017; /* PMS 186 */
		}

/* Paragraph styles */
#content h1 + p, #trips.detail #content h2 + p {
		color: #4F007D; /* PMS 527 */;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.571429;
		text-align: justify;
		}

/* Slideshow */
#photodiv {
		position: relative;
		background-repeat: no-repeat;
		}
#photoimg {
		/* Assign to <img> */
		}		}
#photodiv .copyright {
		color: pink; /* White */
		font-style: italic;
		position: absolute;
		right: 1em;
		bottom: 1em;
		z-index: 20;
		}

#content .inset.right {
		float: right;
		margin: 0 0 1em 2em;
		}
#content .inset.left {
		float: left;
		margin: 0 2em 1em 0;
		}
#content .inset img {
		max-width: 60em;
		}
#content .inset p {
		font-style: italic;
		}

/* Swapped content */
#hold	{
		display: none;
		}

/* Columns */
.column {
		width: 27em;
		float: left;
		margin-right: 1em;
		background-color: transparent;
		}
.column.right {
		margin-right: 0;
		}
#content .column img {
		max-width: 27em;
		overflow: hidden;
		}

/*
--------------------------------------------------
Sidebar
--------------------------------------------------
*/
#sidebar {
		width: 26em;
		float: left;
		margin-bottom: 1em;
		padding: 1em 1em 0 0;
		background-color: #FEE0AD; /* PMS 155 */
		}
#sidebar .subsection {
		margin-bottom: 2em;
		}

/* Links */ /* Adjust for colored background */
#sidebar a:link, #sidebar a:visited {
		border-bottom-color: #FEEAC8; /* PMS 155 67% */
		}
#sidebar a:hover {
		border-bottom-color: #FFA616; /* PMS 137 */
		background-color: #FEEAC8; /* PMS 155 67% */
		}
#sidebar a:active {
		border-bottom-color: #D15600; /* PMS 471 */
		background-color: #FFA616; /* PMS 137 */
		}

/* Headings */
#sidebar h3, #upcoming-wrapper h3, #upcoming-wrapper h3 a, #latest h3 a {
		color: #700017; /* PMS 195 */
		margin: 0 0 1em;
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/* View trips by type */
#trip_type {
		margin-bottom: 1em;
		padding: 1em;
		border: .1em solid #4A4A1E; /* PMS 5815 90% */
		background: #5E5E2F url(http://www.urbansherpatravel.com/images/utility/gradient-4A4A1E.gif) repeat-y left top; /* PMS 5815 90% gradient blend */
		}
#trip_type h3, #trip_type h4 {
		color: #F20017; /* PMS 186 */
		}
#trip_type p {
		color: #FFF; /* White */
		font-style: italic;
		}

#syndicate {
		margin-bottom: 1em;
		padding: 1em;
		border: .1em solid #D15600; /* PMS 471 */
		background: #D86A00 url(http://www.urbansherpatravel.com/images/utility/gradient-D15600.gif) repeat-y left top; /* PMS 471 gradient blend */
		}
#syndicate a {
		color: #700017; /* PMS 195 */
		}

/* Trip advisories & news */ /* Trip details */
#latest, #trip_details {
		margin-bottom: 1em;
		padding: 1em 0;
		border: .1em solid #FFF; /* White */
		background: #FFFAF3; /* PMS 155 15% */
		}
#latest h3, #trip_details h3 {	
		margin: 0;
		padding: 0 1em;
		}
#latest li h4, #latest li h5, #trip_details li h4, #trip_details li h5 {	
		margin: 0;
		}
#latest li h5, #trip_details 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, #trip_details li {
		margin: .5em 0;
		padding: 0 1em;
		border-bottom: .1em solid #FEE0AD; /* PMS 155 */
		}
#latest li:first-child, #latest li.first, #trip_details > li:first-child, #trip_details li.first {
		padding-top: .5em;
		border-top: .1em solid #FEE0AD; /* PMS 155 */
		}
#container #sidebar #latest li a, #container #sidebar #trip_details li a { /* style conflict with underlined links */
		color: #363605; /* PMS 5815 */
		border-bottom: none;
		}
#latest li p { /* index for search engines but hide from view */
		display: none;
		}

/* Trip details */
#trip_details .register {
		margin: .5em 0 0 1em;
		}
#trip_details ol ol {
		margin-left: 0;
		}
#trip_details li li {
		margin-left: 1em;
		padding: 0;
		border-bottom: none;
		}
#trip_details li li:first-child, #trip_details #li li.first {
		margin-left: 0 !important;
		border-top: none;
		}
#trip_details li select {
		margin-bottom: 1em;
		}

/* Social-networking links */
#connect {
		padding: 1em;
		border: .1em solid #FFA616; /* PMS 137 */
		background: #FFB325 url(http://www.urbansherpatravel.com/images/utility/gradient-FFA616.gif) repeat-y left top; /* PMS 137 gradient blend */
		}
#connect h3 {
		color: #700017; /* PMS 195 */
		margin: 0 0 .5em;
		}
#connect a {
		color: #700017; /* PMS 195 */
		}

/*
--------------------------------------------------
Footer
--------------------------------------------------
*/
#footer {
		clear: both;
		margin-left: 31em;
		padding-bottom: 9em; /* add space to clear fixed banner */
		background: transparent;
		}
#footer li {
		padding: 0 1em 0 .5em;
		display: inline;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/pipe-footer.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/
/* Main navigation */
#nav	{
		position: absolute;
		top: 0;
		left: 29em;
		list-style: none;
		background: transparent;
		}
#nav li {
		position: relative;
		top: 0;
		left: 0;
		float: left; /* gives layout, allows selection of colored background */
		background: transparent;
		}
#nav li.last {
		}
#nav a.first {
		}
#nav a	{
		font: bold 12px/1.8333 Verdana, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: .1em;
		height: 21px; /* force height to avoid rounding discrepancy in FF */
		position: relative;
		bottom: 24px;
		display: block;
		padding: 26px 1em 3px;
		border-bottom: none;
		background: transparent;
		}
#nav a:link, #nav a:visited {
		color: #FFF; /* White */
		}
#nav a:hover {
		color: #700017; /* PMS 195 */
		background: transparent url(http://www.urbansherpatravel.com/images/utility/nav.png) no-repeat top center; /* PMS 137 */
		}
#nav a:active {
		color: #FFF; /* White */
		background-position: center center; /* PMS 471 */
		}
#nav .cart a {
		width: 4em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/nav_cart.png) no-repeat bottom center;
		}
#nav .cart a span {
		display: none;
		}
#nav .cart a:link, #nav .cart a:visited {
		}
#nav .cart a:hover {
		background: transparent url(http://www.urbansherpatravel.com/images/utility/nav_cart.png) no-repeat top center;
		}
#nav .cart a:active {
		background-position: center 33%;
		}
#nav li.selected a {
		color: #700017 !important; /* PMS 195 */
		background: transparent url(http://www.urbansherpatravel.com/images/utility/nav.png) no-repeat bottom center; /* PMS 471 */
		}
#nav li.cart.selected a {
		background: transparent url(http://www.urbansherpatravel.com/images/utility/nav_cart.png) no-repeat center 67%; /* PMS 471 */
		}
#nav li.selected a:before {
		content: "{ ";
		}
#nav li.selected a:after {
		content: " }";
		}

/*
--------------------------------------------------
FORMATTING STYLES & UTILITY ELEMENTS
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none !important;
		}
.display {
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.trim	{
		margin: 0;
		padding: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.caps	{
		font-size: 90%;
		text-transform: uppercase;
		letter-spacing: .2em;
		}
.normal {
		font-variant: normal !important;
		font-style: normal !important;
		font-weight: normal !important;
		text-transform: none !important;
		letter-spacing: normal !important;
		}
.caption {
		font-style: italic;
		}

/* Typography */


/* Linked content */
.heading a {
		padding: 0 !important;
		border-bottom: none !important;
		}
#container h1 a, #container h2 a, #container h3 a, #container h4 a, #container h5 a, #container h6 a {
		color: #700017; /* PMS 195 */
		border-bottom: none;
		}
a.img:link, a.img:visited, a.img:hover, a.img:active {
		padding: 0 !important;
		border-bottom: none !important;
		background: none !important;
		}
.marker {
		/* indicate currently selected category */
		}
.info	{
		cursor: help;
		}
.pdf	{
		padding-left: 1.5em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_pdf.gif) no-repeat left;
		}
.rss	{
		padding-left: 2em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_rss.png) no-repeat left;
		}
.share	{
		padding-left: 2em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_share.png) no-repeat left;
		}
.facebook {
		padding: .2em 0 .2em 2em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_facebook.gif) no-repeat left;
		}
.flickr {
		padding-left: 2em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_flickr.png) no-repeat left;
		}
.twitter {
		padding: .2em 0 .2em 2em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/icon_twitter.png) no-repeat left;
		}

/* Lists */
.square {
		margin: 1em 0 1em 1.1em;
		list-style: square;
		}
.decimal {
		list-style-type: decimal;
		margin-left: 2em;
		}
.inline {
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child, .inline li.first {
		margin-left: 0;
		}

/* Highlight */
.highlight {
		padding: 0 1em;
		border: .1em dashed #700017; /* PMS  */
		background-color: #FEE0AD; /* PMS 155 */
		}

/* Forms */
input.field {
		color: #7D5B00; /* PMS 1265 */
		font: 1em Verdana, Arial, sans-serif;
		padding-left: .25em;
		}
input.field:focus, input.field2:focus {
		color: #1E270A; /* PMS 5743 */
		background: #FFA616; /* PMS 137 */
		}
#sidebar input.field {
		width: 18em;
		}
#sidebar #connect input.field:focus {
		background: #FFF; /* White */
		}

/* Verify */
#verify form {
		padding-bottom: 2em;
		}
#verify li {
		float: left;
		margin-right: 1em;
		padding-right: 1em;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/pipe.gif) no-repeat right;
		}
#verify li.last {
		margin-right: 0;
		padding-right: 0;
		background: none;
		}

/* Calendars */
.calendar {
		margin: 0 auto;
		border: none;
		background: #FEEAC8 url(http://www.urbansherpatravel.com/images/utility/mandala.gif) repeat-x center 4.75em; /* PMS 155 45% -- seamless blend is #FEEAC8 @ 67% */
		}
.calendar td {
		padding: 3px;
		}
.calendar td.top {
		}
.calendar .calendarMonthLinks a {
		color: #FD923C; /* PMS 157 */
		font-size: 18px;
		line-height: 1;
		font-family: Arial, sans-serif;
		border-bottom: none;
		background: none;
		}
.calendar .calendarMonthLinks a:hover {
		color: #F20017; /* PMS 186 */
		background: none;
		}
.calendar .calendarHeader {
		color: #F20017; /* PMS 186 */
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .1em;
		background: #80001A url(http://www.urbansherpatravel.com/images/utility/background-calendar.gif) repeat-x left top; /* PMS 195 gradient blend */
		}
.calendar .calendarDayHeading {
		color: #700017; /* PMS 195 */
		font-weight: bold;
		text-align: center;
		background: transparent;
		}
.calendar .calendarCell {
		text-align: right;
		vertical-align: middle;
		padding: 0 7px;
		}
.calendar .calendarCell a {
		color: #F20017; /* PMS 186 */
		font-weight: bold;
		padding: .1em .25em;
		}
.calendar .calendarCell a:hover {
		color: #700017; /* PMS 195 */
		border-bottom-color: #F20017; /* PMS 186 */
		}
.calendar .calendarToday {
		color: #F20017; /* PMS 186 */
		font-weight: bold;
		background: transparent url(http://www.urbansherpatravel.com/images/utility/background-calendar-cell.png) no-repeat 4px 3px;
		}

/* Commerce */
.price {
		font-weight: bold;
		}
.comment {
		font-style: italic;
		}
.comment span { /* special or urgent notice */
		color: #F20017; /* PMS 186  */
		font-style: normal;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/* Entry posted data */
.posted span {
		color: #4F007D; /* PMS 527 */;
		font-size: 9px;
		font-family: Monaco, "Andale Mono", "Lucida Sans Typewriter", "Lucida Console", monospace;
		text-transform: uppercase;
		}