/*
Oregon Coast Visitors Association

author: Cory Duncan of Substance Inc / findsubstance.com

colors:
	brown L		fffdf6
	brown M		e5debf
	brown D		beb59a
	brown DD	948967
	red			d2232a
	blue		83a0b2
*/

/* -- reset -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent no-repeat 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	}
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/* -- elements -- */
body { 
	background: #fffdf6;
	color: #444;
	font-size: 12px;
	line-height: 1.5; /* 18px */
	}
a {
	border-bottom: 1px solid #beb59a;
	color: #444;
	text-decoration: none;
	}
a:hover {
	border-color: #d2232a;
	color: #d2232a;
	}
h1, h2, h3, h4 {
	color: #948967;
	font-weight: normal;
	line-height: 1;
	}
h1 a, h2 a, h3 a, h4 a {
	border-bottom-color: transparent;
	color: #d2232a;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	border-bottom-color: #d2232a;
	}
h1 {
	font-size: 24px;
	height: 68px;
	line-height: 1.125em; 
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;	
	}
h2 { 
	font-size: 24px;
	line-height: 1.125em; 
	margin: 0 0 0.125em;
	}
h3 { 
	font-size: 18px; 
	line-height: 1.1666em;
	margin: 0 0 0.6666em;
	}
h4 { 
	font-size: 14px;
	line-height: 1.0714em;
	margin: 0 0 0.2142em;
	}
p {
	margin: 0 0 1em;
	}


/* -- structure -- */
.col {
	float: left;
	}
#wrap {
	background-image: url(/img/bg.jpg);
	margin: 0 auto;
	min-height: 600px;
	padding: 75px 0 20px 200px;
	position: relative;
	width: 700px;
	}
#main { 
	float: left;
	overflow: hidden;
	padding: 1em 0 0;
	width: 450px;
	}
#sub { 
	float: right;
	padding: 1em 0 0;
	position: relative;
	right: 5px;
	width: 220px;
	}
#alt { 
	margin: 0 0 24px;
	overflow: hidden;
	width: 100%;
	}
#alt #main {
	padding: 0;
	width: 357px;
	}
#alt #sub { 
	padding: 0;
	right: 0;
	width: 322px;
	}


/* -- main content -- */ 
a.more {
	background: url(/img/icons/arrow.png) no-repeat 100% 50%;
	border-bottom-color: transparent;
	color: #d2232a;
	padding: 0 8px 0 0;
	}
a.more:hover {
	border-bottom-color: #d2232a;
	}
a.img {
	border: 0;
	}
h2.alt {
	border-bottom: 1px solid #beb59a;
	padding: 0 0 0.375em;
	}
.sec {
	margin: 0 0 1em;
	overflow: hidden;
	width: 100%;
	}
.sec img {
	float: left;
	margin: 0 9px 0 0;
	}
.sec p {
	margin: 0;
	}
#logo {
	background-image: url(/img/logo-screen.png);
	border: 0;
	height: 97px;
	left: 146px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 11px;
	width: 110px;
	z-index: 1;
	}
a#logo:hover { background-position: 0 -97px; }
#content {
	background: url(/img/border.png) repeat-x 0 0;
	margin: 0 0 24px;
	padding: 12px 0 0;
	width: 100%;
	}
#flash { margin: 0 0 0.25em; }
#flash, #flash img { display: block; }
#main h1 {
	background-image: none;
	height: auto;
	margin: 0 0 0.5em;
	overflow: visible;
	text-indent: 0;
	width: auto;
	}
#main .col { 
	border-bottom: 1px solid #beb59a;
	font-size: 11px;
	line-height: 1.3636em;
	padding: 0 0 1.0909em;
	width: 218px;
	}
#main .col h3 { 
	height: 39px;
	overflow: hidden; 
	text-indent: -9999px;
	width: 100%;
	}
#main .col p { margin: 0; }
#main .sec:last-child { margin: 0; }
.disclaimer {
	color: #999;
	font-size: 11px;
	line-height: 1.3636em;
	margin: 1.0909em 0;
	}
