/* simple reset */
* { 
	margin: 0; 
	padding: 0; 
}

a img { 
	border: 0 ; 
}

/* debug */
pre.debug {
	background: black;
	color: white;
	font-size: 10px;
	padding: 10px;
}

/* global */
body {
	color: #6b5c67;
	background-color: #dfd8c6;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

#container {
	width: 998px;
	min-height: 700px;
	margin: 25px auto;
	position: relative;
}

/* header */
#header {
	height: 260px;
	background: transparent url("/assets/gfx/bg/header.png") no-repeat scroll 0 0;
	position: relative;
}

	#header #title {
		position: absolute;
		top: 5px;
		left: 35px;
	}
	
	#header #slide-show {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 998px;
		height: 198px;
	}
	
	#header #tagline {
		/* color: #fff; */
		color: #333;
		position: absolute;
		top: 40px;
		left: 40px;
		font-size: 12px;
	}
	
/* header navigation */
#nav-header {
	float: right;
	margin: 10px 8px 0 0;
	list-style: none;
}

	#nav-header li {
		width: 108px;
		text-align: center;
		float: left;
	}
	
	#nav-header a {
		font-size: 12px;
		text-decoration: none;
	}
	
	#nav-header a:link { color: #666; }
	#nav-header a:visited { color: #666; }
	#nav-header a:hover { color: #fff; }
	#nav-header a:active { /* empty */ }
	
/* footer */
#footer {
	text-align: center;
}
	
/* footer navigation */
#nav-footer {
	text-align: center;
	color: #c96;
	margin-top: 5px;
}

	#nav-footer li {
		display: inline;
		padding: 0 20px;
		border-right: solid 1px #c96;
	}
	
	#nav-footer li.last {
		border-right: 0;
	}
	
	#nav-footer a {
		font-size: 10px;
		text-decoration: underline;
	}
	
	#nav-footer a:link { color: #c96; }
	#nav-footer a:visited { color: #c96; }
	#nav-footer a:hover { color: #fff; }
	#nav-footer a:active { /* empty */ }
	
	#nav-footer img {
		vertical-align: middle;
	}
	
/* content */
#content {
	background-color: #fff;
	min-height: 460px;
	padding: 0 0 40px 260px; /* change */
	position: relative;
}

	/* content elements */
	#content h1 {
		font-family: georgia, times, serif;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: .125em;
		padding: 20px 0;
	}
	
	#content h2 {
		/* font-size: 12px; */
		font-size: 13px;
		margin: 0 0 5px 0; /* change */
	}
	
	#content p {
		/* font-size: 12px; */
		font-size: 13px;
		line-height: 18px;
		margin: 0 60px 20px 0; /* change */
	}
	
	#content ul {
		margin: 0 0 20px 300px;
	}
	
	#calendar #content ul {
		margin-left: 100px;
	}
	
	#content a { text-decoration: underline; }
	#content a:link { color: #c63; }
	#content a:visited { color: #c63; }
	#content a:hover { background-color: #c63; color: #fff; }
	#content a:active { /* empty */ }


/* widget */
#widget {
	width: 260px;
	height: 420px;
	background: transparent url("/assets/gfx/widget/bg-textile.jpg") no-repeat scroll 0 0;
	float: left;
	position: relative;
	z-index: 1;
}

	#widget #copy-overlay {
		width: 158px;
		height: 242px;
		background: transparent url("/assets/gfx/widget/copy-overlay.png") no-repeat scroll 0 0;
		margin: 40px 0 0 55px;
		position: relative;
	}
	
	#widget #copy-overlay select {
		position: absolute;
		top: 70px;
		left: 0;
		width: 156px;
		font-size: 9px;
	}
	
	#widget #copy-overlay #specials_go {
		position: absolute;
		top: 115px;
		left: 50px;
		font-size: 10px;
	}

	#widget #copy-overlay #enews-field {
		position: absolute;
		top: 169px;
		left: 5px;
		width: 147px;
		height: 10px;
		border: 0;
		padding: 0;
		font-size: 9px;
	}

	#widget #copy-overlay #enews-subscribe {
		position: absolute;
		top: 182px;
		left: 105px;
		font-size: 9px;
	}
	
	#widget #copy-overlay #tvg-link {
		width: 160px;
		height: 15px;
		position: absolute;
		top: 220px;
		left: 0px;
	}
	
		#widget #copy-overlay #tvg-link a:hover {
			background-color: transparent;
		}
		
			#widget #copy-overlay #tvg-link a img {
				width: 160px;
				height: 15px;
			}
			
	#widget #tsp-logo {
		position: absolute;
		top: 320px;
		left: 60px;
	}
	
		#widget #tsp-logo a:hover {
			background-color: transparent;
		}

