@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
******************************
	HTML DEFAULTS
******************************
*/

html { background: #484C57 url(/media/layout/bg-html.jpg) 0 0 repeat-x; }
body { font:16px/22px Helvetica, Arial, sans-serif; color:#FFFDC2; }
body.home { background: url(/media/layout/header-bg.jpg) center top no-repeat; }

h1, h2 { font: 24px/27px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #dbe80b; font-weight: normal; }
h1 a, h2 a { color: #dbe80b; }
h1 a:hover, h2 a:hover { color: #fffb8d; }
h3 { font: 12px/16px Helvetica, Arial, sans-serif; color: #dbe80b; text-transform: uppercase; font-weight: bold; }

a { color: #FFFB8D; text-decoration: none; }
#blog-content a { color: #eee964; }
#blog-content h2 a { color: #DBE80B; }
a:hover, a:active { color: #FFFDC2; text-decoration: underline; }
sup { font-size: 0.5em; }

ul { list-style: none; }
ul li { margin: 12px 0; }

ol li { margin: 12px 24px; }

label { display: block; margin-top: 4px; }

table { background-color: #4F6175; width: 460px; border: 1px solid #A9B21C; border-top: 1px solid #EEEB76; border-left: 1px solid #EEEB76; }
tr {  }
th { padding: 3px 8px; border: 1px solid #fff; font-weight: normal; }
td { padding: 2px 4px; border: 1px solid #fff; text-align: center; }

/*
******************************
	GLOBAL STYLES
******************************
*/

#wrapper { width: 960px; margin: 0 auto; height: 600px; }

#header { position: relative; height: 232px; color: #382504; }
	#header a { color: #382504; }
	#top-nav { position: absolute; right: 8px; top: 3px; }
	#top-left-nav { position: absolute; left: 0; top: 3px; }
		#top-nav a, #top-left-nav a { color: #382504; font-weight: bold; }
			#top-nav a:hover, #top-nav a:active {  }
		#top-nav ul, #top-left-nav ul { margin: 0; }
			#top-nav ul li, #top-left-nav ul li { float: left; margin: 0 4px; }
				#top-nav ul li a, #top-left-nav ul li a { display: block; padding: 3px 5px; }
	#logo { position: absolute; left: 0; bottom: 16px; z-index: 999; }
	body.home #logo { bottom: 30px; }
		#logo a { display: block; padding: 20px 10px 20px 0; }
	#header-graphic { position: absolute; right: 12px; bottom: 0; }
	#social-callout { position: absolute; top: 30px; right: 20px; z-index: 9999; }
		#social-callout span { font-size: 0.7em; text-transform: uppercase; }
		#social-callout img { margin: 3px 3px 0 0; }
	#callout { position: absolute; top: 92px; right: 24px; }
	#callout.logged { top: 44px; left: 36px; }
	#callout.home { top: 46px; left: 0; }

#main { float: right; width: 774px; }
#reverse #main { float: left; }
	#main img { border: 3px solid #FFFB8D; }
	#content { float: left; width: 468px; }
	body.home #content { position: relative; top: -136px; }
	#flip #content { float: right; }
	#content.narrow { width: 408px; }
	#content.wide { width: 528px; }
	#content.extra-wide { width: 640px; }
		#intro { margin-bottom: 16px; }
		
	#home-slides { position: relative; background: url(/media/images/home-slide.jpg) no-repeat; width: 448px; height: 338px; }
		#home-slides-container { width: 448px; height: 338px; position: relative; }
		#home-slides img { display: block; border: none; position: absolute; left: 10px; top: 10px; display: none; width: 428px; height: 318px; }
		#home-slides img.show { display: block; }
		#home-slides-overlay { position: absolute; bottom: 10px; left: 10px; width: 416px; z-index: 999; background: url(/media/images/overlay-bg.png); color: #ccc; padding: 6px; font-size: 0.85em; line-height: 1.4em; }
			#home-slides-overlay a { color: #ffffc3; }
			#home-slides-overlay a:hover, #home-slides-overlay a:active { color: #f5f574; }
		#home-slides-captions { display: none; }

		
	ul#from-the-guide, ul#guide-latest { clear: both; margin: 0 0 12px; }
		ul#from-the-guide li, ul#guide-latest li { float: left; width: 226px; height: 112px; margin: 2px 8px 2px 0; overflow: hidden; }
		ul#from-the-guide li.first { margin-left: 0; clear: both; }
		
		ul#from-the-guide img, ul#guide-latest img { float: left; width: 68px; height: 74px; border: 2px solid #FFFB8D; margin: 5px 6px 0 0; }
		ul#from-the-guide h3, ul#guide-latest h3 { margin: 0; font-size: 13px; }
		ul#from-the-guide h3 a:link, ul#from-the-guide h3 a:visited, ul#guide-latest a:link, ul#guide-latest a:visited { color: #DBE80B; }
		ul#from-the-guide p, ul#guide-latest p { margin: 2px 0; font-size: 14px; line-height: 18px;  }
			ul#from-the-guide p a, ul#guide-latest p a { color: #FFFDC2; text-decoration: none; }
			
		ul#guide-latest li { width: 468px; height: auto; margin: 0 0 12px; }
		ul#guide-latest h3 { margin-top: 5px; }
		ul#guide-latest p { padding-top: 4px; }
	
	h2#guideh2 { margin-bottom: 6px; }		
	p#read-guide { margin: 0; }
		
		#featured-destination {  }
			#featured-destination h3 { font: 20px/25px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #FFFB8D; font-weight: normal; text-transform: none; }
			
		#feature-article {  }
			#feature-article h3 { font: 20px/25px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #FFFB8D; font-weight: normal; text-transform: none; }
		#feature-caption p { color: #FFFB8D; font-size: 14px; line-height: 17px; }
	
	#sidebar { float: right; width: 280px; }
	#flip #sidebar { float: left; }
	#sidebar.narrow { width: 200px; }
	#sidebar.wide { width: 340px; }
		ul#top-deals, ul#pop-deals { font-size: 13px; line-height: 18px; margin-bottom: 8px; }
			ul#top-deals li { padding: 3px 0 8px; }
			ul#top-deals strong, ul#pop-deals strong { font-size: 17px; font-weight: normal; }

#navigation { float: left; width: 150px; padding-top: 6px; }
#reverse #navigation { float: right; }
	#navigation li { margin: 8px 0; padding-left: 4px; line-height: 1.15em; border-bottom: 1px solid #5A81A2; }

#footer { width: 100%; clear: both; padding: 48px 0 24px; }
	#footer-graphic { float: left; width: 340px; }
	#footer-info { float: right; width: 620px; text-align: right; }
	

/*
******************************
	PAGE SPECIFIC
******************************
*/

ul#list li { border-left: 1px solid #516981; border-top: 1px solid #698dac; padding-top: 4px; padding-left: 6px; margin-bottom: 18px; }
#category-thumb { width: 64px; height: 64px; margin-top: 4px; border: 3px solid #eeeb76; float: left; }
	#category-thumb a { display: block; width: 64px; height: 64px; }
		#category-thumb a span { display: none; }
#category-text { float: left; padding-left: 10px; }

#video-intro { width: 150px; height: 126px; border: 3px solid #EEEB76; }

p#photo-by-front { font-size: 0.7em; line-height: 1.5em; margin: 0 3px 0 0; text-align: right; }

#info-box a { text-decoration: underline; }

#top-deals em { font-size: 1.2em; font-weight: bold; }

form#form-register { margin-left: 4px; }
form#form-register-new {  }
	ul li.sides { float: left; width: 168px; margin-left: 8px; margin-right: 12px; margin-top: 0; }
	ul#category-checks li { width: 164px; float: left; margin: 6px 14px 6px 6px; }
form#form-login { margin: 20px 8px; }
form.indent { margin-left: 8px; }

ul#info-basic { float: left; width: 348px; margin: 0; }
ul#info-contact { float: right; width: 400px; margin: 0; }
li#subcategoryLI { height: 48px; }

li#uriLI { border: 1px solid #d66; padding: 6px; width: 270px; background-color: #4B5767; }
	li#uriLI p { margin: 0; }

ul#list strong { font-size: 21px; letter-spacing: -1px; }
ul#list a:hover, ul#list a:active { color: #DBE80B; text-decoration: none; }

#google-map { border: 3px solid #FFFB8D; width: 274px; height: 300px; margin-top: 16px; overflow: hidden; }
#google-map-small { border: 3px solid #FFFB8D; width: 124px; height: 136px; margin-top: 3px; margin-left: 8px; overflow: hidden; float: right; }
#google-map-large { border: 3px solid #FFFB8D; width: 468px; height: 264px; margin-top: 16px; overflow: hidden; }

#contact-block p { font-size: 1.0em; }

#yt-home { border: 3px solid #FFFB8D; width: 274px; height: 227px; }
#yt-page { border: 3px solid #FFFB8D; width: 462px; height: 370px; }


p.daily-link { text-align: center; font-size: 0.95em; margin: 6px 0 16px; }

input.fixed-input { width: 280px; }

ul.expand { display: none; }

ul#video-list {  }
	ul#video-list li p a { font-size: 20px; line-height: 23px; letter-spacing: -1px; }
	
ul#blog-categories li { margin: 6px 0; border-bottom: 1px solid #5A81A2; }
	ul#blog-categories li a { display: block; }
	
p.blog-dateline { margin: 32px 0 4px; border-bottom: 1px solid #698dac; font-size: 0.85em; width: auto; }
p.blog-dateline.first { margin-top: 0; }
	p.blog-dateline span { background-color: #738a9e; padding: 0 3px; }
h2.blog-title { margin-top: 0; }

h1#guide { margin-bottom: 0; }
#guide-intro { float: left; width: 512px; margin: 0; }

#category-intro { float: left; width: 482px; }

#guide-sponsor { float: right; width: 250px; }
	#guide-sponsor h3 { margin: 14px 0 4px; }
	#guide-sponsor p { float: left; width: 172px; color: #FFFB8D; font-size: 14px; line-height: 17px; margin: 0; }
	#guide-sponsor img { float: right; width: 68px; height: 74px; border: 2px solid #FFFB8D; margin-top: 16px; }
	
#category-sponsor { float: right; width: 280px; margin-bottom: 12px; }
	#category-sponsor h3 { margin: 14px 0 4px; }
	#category-sponsor p { float: left; width: 202px; color: #FFFB8D; font-size: 14px; line-height: 17px; margin: 0; }
	#category-sponsor img { float: right; width: 68px; height: 74px; border: 2px solid #FFFB8D; margin-top: 16px; }

ul#guide-categories { clear: both; margin: 4px 0; }
	ul#guide-categories li { float: left; width: 250px; height: 112px; margin-left: 12px; overflow: hidden; }
	ul#guide-categories li.first { margin-left: 0; clear: both; }
	
	ul#guide-categories img { float: left; width: 68px; height: 74px; border: 2px solid #FFFB8D; margin: 5px 6px 0 0; }
	ul#guide-categories h3 { margin: 6px 0 4px; font-size: 13px; }
	ul#guide-categories h3 a:link, ul#guide-categories h3 a:visited { color: #DBE80B; }
	ul#guide-categories p { margin: 4px 0; }
		ul#guide-categories p a { color: #FFFDC2; text-decoration: none; }
		
#guide-listings { float: left; width: 482px; }

	ul#places {  }
		ul#places li { clear: both; padding: 12px 0; }
			ul#places li strong { display: block; font: 24px/27px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #dbe80b; }
				ul#places li strong a { color: #DBE80B; }
			ul#places li div { float: left; width: 72px; }
				ul#places li div img { width: 68px; height: 74px; border: 2px solid #FFFB8D; margin-top: 8px; }
			ul#places li p { float: right; width: 388px; margin: 2px 0; }

#guide-sidebar { float: right; width: 280px; }
	#guide-caption p { color: #FFFB8D; font-size: 14px; line-height: 17px; padding: 0 2px; }
		
	#category-extra {  }
		#category-extra h2 { margin: 20px 0 10px; }
		#category-extra a:link, #category-extra a:visited { color: #DBE80B; }
		
p#breadcrumbs { margin-top: 0; }

#pricing table tr td i { color: #eeeb76; }

#profile-tweets { margin-top: 20px; padding: 7px; background-color: #4F6072; }
	#profile-tweets h2 { margin-top: 0; }

/*
******************************
	UTILITY CLASSES
******************************
*/

input#submits { margin-top: 6px; display: block; }
div.clear { overflow:hidden; height:1px; clear:both; }
li.clear { clear: both; }
.hang { padding-top: 4px; }
span.rq { font-size: 1.3em; }
.yellow { color: #EEEB76; }
.hidden { display: none; }

.tight { margin-top: 0; }
.snug { margin-bottom: 0; }

h1.close { margin-bottom: 0; }

ul.list { padding-left: 16px; }
	ul.list li { list-style: disc; margin: 4px 0; }

.hitch { display: none; }

.alignRight { float:right; margin:0 0 12px 12px; }
.alignLeft { float:left; margin:0 12px 12px 0; }
.small { font-size: 0.8em; line-height: 1.5em; }
.footnote { font-size: 0.8em; font-style: italic; }

.error { color: #f66; font-size: 15px; font-weight: bold; }