.disclaimer-alt { border-top: 1px solid #beb59a; padding: 1.0909em 0 0; }

/* - cms - */
.cms h2 {
	margin: 0 0 0.5em;
	}
.cms ul, .cms ol {
	margin: 0 0 1em 27px;
	}
.cms ul li {
	list-style: disc;
	margin: 0 0 0.5em;
	}
.cms ol li {
	list-style: decimal;
	margin: 0 0 0.5em;
	}
.cms img { 
	background: #fffdf6;
	border: 1px solid #beb59a;
	display: block;
	margin: 0 0 1em;
	padding: 8px;
	}
.cms .caption { margin: 0 0 1em; }
.cms .caption img { margin: 0 0 6px; }
.cms .caption span {
	color: #948967;
	display: block;
	font-size: 11px;
	line-height: 1.3636em;
	margin: 0 9px;
	}
.cms .alignright {
	float: right;
	margin: 0 0 1em 20px;
	}
.cms .alignleft {
	float: left;
	margin: 0 20px 1em 0;
	}
.cms .aligncenter {
	display: block;
	margin: 0 auto 1em;
	}
	
/* - buttons - */
a.all, a.url, a.map, a.email, a.share { 
	border: 0;
	display: block;
	height: 20px;
	margin: 0.5em 0 0;
	overflow: hidden;
	text-indent: -9999px;
	}
a.url:hover, a.map:hover, a.email:hover, a.share:hover { background-position: 0 -20px; }
a.map { background-image: url(/img/buttons/map-this.png); width: 82px; }
a.share { background-image: url(/img/buttons/share.png); width: 106px; }
a.url { background-image: url(/img/buttons/visit-website.png); width: 86px; }
a.all { background-image: url(/img/buttons/view-all.png); background-position: 100% 0; width: 100%; }
a.all:hover { background-position: 100% -20px; }
.btn { overflow: hidden; width: 100%; }
.btn a { float: left; margin: 0.5em 9px 0 0; }

/* - social links - */
.social {
	overflow: hidden;
	width: 100%;
	}
.social li {
	float: left;
	}
#sub .social li {
	margin: 0 5px 0 0;
	}
.social a {
	background-image: url(/img/icons/social.png);
	border: 0;
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
	}
.social a:hover {
	opacity: .8;
	}
.facebook a {
	background-position: -42px 0;
	}
.flickr a {
	background-position: -84px 0;
	}
.youtube a {
	background-position: -126px 0;
	}

/* - listing - */
.lst { overflow: hidden; width: 100%; }
.lst p { margin: 0; }
.lst img { float: left; margin: 0 9px 0 0; }
.lst li {
	border-top: 1px solid #e5debf;
	margin: 1em 0 0;
	overflow: hidden;
	padding: 1em 0 0;
	width: 100%;
	}
.lst li.alt {
	background: url(/img/border-double.png) repeat-x 0 2px;
	border-color: #beb59a;
	padding-top: 1.5em;
	}
.lst li.first, #sub .lst li.first {
	border: 0;
	margin-top: 0;
	padding-top: 0;
	}
.lst .contact {
	font-style: italic;
	margin: 0 0 0.5em;
	}
#alt #main .lst { border-bottom: 1px solid #beb59a; border-top: 1px solid #beb59a; padding: 1em 0; }
#alt #main .paging { background-image: url(/img/paging-sm-bg.png); border-bottom: none; margin: 0; }
#alt #main .paging-alt { border-bottom: 1px solid #beb59a; border-top: none; }

/* - paging - */
.paging {
	background: url(/img/paging-bg.png) no-repeat 0 50%; 
	border-top: 1px solid #beb59a; border-bottom: 1px solid #beb59a;
	color: #666;
	line-height: 1em;
	margin: 0 0 1em;
	padding: 0.5em 0;
	word-spacing: 3px;
	text-align: center;
	}
.paging span { color: #d2232a; }
.paging-alt { margin: 1em 0 0; }

/* - ads - */
.ads {
	margin: 0 0 20px;
	text-align: center;
	}
.ads a {
	border: 0;
	}
.ad, .ad img {
	vertical-align: top;
	}
.ad {
	display: inline-block;
	}
.ad-125x125 .ad {
	margin: 0 3px;
	}
.ad-240x400 {
	margin: 0 -10px;
	}
#alt #sub .ad-240x400 {
	margin: 0;
	}
	
/* - share story - */
#share-story {
	clear: both;
	height: 30px;
	margin: 0;
	overflow: hidden;
	padding: 1em 0 0;
	position: relative;
	text-indent: -9999px;
	width: 100%;
	}
#share-story a {
	background-image: url(/img/buttons/share-story.png);
	border: 0;
	bottom: 0;
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%;
	}
#share-story a:hover { background-position: 0 -30px; }
#sub #share-story { padding: 5px 0 0; }
#sub #share-story a { background-image: url(/img/buttons/sub-share-story.png); }

/* - post - */
.post .meta, .lst .meta {
	color: #777;
	font-style: italic;
	margin: 0 0 0.5em;
	}
.post .meta:before, .lst .meta:before { content: "~ "; }
.post .meta strong, .lst .meta strong { color: #555; }
#main .post h1 { margin: 0 0 0.25em; }
.excerpt p {
	display: inline;
	}

/* post: comments */
#comments { position: relative; }
#comments h3 { margin: 0.6666em 0 0; }
#comments .respond {
	background: url(/img/respond-bg.gif) no-repeat 100% 12px;
	border: 1px solid #beb59a; border-left: none; border-right: none;
	padding: 9px 0;
	}	
#comments .respond h3 { display: none; }
.js #comments .respond h3 {
	background-image: url(/img/buttons/leave-comment.png);
	display: block;
	height: 20px;
	margin: 0;
	padding: 0 9px 0 0;
	overflow: hidden;
	text-indent: -9999px;	
	width: 101px;
	}