/* widget (NEW) */
#widget-new {
	background: transparent url("/assets/gfx/widget/bg-tsp-widget.png") no-repeat;
	color:#FFFFFF;
	/* text-align:center; */
	text-align: left;
	/* width: 265px; */
	/* width: 200px; */
	width: 150px;
	padding-left: 50px;
	/* padding: 0; */
	margin-top: 20px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 9px;
	/* top: -23px; */
	position: absolute;
	top: 0;
	left: 32px;
	-moz-box-shadow: 0 10px 20px #999966;
	-webkit-box-shadow: 0 10px 20px #999966;
}

	#widget-new h2,
	#calendar #widget-new h2,
	#places #widget-new h2,
	#experiences #widget-new h2 {
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 0;
		margin: 0 0 0 8px;
		padding: 0;
		color: #999;
		position: absolute;
		/* top: -15px; */
		/*  left: 20px; */
		background-color: transparent;
		height: 10px;
		width: 100%;
		left: 0;
		top: -14px;
		text-shadow: 0 1px 1px #fff;	
		white-space: nowrap;
	}
	
	#widget-new h3,
	#calendar #widget-new h3,
	#places #widget-new h3,
	#experiences #widget-new h3{
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: .25px;
		/* margin: 0 0 0 15px; */
		margin: 0;
		padding: 14px 0 2px 0;
		text-shadow: 0 2px 2px #330;
		font-weight: bold;
	}
	
		#widget-new span {
			text-transform: lowercase;
		}
		
	#widget-new select,
	#widget-new input {
		/* width: 150px; */
		width: 120px;
		font-size: 9px;
		color: #666;
		text-align: center;
	}
	
	#widget-new input {
		height: 10px;
		padding: 0;
	}
	
	#widget-new input.submit {
		width: 60px;
		height: auto;
		color: #333;
		font-size: 9px;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 4px;
		right: 9px;
		height: 18px;
		line-height: 1em;
	}
	
	#widget-new #widget_free_vacation_guide_a1,
	#widget-new #widget_free_vacation_guide_a2 {
		width: 60px;
		height: 18px;
	}
	
	#widget-new .widget-option {
		height: 72px;
		margin-bottom: 4px;
		position: relative;
	}

		#widget-new #widget-option-4 {
			margin-bottom: 0;
		}
	
		#widget-new #widget-option-4 img {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		
		#widget-new #widget-option-4 h3 {
			padding-bottom: 5px;
			margin-left: 0;
		}
		
		#widget-new #widget-option-4 a {
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			line-height: 11px;
		}
		
		#widget-new #widget-option-4 strong {
			 color: #999966;
			 font-style: italic;
			 padding: 0 2px;
		}
		
		/* 
		#widget-new #widget-option-4 form {
			margin: 0;
			padding: 0;
			display: inline;
		}
		
		#widget-new #widget-option-4 form#print-form {
				display: block;
				margin-top: 2px;
		}
		
		#widget-new #widget-option-4 input {
			position: static;
			margin-left: 15px;
		}
		*/
		
	#widget-new #tsp-logo {
		margin: 10px 0 10px -20px;
	}
	
		#widget-new #tsp-logo a { background-color: #fff; }
		
		
		
		