.js #comments .respond h3 { cursor: pointer; }
.js #comments .respond h3:hover, .js #comments .respond h3.open { background-position: 0 -20px; }
#comments .respond form { 
	border: 0;
	margin: 20px 0 0;
	padding: 0;
	}
.js #comments .respond form { margin: 0; }
#comments .respond form .i {
	border-top: 1px solid #beb59a;
	margin: 9px 0 0;
	padding: 9px 0 0;
	width: 100%;
	}
.js #comments .respond form .i { border-color: #e5debf; }
#comments a.share {
	left: 0;
	margin: 0;
	padding-right: 9px;
	position: absolute;
	top: 10px;
	}
.js #comments a.share { left: 110px; }
#comments ol { border-bottom: 1px solid #beb59a; padding: 0 0 1em; }
#comments li.first { margin: 1em 0 0; }
#comments li p { margin: 0 0 0.25em; }
#comments li .meta { margin: 0; }

/* - intro - */
#intro { 
	float: left;
	margin-top: 1em;
	width: 100%;
	}
#intro p {
	font-size: 13px;
	line-height: 1.3846em;
	margin: 0;
	}
#intro .meta {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 0.5em;
	}

/* - map - */
#map { width: 100%; }
#map h4 { 
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 0.2142em;
	}
#map .location { font-size: 11px; line-height: 1.3636em; }

/* map: sitewide */
#map-f {
	height: 600px;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px;
	}
	
/* - media - */
#media { 
	background-color: #fffdf6;
	border: 1px solid #beb59a;
	float: left;
	margin: 0 0 0.25em;
	padding: 8px;
	width: 682px;
	}
#media img { display: block; }
#media #map { height: 506px; }
#alt #sub #media { 
	background-image: url(/img/sub-media-bg.jpg); 
	float: none;
	margin: 0 0 20px;
	width: 304px;
	}
#alt #sub #media #map {
	float: none;
	height: 428px;
	width: 100%;
	}
	
/* - calendar - */
#cal {
	margin: 1.5em 0 0;
	position: relative;
	}
#cal a {
	border-bottom-color: transparent;
	color: #d2232a;
	}
#cal a:hover {
	border-bottom-color: #d2232a;
	}
#cal h2 {
	margin: 0;
	text-align: center;
	}
#cal h2 a {
	margin: 0 6px;
	}
#cal h3 {
	background-image: url(/img/headers/recurring-events.png);
	height: 39px;
	margin: 0 0 1em;
	text-indent: -9999px;
	width: 100%;
	}
#cal dl {
	border: solid #e5debf; border-width: 1px 0;
	clear: both;
	margin: 0 0 1.5em;
	padding: 0.5em 0;
	position: relative;
	text-align: center;
	top: 1.5em;
	width: 100%;
	}
#cal dt, #cal dd {
	display: inline;
	margin: 0 6px;
	}
#cal dt {
	font-weight: normal;
	}
#cal table {
	clear: both;
	margin: 0 0 2.5em 1px;
	position: relative;
	top: 1.5em;
	width: 698px;
	}
#cal th {
	color: #948967;
	font-weight: bold;
	padding: 0 0 0.25em;
	text-align: center;
	text-transform: uppercase;
	}
#cal td {
	border: 1px solid #beb59a;
	height: 117px;
	vertical-align: top;
	width: 99px;
	}
#cal .prev, #cal .next {
	float: left;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0.3333em 0 0;
	padding: 0 3px;
	}
#cal .next { float: right; }
#cal .date {
	background: #948967;
	color: #fff;
	display: block;	
	font-weight: bold;
	line-height: 1em;
	margin: -1px -1px 3px;
	padding: 6px 9px;
	position: relative;
	}
#cal .event {
	background: #eee8cd;
	border: 1px solid #beb59a; border-left: 0; border-right: 0;
	height: 4.25em;
	font-size: 10px; font-style: italic;
	line-height: 1.4em;
	margin: 3px 0 6px;
	min-height: 3em;	
	padding: 6px 9px;
	position: relative;
	}
#cal .event a { font-size: 11px; font-style: normal; line-height: 1.2727em;}
#cal .span-single { background: none; border-color: transparent; margin-top: 0; }
#cal .span-start { margin-right: -1px; }
#cal .span-mid { margin-right: -1px; }
#cal td:last-child .span-start, #cal td:last-child .span-mid { margin-right: 0; }
#cal .notcurrent .date { background: #ded4b1; }
#cal .today .date { background: #83a0b2; }
#cal .spacer { visibility: hidden; }
#cal .lst .contact { margin: 0; }

/* calendar: view all link - */
a#view-cal {
	background-image: url(/img/buttons/view-cal.png);
	border: 0;
	display: block;
	height: 30px;
	margin: 1em 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 172px;
	}
a#view-cal:hover { background-position: 0 -30px; }

/* - featured - */

/* featured: accommodations */
#feat-accommodations h2 {
	background-image: url(/img/headers/featured-accommodations-alt.png);
	height: 52px;
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
	
/* featured: stories */
#feat-stories {
	border-bottom: 1px solid #BEB59A;
	margin: 0;
	padding: 0 0 0.75em;
	}
#feat-stories h1 {
	background-image: url(/img/headers/featured-stories-alt.png);
	height: 52px;
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}

/* featured: activities */
#feat-activities { 
	border-bottom: 1px solid #beb59a;
	margin: 2em 0;
	padding: 0 0 0.75em;
	}
#feat-activities h2 {
	background-image: url(/img/headers/featured-activities-alt.png);
	height: 44px;
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 450px;
	}
#feat-activities ul { overflow: hidden; width: 100%; }
#feat-activities li { float: left; margin: 0 0 0.25em; width: 150px; }

/* featured: listing */
#featured { margin: 1.5em 0 0; }
#featured h3 {
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
#featured .sec {
	border-bottom: 1px solid #beb59a;
	margin: 0 0 2em;
	padding: 0 0 9px;
	}
#featured .activities h3 { background-image: url(/img/headers/featured-activities.png); }
#featured .accommodations h3 { background-image: url(/img/headers/featured-accommodations.png); }
#featured .dining h3 { background-image: url(/img/headers/featured-dining.png); }
#featured .events h3 { background-image: url(/img/headers/featured-events.png); }


/* -- sidebar -- */
#sub h3 {
	height: 25px;	
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
#sub h4 { 
	font-size: 13px;
	line-height: 1.1538em;
	margin: 0 0 0.2307em;
	}
#sub li { margin: 0.5em 0 0; }
#sub .lst li { margin-top: 0.8181em; padding-top: 0.8181em; }
#sub .lst li.first { margin-top: 0; }
#sub .sec {
	color: #555;
	font-size: 11px;
	line-height: 1.3636em;
	margin: 0 0 1.0909em;
	}
#sub .sec-last { border-bottom: 1px solid #beb59a; padding: 0 0 0.8181em; }
#sub #map a:hover { border: 0; }

/* - sidebar: featured - */
#sub .featured {
	margin: 0 -4px 1.2727em;
	overflow: visible;
	padding: 40px 0 0;
	position: relative;
	width: 228px;
	}
#sub .featured div {
	background-image: url(/img/sub-shadow-top.png);
	padding: 4px 0 0;
	position: relative;	
	width: 100%;
	}
#sub .featured div div { background: url(/img/sub-shadow-btm.png) no-repeat 0 100%; padding: 0 0 4px; }	
#sub .featured div div div { background: url(/img/sub-shadow-bg.png) repeat-y 0 0; padding: 0 4px; width: auto; }
#sub .featured div div div div { 
	background: #fff;
	border: 1px solid #beb59a;
	padding: 8px;
	width: auto;
	}
#sub .featured img { 
	display: block;
	float: none;
	margin: -4px -4px 8px -4px;
	}
#sub .featured h3 {
	height: 45px;
	left: 4px;
	position: absolute;
	top: -1px;
	}
#sub .activities h3 { background-image: url(/img/headers/sub-activities.png); }
#sub .city h3 { background-image: url(/img/headers/sub-featured-city.png); }
#sub .city-stories h3 { background-image: url(/img/headers/sub-city-stories.png); }
#sub .events-calendar h3 { background-image: url(/img/headers/sub-events-calendar.png); }
#sub .help { border-bottom: 1px solid #beb59a; padding: 5px 0 0.8181em; }
#sub .help h3 { background-image: url(/img/headers/sub-looking.png); }
#sub .more-info h3 { background-image: url(/img/headers/sub-more-info.png); }
#sub .recent-news h3 { background-image: url(/img/headers/sub-recent-news.png); }
#sub .road-conditions h3 { background-image: url(/img/headers/sub-road-conditions.png); }
#sub .road-conditions p { float: right; width: 140px; }
#sub .follow-us h3 { background-image: url(/img/headers/sub-follow-us.png); }
#sub .alt h4 {
	border-bottom: 1px solid #e5debf;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0 0 0.4em;
	padding: 0 0 0.4em;
	text-align: center;
	}
#sub .meta { margin: 0 0 0.2727em; }


/* -- footer -- */
#footer {
	font-size: 11px;
	line-height: 1.6363em;
	}
#footer a {
	border-bottom-color: transparent;
	color: #d2232a;
	}
#footer a:hover {
	border-bottom-color: #d2232a;
	}
#footer ul {
	border: 1px solid #beb59a; border-left: none; border-right: none;
	line-height: 1;
	margin: 0 0 9px;
	overflow: hidden;
	padding: 9px 0 0;
	position: relative; 
	width: 100%;
	}
#footer li {
	float: left;
	padding: 0 12px 9px 0;
	}
#footer ul.alt { 
	border-color: #e5debf;
	margin: 6px 0 9px;
	}
#footer ul.alt a {
	color: #444;
	border-bottom-color: #beb59a;
	}
#footer ul.alt a:hover {
	color: #d2232a;
	border-bottom-color: #d2232a;
	}