/* places */
#places {
	/* empty */
}

	#places #content {
		/* min-height: 1249px; */
		min-height: 1550px;
		position: relative;
	}
	
	#places #places-text {
		margin-top: -20px;
		margin-bottom: 20px;
		margin-left: 0; /* change */
	}
	
		#places #places-text p {
			margin: 10px 250px 5px 0;
		}

	#places #place-detail {
		position: absolute;
		top: 0;
		right: 0;
		border: solid 9px #b8b7a6;
		width: 404px; /* total 322px: 9 + 304 + 9 =  */
		/* height: 454px; */ /* total: 462px: 9 + 454 + 9 */
		height: auto;
		overflow: auto;
	}
	
		#places #place-detail h2 {
			font-size: 14px;
			font-weight: normal;
			letter-spacing: .125em;
			margin: 18px 0 10px 9px;
		}
		
		#places #place-detail img {
			margin: 0 0 10px 9px;
		}
		
		#places #place-detail .desc {
			margin: 0 0 14px 9px;
		}
		
		#places #place-detail p {
			margin: 0 10px 10px 0;
			/* font-size: 11px; */
			font-size: 12px;
			line-height: 14px;
		}
		
		#places h2.hs-name {
			font-size: 14px;
			font-weight: normal;
			letter-spacing: .125em;
			margin: 18px 0 10px 9px;
		}
		
		#places img.hs-image {
			margin: 0 9px 10px 9px;
			float: right;
			border: solid 1px #ccc;
		}
		
		#places div.hs-desc {
			margin: 0 0 14px 9px;
		}
		
		#places div.hs-desc p {
			margin: 0 10px 10px 0;
			font-size: 12px;
			line-height: 14px;
		}
		
		#places div.hs-desc a { text-decoration: underline; }
		#places div.hs-desc a:link { color: #c63; }
		#places div.hs-desc a:visited { color: #c63; }
		#places div.hs-desc a:hover { background-color: #c63; color: #fff; }
		#places div.hs-desc a:active { /* empty */ }
		
	#places h2 {
			margin-left: 0;
		}
		
	#places h3 {
		font-weight: normal;
		/* font-size: 12px; */
		font-size: 13px;
		margin: 0 0 5px 0;
	}
	
	#places h3 a { text-decoration: underline; }
	#places h3 a:link { color: #6b5c67; }
	#places h3 a:visited { color: #6b5c67; }
	#places h3 a:hover { color: #cc6633; background-color: transparent; }
	#places h3 a:active { /* empty */ }
	
	#places .catwrapper {
		margin: 0 0 25px 0; /* change */
	}
	
	#places #right-column-image {
		float: right; 
		width: 200px;
		margin: -40px 25px 0 25px;
	}
	
/* experiences */
#experiences {
	/* empty */
}

	#experiences #content {
		/* min-height: 1249px; */
		min-height: 1550px;
		position: relative;
	}
	
	#experiences #experiences-text {
		margin-top: -20px;
		margin-bottom: 20px;
		margin-left: 0; /* change */
	}
	
		#experiences #experiences-text p {
			margin: 10px 250px 5px 0;
		}

	#experiences #experience-detail {
		position: absolute;
		top: 0;
		right: 0;
		border: solid 9px #b8b7a6;
		width: 404px; /* total 322px: 9 + 304 + 9 =  */
		/* height: 454px; */ /* total: 462px: 9 + 454 + 9 */
		height: auto;
		overflow: auto;
	}
	
		#experiences h2.hs-name {
			font-size: 14px;
			font-weight: normal;
			letter-spacing: .125em;
			margin: 18px 0 10px 9px;
		}
		
		#experiences img.hs-image {
			margin: 0 9px 10px 9px;
			float: right;
			border: solid 1px #ccc;
		}
		
		#experiences div.hs-desc {
			margin: 0 0 14px 9px;
		}
		
		#experiences div.hs-desc p {
			margin: 0 10px 10px 0;
			font-size: 12px;
			line-height: 14px;
		}
		
		#experiences div.hs-desc a { text-decoration: underline; }
		#experiences div.hs-desc a:link { color: #c63; }
		#experiences div.hs-desc a:visited { color: #c63; }
		#experiences div.hs-desc a:hover { background-color: #c63; color: #fff; }
		#experiences div.hs-desc a:active { /* empty */ }
		
	#experiences h2 {
			margin-left: 0;
		}
		
	#experiences h3 {
		font-weight: normal;
		/* font-size: 12px; */
		font-size: 13px;
		margin: 0 0 5px 0;
	}
	
	#experiences h3 a { text-decoration: underline; }
	#experiences h3 a:link { color: #6b5c67; }
	#experiences h3 a:visited { color: #6b5c67; }
	#experiences h3 a:hover { color: #cc6633; background-color: transparent; }
	#experiences h3 a:active { /* empty */ }
	
	#experiences .catwrapper {
		margin: 0 0 25px 0; /* change */
	}
	
	#experiences #right-column-image {
		float: right; 
		width: 200px;
		margin: -40px 25px 0 25px;
	}
	
	