#footer .copyright {
	background-image: url(/img/copyright.png);
	height: 11px;
	margin: 0 0 6px;
	overflow: hidden;
	text-indent: -9999px;
	}
#footer .vcard {
	color: #666;
	}
#footer .social {
	border: 0;
	margin: 0;
	padding: 0;
	}

	
/* -- nav -- */
#a { font-size: 1px; margin: 0; position: absolute; top: -9999px; }

/* - nav: global - */
#nav { 
	left: 256px;
	overflow: hidden;
	position: absolute;
	top: 37px;
	width: 590px;
	}
#nav li { float: left; }
#nav a {
	background-image: url(/img/nav/global.png);
	border: 0;
	display: block;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100px;
	}
#nav-activities a { width: 108px; }
#nav-accommodations a { background-position: -108px 0; width: 137px; }
#nav-cities a { background-position: -245px 0; width: 136px; }
#nav-stories a { background-position: -381px 0; width: 209px; }

#wrap #nav-activities a:hover { background-position: 0 -26px; }
#wrap #nav-accommodations a:hover { background-position: -108px -26px; }
#wrap #nav-cities a:hover { background-position: -245px -26px; }
#wrap #nav-stories a:hover { background-position: -381px -26px; }

.activities #nav-activities a { background-position: 0 -52px; }
.accommodations #nav-accommodations a { background-position: -108px -52px; }
.cities #nav-cities a { background-position: -245px -52px; }
.stories #nav-stories a { background-position: -381px -52px; }

/* - nav: sub - */
#nav-sub {
	background: no-repeat 0 12px;
	border-bottom: 1px solid #beb59a;
	border-top: 1px solid #beb59a;
	height: 19px;
	margin: 0 0 12px;
	overflow: hidden;
	padding: 12px 0;
	width: 100%;
	}
#nav-sub li { float: left; }
#nav-sub a {
	border: 0;
	display: block;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	}

/* - nav: utility - */
#nav-util {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 302px;
	}
#nav-util ul {
	float: right;
	}
#nav-util li {
	float: left;
	}
#nav-util a {
	background-image: url(/img/nav/utility.png);
	border: 0;
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	}	
#nav-util .open {
	height: 21px;
	margin-top: -1px;
	position: relative;
	}
#util-info a {
	width: 73px;
	}
#util-contact a {
	background-position: -73px 0;
	width: 62px;
		width: 61px;
	}
#util-search a {
	background-position: -135px 0;
	margin-left: 8px;
	width: 55px;
	}	
#util-newsletter a {
	background-position: -190px 0;
	width: 103px;
	}

#util-info a:hover { background-position: 0 -20px; }
#util-contact a:hover { background-position: -73px -20px; }
#util-search a:hover { background-position: -135px -21px; }
#util-search .open { background-position: -135px -41px; }
#util-search .open:hover { background-position: -135px -20px; }
#util-newsletter a:hover { background-position: -190px -21px; }
#util-newsletter .open { background-position: -190px -41px; }
#util-newsletter .open:hover { background-position: -190px -20px; }
#nav-util form {
	border: 0;
	display: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 302px;
	}
.js #nav-util form {
	display: block;
	}
#nav-util form div {
	background: url(/img/nav/utility-form.png) no-repeat 0 100%;
	max-height: 90px;
	padding: 4px 5px 5px;
	}
#nav-util form input, #nav-util form button {
	display: inline-block;
	vertical-align: middle;
	}
#nav-util button {
	background-image: url(/img/buttons/go.png);
	height: 9px;
	width: 11px;
	}
#nav-util button:hover {
	background-position: 0 -9px;
	}
#nav-util input.text {
	font-size: 11px;
	padding: 2px;
	width: 268px;
	}
#nav-util .overlabel-apply {
	font-size: 11px;
	left: 9px;
	top: 7px;
	}
#nav-util .form-newsletter button {
	background-image: url(/img/buttons/subscribe.png);
	height: 9px;
	width: 51px;
	}
#nav-util .form-newsletter input.text {
	width: 228px;
	}

/* - nav: breadcrumb - */
#breadcrumb {
	background: url(/img/nav/breadcrumb-border.png) no-repeat 0 9px;
	border-bottom: 1px solid #beb59a;
	color: #beb59a;
	font-size: 11px;
	line-height: 1em;
	padding: 7px 0 12px 66px;
	width: 634px;
	}
#breadcrumb a {
	border-bottom-color: transparent;
	color: #beb59a;
	}
#breadcrumb a:hover {
	border-bottom-color: #d2232a;
	color: #d2232a;
	}
#breadcrumb span {
	margin: 0 2px;
	}
#breadcrumb strong {
	color: #948967;
	font-weight: normal;
	}


/* -- forms -- */
form { 
	border-top: 1px solid #beb59a;
	overflow: hidden;
	padding: 1em 0 0;
	width: 100%;
	}
fieldset {
	border-bottom: 1px solid #e5debf;
	margin: 0 0 1em;
	padding: 0 0 0.5em;	
	}
label, .label { 
	float: left;
	line-height: 1em;
	padding: 6px 0 0;
	text-align: right;
	width: 102px;
	}
button {
	background-image: url(/img/buttons/submit.png);
	cursor: pointer;
	height: 20px;
	margin: 0 0 0 108px;
	overflow: hidden;
	text-indent: -9999px;
	width: 55px;
	}
button:hover { background-position: 0 -20px; }
input.text, textarea, select { 	
	background: #fff;
	border: 1px solid #beb59a;
	color: #444;
	font-size: 12px;
	font-family: inherit;
	line-height: normal;
	margin: 0;
	padding: 5px;
	width: 240px;
	}
textarea {
	height: 120px;
	width: 300px;
	}
select {
	padding: 4px 0;
	width: auto;
	}
.overlabel-wrap {
	overflow: hidden;
	position: relative;
	}
.overlabel {
	display: none;
	}
.overlabel-apply {
	color: #beb59a;
	cursor: text;
	display: block;
	font-size: 12px; font-style: italic;
	line-height: 1;
	left: 5px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 3px;
	width: auto;
	}
.field { 
	margin: 0 0 6px;
	overflow: hidden;
	width: 100%;
	}
.input { 
	float: left;
	padding: 0 0 0 6px;
	width: 586px;
	}
.input p { 
	color: #777;
	font-size: 11px;
	line-height: 1.3636em;
	margin: 3px 0 0;
	}
.input select { margin: 0 3px 0 0; }
.input li {
	float: left;
	margin: 0 9px 0 0;
	width: 260px;
	}
#main .input { width: auto; }
.cb label {
	color: #555;
	float: none;
	font-size: 11px;
	line-height: 1.1818em;
	padding: 0;
	text-align: left;
	width: auto;
	}
.cb .label { padding: 3px 0 0; }
.cb input { margin: 0 3px 0 108px; padding: 0; }
.cb .input input { margin: 0 3px 0 0; }
.submit { margin: 6px 0 0; overflow: hidden; width: 100%; }
.submit button { display: block; }
form .disclaimer { margin: 0.8181em 0 0 108px; }
.form-compact {
	border: 0;
	padding: 0;
	}
.form-compact input.text { 
	margin: 0 5px 0 0;
	padding: 3px 5px;
	vertical-align: middle;
	width: 147px;
	}
.form-compact button {
	margin: 0;
	vertical-align: middle;
	}
	

/* - forms: validation - */
.error, .input .error { color: #d2232a; font-weight: bold; }
.error strong { font-style: italic; }
div .invalid { border-color: #d2232a; }
.confirm { font-weight: bold; }

/* - forms: sidebar - */
#sub form {
	background-image: url(/img/sub-form-bg.png);
	border: 0;
	height: 67px;
	margin: 0 0 9px;
	padding: 0;
	}
#sub form div { background: url(/img/headers/or.png) no-repeat 0 100%; height: 67px; }
#sub form.alt, #sub form.alt div { height: 45px; }
#sub form.alt div { background: none; }
#sub input.text, #sub select {
	color: #948967; 
	float: left;
	font-style: italic;
	height: 17px;
	margin: 8px 0 0 15px;
	width: 139px;
	}
#sub select { 
	height: 27px;
	padding: 0;
	width: 151px;
	}
	
/* - forms: search - */
#search {
	background-image: url(/img/search-bg.png);
	border: 0;
	color: #fffdf6;
	font-size: 14px; font-style: italic;
	line-height: 1em;
	margin: 12px 0;
	min-height: 45px;
	overflow: visible;
	padding: 0 0 0 21px;
	position: relative;
	text-align: right;
	width: 679px;
	}
#search p { 
	left: 21px;
	text-align: left;
	position: absolute;
	margin: -0.5em 0 0;
	top: 50%;
	width: 336px;
	}
#search select, #search input.text { 
	color: #948967;
	display: inline;
	font-size: 14px; font-style: italic;
	padding: 3px;
	vertical-align: middle;
	}
#search select {
	background: #fffdf6; 
	margin: 0 12px 0 0;
	padding: 1px;
	width: 181px; 
	}
#search .alt-1 select { width: 567px; }
#search .alt-2 select { width: 277px; }
#search .alt-2 select.alt { width: 278px; }
#search input.text { margin: 0 12px 0 0; width: 205px; }
#search button { 
	background-image: url(/img/buttons/search.png);
	height: 45px;
	margin: 0 0 0 4px;
	vertical-align: middle;
	width: 96px;
	}
#search button:hover { background-position: 0 -45px; }

	
/* -- section & page specific -- */