/* calendar */
#calendar {
	/* empty */
}

	#calendar #listing-add {
		position: absolute;
		top: 20px;
		left: 360px;
		font-weight: bold;
	}
	
	#calendar #calendar-text {
		margin-left: 0; /* change */
	}
	
		#calendar #calendar-text p {
			margin-top: 10px;
			margin-bottom: 5px;
			margin-left: 0;
		}
	
	#calendar #listing-sort {
		float: right;
		margin: 10px 30px 0 0;
	}
	
	#calendar #listing-navigation {
		float: right;
		margin: 12px 10px 20px 0;
	}
	
	#calendar ul#months {
		list-style: none;
	}
	
		#calendar ul#months li {
			float: left;
			width: 100px;
		}
		
		#calendar ul#months a { text-decoration: none; }
		#calendar ul#months a:link { color: #6b5c67; }
		#calendar ul#months a:visited { color: #6b5c67; }
		#calendar ul#months a:hover { color: #ccc; }
		#calendar ul#months a:active { /* empty */ }
		
		#calendar .date {
			font-style: italic;
			font-size: 13px;
		}
		
		#calendar h1 {
			padding-bottom: 0;
		}
		
		#calendar h3,
		#calendar p.message {
			clear: right;
		}
		
		#calendar h3 {
			margin: 0 0 5px 5px; /* change */
		}
		
		#calendar p.message {
			margin: 5px 0 20px 0;
			font-weight: bold;
			color: #c96;
		}	
		
		#calendar h4 {
			/* font-size: 12px; */
			font-size: 13px;
			color: #c96;
		}
		
		#calendar .listing-slot {
			margin: 0 0 20px 5px; /* change */
		}
		
			#calendar .listing-slot .desc {
				/* font-size: 12px; */
				font-size: 13px;
				margin: 0 100px 2px 2px;
			}
			
/* win trip entry form */
#win_trip form {
	margin-left: 0; /* change */
}

	#about #content p.enterlink {
		font-size: 13px;
	}
	
	#win_trip form .field {
		margin-bottom: 5px;
	}
	
	#win_trip .info {
		margin: -10px 0 10px 0;
	}
	
	#win_trip .required {
		color: #c63;
		padding: 0 0 0 2px;
	}
	
	#win_trip .back {
		margin: 0 0 10px 0; /* change */
	}
	
	#win_trip .error {
		padding: 20px 0 20px 0;
		color: #c63;
	}
	
		#win_trip .error p {
			margin-bottom: 5px;
		}
		
		#win_trip .error ul {
			margin: 0 0 10px 280px;
		}
	
	#win_trip .hotelfield,
	#win_trip .visitedfield,
	#win_trip .interestfield {
		margin: 10px 0 0 0;
	}
	
	#win_trip .interestfield {
		clear: left;
	}
	
		#win_trip .hotelfield select#hotel,
		 #win_trip .interestfield select#interest {
			margin: 2px 0 0 0;
		}
		
		#win_trip .visitedfield input,
		#win_trip .visitedfield div.label {
			float: left;
		}
	
		#win_trip .visitedfield div.fieldquest {
			margin: 0 0 2px 0;
		}
	
		#win_trip .visitedfield div.label {
			margin: 0 15px 10px 3px;
		}
		
		#win_trip #submitfield {
			margin: 20px 0 0 0;
		}
		
	#win_trip h1.post-entry {
		text-transform: none;
	}
	
/* taos haiku */
#twitter-widget {
	margin: -20px 20px 0 0;
}

	#content #twitter-widget a:hover {
		background-color: transparent;
	}
	
	
/* flickr feed on Taos Icons page */
#about #flickr-feed {
	margin: 0 40px 0 0; /* change */
}	

	#about #flickr-feed img {
		margin: 3px;
	}
	
	#about #content #flickr-feed a:hover {
		background-color: white;
	}
		
/* home */
#home {
	/* empty */
}

	#home #content {
		/* min-height: 400px; */
	}
	
	#home a#cloud {
		float: right;
		margin: 20px 80px 0 0;
	}
	
	#home a#cloud:hover { 
		background-color: transparent;
	}
	
/* related to scriptaculous simple-slideshow */
#slide-images {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 998px;
	height: 198px;
	overflow: hidden;
}

	#slide-images li {
		position: absolute;
		display: block;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
	}
	
		#slide-images li img {
			display: block;
			background-color: #FFFFFF;
		}

/* utility */
.hide {
	display: none;
}

select option {
	padding: 0 1px 1px 1px;
}