/* - content pages - */
.beach-safety h1 { background-image: url(/img/headers/beach-safety.png); }
.contact h1 { background-image: url(/img/headers/contact.png); margin: 0 0 0.5em; }
.faq h1 { background-image: url(/img/headers/faq.png); }
.membership h1 { background-image: url(/img/headers/membership.png); }
.news h1 { background-image: url(/img/headers/news.png); }
.newsletter h1 { background-image: url(/img/headers/newsletter.png); }
.press h1 { background-image: url(/img/headers/press-room.png); }
.promotions h1 { background-image: url(/img/headers/promotions.png); }
.privacy h1 { background-image: url(/img/headers/privacy.png); }
.request-info h1 { background-image: url(/img/headers/request-info.png); margin: 0 0 0.5em; }
.special-events h1 { background-image: url(/img/headers/special-events.png); }
.transportation h1 { background-image: url(/img/headers/transportation.png); }
.travel-deals h1 { background-image: url(/img/headers/travel-deals.png); }
.travel-tips h1 { background-image: url(/img/headers/travel-tips.png); }
.weather h1 { background-image: url(/img/headers/weather.png); }
h1.thanks { background-image: url(/img/headers/thanks.png); margin: 0 0 0.5em; }

/* - activities - */
.activities h1 { background-image: url(/img/headers/activities.png); }

/* activities: A-Z */
.activities #A-Z h2 {
	background-image: url(/img/headers/activities-A-Z.png);
	height: 52px;
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
.activities #A-Z ul { overflow: hidden; width: 100%; }
.activities #A-Z li { float: left; margin: 0 0 0.25em; width: 225px; }

/* activities: featured sidebar */
.activities #sub .featured p {	
	color: #948967;
	font-size: 12px; font-style: italic;
	line-height: 1.5; /* 18px */
	margin: 0 0 .75em; /* 9px */
	}
.activities #sub .featured ul {
	font-size: 12px;
	line-height: 1.5; /* 18px */
	}
.activities #sub .featured li {
	margin: 0.75em 0;
	}


/* - accommodations - */
.accommodations h1 { background-image: url(/img/headers/accommodations.png); }

/* - cities - */
.cities h1 { background-image: url(/img/headers/cities.png); }

/* cities: A-Z */
.cities #A-Z h2 {
	background-image: url(/img/headers/cities-A-Z.png);
	height: 52px;
	margin: 0 0 0.5em;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
.cities #A-Z ul { overflow: hidden; width: 100%; }
.cities #A-Z li { float: left; margin: 0 0 0.25em; width: 150px; }

/* - city - */
.city h1 { 
	background-image: none;
	height: 37px;
	margin: 11px 0 16px;
	position: relative;
	}
.city h1 a {
	border: 0;
	height: 37px; 
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
.city h1 a:hover { border: 0; }
.astoria h1 { background-image: url(/img/headers/cities/astoria.png); }
.bandon h1 { background-image: url(/img/headers/cities/bandon.png); }
.brookings-harbor h1 { background-image: url(/img/headers/cities/brookings-harbor.png); }
.cannon-beach h1 { background-image: url(/img/headers/cities/cannon-beach.png); }
.charleston h1 { background-image: url(/img/headers/cities/charleston.png); }
.coos-bay h1 { background-image: url(/img/headers/cities/coos-bay.png); }
.depoe-bay h1 { background-image: url(/img/headers/cities/depoe-bay.png); }
.florence h1 { background-image: url(/img/headers/cities/florence.png); }
.garibaldi h1 { background-image: url(/img/headers/cities/garibaldi.png); }
.gearhart h1 { background-image: url(/img/headers/cities/gearhart.png); }
.gold-beach h1 { background-image: url(/img/headers/cities/gold-beach.png); }
.lakeside h1 { background-image: url(/img/headers/cities/lakeside.png); }
.lincoln-city h1 { background-image: url(/img/headers/cities/lincoln-city.png); }
.manzanita h1 { background-image: url(/img/headers/cities/manzanita.png); }
.nehalem h1 { background-image: url(/img/headers/cities/nehalem.png); }
.newport h1 { background-image: url(/img/headers/cities/newport.png); }
.north-bend h1 { background-image: url(/img/headers/cities/north-bend.png); }
.pacific-city h1 { background-image: url(/img/headers/cities/pacific-city.png); }
.port-orford h1 { background-image: url(/img/headers/cities/port-orford.png); }
.reedsport h1 { background-image: url(/img/headers/cities/reedsport.png); }
.rockaway-beach h1 { background-image: url(/img/headers/cities/rockaway-beach.png); }
.seaside h1 { background-image: url(/img/headers/cities/seaside.png); }
.tillamook h1 { background-image: url(/img/headers/cities/tillamook.png); }
.toledo h1 { background-image: url(/img/headers/cities/toledo.png); }
.waldport h1 { background-image: url(/img/headers/cities/waldport.png); }
.warrenton h1 { background-image: url(/img/headers/cities/warrenton.png); }
.wheeler h1 { background-image: url(/img/headers/cities/wheeler.png); }
.winchester-bay h1 { background-image: url(/img/headers/cities/winchester-bay.png); }
.yachats h1 { background-image: url(/img/headers/cities/yachats.png); }

/* city: media */
.city #media { background-image: url(/img/media-bg.jpg); }
.city #media img { float: left; }
.city #media #flash { 
	float: left;
	margin: 0;
	width: 430px;
	}
.city #media #map {
	float: right;
	height: 324px;
	width: 244px;
	}

/* city: nav: breadcrumb */
.city #breadcrumb { border: 0; padding-bottom: 0; padding-left: 0; width: 100%; }
.city #breadcrumb div { background: url(/img/headers/cities/proud-member.png) no-repeat 0 100%; padding-left: 66px; padding-bottom: 17px; }

/* city: nav: sub */
.city #nav-sub { background-image: url(/img/nav/sub/city-bg.png); }
.city #nav-sub a { background-image: url(/img/nav/sub/city.png); }
.city #sub-activities { padding: 0 0 0 107px; }
.city #sub-events { padding: 0 107px 0 0; }
.city #sub-activities a { width: 119px; }
.city #sub-dining a { background-position: -119px 0; width: 87px; }
.city #sub-accommodations a { background-position: -206px 0; width: 190px; }
.city #sub-events a { background-position: -396px 0; width: 90px; }
.city #sub-activities a:hover { background-position: 0 -19px; }
.city #sub-dining a:hover { background-position: -119px -19px; }
.city #sub-accommodations a:hover { background-position: -206px -19px; }
.city #sub-events a:hover { background-position: -396px -19px; }
.city-activities #sub-activities a { background-position: 0 -38px; }
.city-dining #sub-dining a { background-position: -119px -38px; }
.city-accommodations #sub-accommodations a { background-position: -206px -38px; }
.city-events #sub-events a { background-position: -396px -38px; }

/* - stories - */
.stories h1 { background-image: url(/img/headers/stories.png); }

/* stories: recent stories */
.stories #main #recent-stories {
	border-bottom: 1px solid #beb59a;
	margin: 0;
	padding: 0 0 0.75em;
	}
.stories #main #recent-stories h3 {
	background-image: url(/img/headers/recently-added-stories.png);
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
	}
.stories #main #recent-stories p {
	font-size: 11px;
	line-height: 1.3636em;
	}
.stories #sub #recent-stories { border-bottom: 1px solid #beb59a; padding: 4.9090em 0 0.8181em; }
.stories #sub #recent-stories h3 { background-image: url(/img/headers/sub-recent-stories.png); }
	
/* stories: search */
.stories #search h3 {
	background-image: url(/img/headers/sub-search-stories.png);
	height: 44px;
	margin: 0 0 0.6666em;
	overflow: hidden;
	text-indent: -9999px;
	}
	
/* - share a story - */
.share h1 { background-image: url(/img/headers/share.png); margin: 0 0 0.5em; }
.share textarea { height: 300px; width: 360px; }
	
/* - helpful links - */
.links h1 {
	background-image: url(/img/headers/links.png);
	}
.links #main li a {
	border-bottom-color: transparent;
	color: #d2232a;
	font-size: 14px;
	margin: 0 0 0.2142em;
	}
.links #main li a:hover {
	border-bottom-color: #d2232a;
	}

/* - page not found - */
.notfound h1 { background-image: url(/img/headers/page-not-found.png); }
.notfound #content { padding-top: 6px; }

/* - escape pod - */
.escape, .escape body { height: 100%; width: 100%; }
.escape body { position: relative; }
.escape .pod {
	background: #fffdf4;
	border-bottom: 1px solid #beb59a;
	height: 18px;
	left: 0;
	padding: 6px 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	}
.escape iframe { 
	left: 0;
	position: absolute;
	top: 31px;
	}

/* - home - */
.home #content { background: none; padding: 0; }

/* home: mile-by-mile */
#milebymile h3 { background-image: url(/img/headers/milebymile-guide.png); }

/* home: newsletter */
#newsletter { float: right; }
#newsletter h3 { background-image: url(/img/headers/email-newsletter.png); }	
#newsletter p { padding: 0 0 0.8181em; }
#newsletter input.text {
	width: 143px;
	}

	
/* -- third party -- */

/* - add this - */
#addthis_dropdown15 { margin-top: -15px; }
#addthis_dropdown15 a { border: 0; }

/* - mootools: tips - */
.tip-title {
	background: #fbf8ea;
	border: 1px solid #beb59a;
	font-size: 11px;
	line-height: 1.3636; /* 15px */
	padding: 4px 8px;
	
	-webkit-box-shadow: 0 0 2px #beb59a;
	box-shadow: 0 0 2px #beb59a;
	}


/* -- contain floats -- */
.group:after, #content:after, #wrap:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	}


/* -- font stacks -- */
body {
	font-family: Helvetica, Arial, Sans-serif;
	}
h1, h2, h3, h4, .overlabel-apply, .post .meta, .lst .meta, .lst .contact,
#search, #search select, #search input.text, #cal .event, #cal .prev, #cal .next, #sub input.text, #sub select, #footer .vcard, .links #main li a, .activities #sub .featured p {
	font-family: Georgia, Serif;
	}