/* Contents */

/* Home Page Styles moved to homepage.css */
/* Sidebar */
/* Featured */
/* Frames */
/* Column Styles */
/* Visiting SLO */
/* Find a Hotel */
/* Events */
/* Things to Do */
/* Stories */
/* Contact Us */
/* Sitemap */
/* Privacy  Terms */
/* 404 */
/* CTAs */
/* Newsletter */
/* Promo Pages (gran fondo) */
/* Search Box (results styles are in search.css) */

/* Sidebar
----------------------------------------*/
#events-sidebar {color:#333;}
/* Feature
---------------------------------------- */
#featured { position:relative; height:auto; overflow:visible; z-index:10; padding:14px 12px; }
#featured .copy { padding-left:0 }
#featured .copy h2 { font-size:17px; line-height:0.87; margin-top:10px }
#featured .copy p { padding:3px 0 0 }
/* ---------------------------------------- */
ol#topTen { list-style-position:outside; margin-left:5px; padding-left:5px; }
ol#topTen li { margin-left:5px; padding-left:5px; list-style-type:decimal; }
/* Frames
---------------------------------------- */
.framed-thumb { background:url(/assets/images/thumb-bg.png) repeat-x left bottom; float:left; margin:1px 0 0; padding:0 0 1px 3px }
.framed-thumb.tall { margin-left:30px; }
.framed-thumb img { background:#fff; border:1px solid; border-color:#f3f3f3 #e8e8e8 #b5b5b5 #c5c5c5; left:1px; padding:3px; position:relative; top:-1px }
/* Column Styles
-------------------------------------------------*/
.columns { position:relative; z-index:auto; *width:100%
}
.columns .column .inside { overflow:hidden }
.columns:after { clear:both; content:"."; display:block; height:0; visibility:hidden }
.columns .column { float:left; position:relative }
.columns img.first { display:block; width:auto !important }
.columns .first p { line-height:1.4 }
.columns .last { float:right }
/* col1b */
.col2b .last .col1b .first { width:612px }
/* col1c,col1d,col1e */
.col1c .first,
.col1d .first,
.col1e .first { width:973px }
/* col2a */
.col2a .first { width:696px }
.col2a .last { width:302px }
/* col2b */
.col2b .first { width:341px }
.col2b .last { width:640px }
/* col2c */
.col2c .first { width:315px }
.col2c .last { margin-left:50px; width:291px }
/* col2d */
.col2d .first { width:293px }
.col2d .last { margin-right:19px; width:600px }
/* col2e */
.col2e .first { width:83px }
.col2e .last { width:222px }
/* col2f */
.col2f .first { width:207px }
.col2f .last { width:70px }
/* col2g */
.col2g .first { width:403px }
.col2g .last { width:410px }
/* col2h */
.col2h .first { width:260px }
.col2h .last { padding-right:9px; width:695px }
/* col2j Things to Do pages */
.col2j .first { width: 311px; }
.col2j .last { padding-right:18px; width:324px }
/* col2n */
.col2n .first,
.col2n .last { width:435px }
/* col2o */
.col2o .first { width:132px }
.col2o .last { width:300px }
/* col2p */
.col2p .first { width:311px }
.col2p .last { width:611px }
/* col2q */
.col2q .first { width:160px }
.col2q .last { margin-right:33px; width:165px }
#accordion {position:relative; padding-top:35px;}
#accordion h3 {padding:5px 20px; margin:10px 0; border:solid 1px #0583B6; position:absolute; top:-15px; text-align:center;}
h3#tabOctober {left: 120px;}
h3#tabNovember {left:225px;}
h3#tabDecember {left:342px;}
ul.bigList li.date { font-weight:bold; color:#000; background: url(/assets/images/div-dots-dgray.gif) repeat-x left bottom; margin-bottom:15px; padding-bottom:20px;}
ul.bigList ul {margin:0;}
ul.bigList ul li {color:#666; font-weight:normal;}
ul.bigList ul ul li {margin:0; font-weight:bold; color:#333;}

/* Visiting SLO
----------------------*/
.wide,
#get-here { padding-top:25px; position:relative }
#get-here { background-color:#d0dade; margin-top:19px; padding:26px 24px 20px 42px; z-index:10 }
#get-here li { _height:49px; background:none no-repeat; min-height:49px; padding-left:48px }
#get-here .car { background-image:url(/assets/images/icon-car.gif) }
#get-here .train { background-image:url(/assets/images/icon-train.gif) }
#get-here .bus { background-image:url(/assets/images/icon-bus.gif) }
#get-here .air { background-image:url(/assets/images/icon-air.gif) }
#get-here .dots { background-image:url(/assets/images/div-dots-dgray.gif) }
#general-info { margin-top:19px; overflow:visible; padding:10px 40px 0 0 }
.roadsign,
.floated-image { display:block; _display:inline; float:right; margin-right:-31px; _margin-right:-33px; margin-top:-150px; position:relative; z-index:60 }
.floated-image { margin:-80px 0 -10px }
.floated-image.absolute { bottom:0; margin:0; position:absolute; right:0 }
#visiting-slo h2 { color:#000; }
#visiting-slo #neatobar { background-color:#d6dd44; }
/* Things to Do
--------------------------------------*/
#things-to-do #neatobar { background-color:#c98ad7 }
#things-to-do-nav,
#things-to-do-nav li { position:relative }
#things-to-do-nav,
#things-to-do #featured { background-color:#dadac0; height:auto; overflow:visible; z-index:10 }
#things-to-do #featured { margin-top:20px; }
#things-to-do-nav ul { margin:5px 0 3px; padding:0 25px }
#things-to-do-nav li { background:none no-repeat 3px 0; width:100% }
#things-to-do-nav .here { background-position:3px -46px }
#things-to-do-nav .here a,
#things-to-do #things-to-do-main h1,
#things-to-do #things-to-do-main h2 { color:#000 }
#things-to-do-nav .here a { font-weight:700 }
#things-to-do-nav .here span.pointer { background:url(/assets/images/nav_arrow.png) no-repeat; height:19px; margin-top:-10px; position:absolute; right:-35px; top:50%; width:10px }
#things-to-do-nav li a { background:url(/assets/images/div-dots-dgray.gif) repeat-x left bottom; display:block; font-size:13px; height:1em; padding:18px 0 18px 55px }
#things-to-do-nav .outdoor-activities { background-image:url(/assets/images/icon-outdoor.png) }
#things-to-do-nav .day-trips { background-image:url(/assets/images/icon-day-trips.png) }
#things-to-do-nav .wineries { background-image:url(/assets/images/icon-wineries.png) }
#things-to-do-nav .restaurants { background-image:url(/assets/images/icon-restaurants.png) }
#things-to-do-nav .shopping { background-image:url(/assets/images/icon-shopping.png) }
#things-to-do-nav .educational-activities { background-image:url(/assets/images/icon-educational.png) }
#things-to-do-nav .educational-activities a { background:none }
#things-to-do-main { padding-top:22px; overflow:hidden; }
#things-to-do-main #breadcrumbs { padding-right:0 }
#things-to-do-main .first { clear:left; float:left; margin-left:2px }
#things-to-do-main h1 { margin:12px 0 11px }
#things-to-do-main p { line-height:1.4 }
#things-to-do-main .intro { margin:0 30px 0 6px }
#things-to-do-main .intro h1 { margin:27px 0 17px }
#things-to-do-main .intro p { font-size:13px; line-height:1.6; padding-bottom:12px }
#things-to-do-main .intro .dots { margin:19px 0 21px }
#things-to-do-main #things-legends img { margin-bottom:3px }
#things-to-do-main #things-legends .more li { border:0 none; display:block; padding:0 }
#things-to-do-main .framed-thumb { margin-right:10px }
#things-to-do-main .thumb-text-set { _height:100px; _overflow:visible; min-height:100px }
#things-to-do-main .thumb-text-set h3,
#things-to-do-main .thumb-text-set h3 a,
#things-to-do-main .thumb-text-set p { font-size:13px; overflow:hidden }
#things-to-do-main .thumb-text-set p,
#things-to-do-main .thumb-text-set a { font-size:11.5px; margin-top:2px }
a.shop_slo { float:left; margin:2px 25px 5px 0; }
ul#beachList li { padding-bottom:15px; margin-bottom:15px; background: url(/assets/images/div-dots-gray.gif) repeat-x left bottom; }
.msfeatureupdater { display:none; }
/* Caption boxes
--------------------------*/
.caption-box { background:url(/assets/images/bg-caption.png) no-repeat; _background:none !important; color:#000; display:block; font-size:14px; height:237px; left:-22px; padding:22px; position:absolute; text-align:right; top:25px; width:383px }
.caption-box div { _background:#fff; height:217px; padding:22px 20px 30px; position:relative }
.caption-box h1 { color:#b02601; font-size:36px; line-height:0.89; margin-top:7px }
/* Stories
--------------*/
#stories h1,
#stories h2,
#story .columns .col2p #doyouknow,
#story #summary h2 { color:#000 }
#stories #neatobar { background-color:#d6dd44 }
#story #featured { background-color:#E5D5A5; padding:18px 24px; }
#stories h1.column { width:145px }
#stories p.column { width:728px }
#stories .col2o { padding-bottom:45px; }
#stories .col2n h3 { margin-bottom:1em }
#stories .col2n h3 span,
#story #sidebar li strong,
.drop-quote,
.drop-quote blockquote,
.drop-quote em { display:block }
#stories .col2n h3 span { color:#6f6f6f; font-style:italic; font-weight:400 }
#stories .col2n p,
#story .columns .col2p #doyouknow,
#story #sidebar li,
#story #summary p,
.drop-quote { line-height:1.4 }
#stories .col2n p { margin-top:1em }
#stories-main { padding:30px 65px 0 60px; width:875px }
#story .wide { margin-bottom:23px; padding-top:0 }
#story .col1c { padding-top:10px; width:100% }
#story #sidebar div { overflow:hidden; position:relative; z-index:10; }
#story #sidebar div { background-color:#e5d5a5; }
#story .columns .col2p #topfive,
#story .columns .col2p #doyouknow { margin-bottom:14px; padding:22px 26px 22px 22px; }
#story .columns .col2p #doyouknow { font-size:11px }
#story #sidebar h2 { color:#b02601; font-size:17px; line-height:1.2 }
#story #sidebar .dots { background-image:url(/assets/images/div-dots-orange.gif); margin-bottom:19px }
#story #sidebar ul,
#story .caption-box p { margin:0 }
#story #sidebar li { color:#927b62; font-size:12px; margin-bottom:12px }
#story #sidebar li strong { color:#353535 }
#story .caption-box p { bottom:0; color:#6d3a26; display:none; font-size:14px; left:0; line-height:1.3; padding-bottom:34px; position:absolute; text-indent:-9999px }
#story .caption-box p span.cufon { margin-top:5px }
#story #summary { overflow:visible; padding-right:50px; width:561px }
#story #summary h2 { font-size:22px; line-height:0.99; margin-bottom:20px; margin-top:10px }
#story #summary .floated-image { margin:-80px -41px -12px 0 }
#story #other_legends ul li { padding-left:10px; background:url(../images/arrow_more.gif) 0 4px no-repeat; margin:0; }
.drop-quote,
.drop-quote blockquote,
.drop-quote em { float:right; text-align:right }
.drop-quote { color:#469da6; font-size:18px; margin:5px 0 20px 20px; overflow:hidden; width:55% }
.drop-quote blockquote { font-size:22px; line-height:1.3; margin:0 0 8px }
.drop-quote blockquote .cufon { padding-bottom:3px }
.drop-quote em { color:#929639; font-style:normal }
/* -- Gallery -- */
body#stories .photoStory { clear:both; height:auto; overflow:hidden; margin:10px 0 40px 0; }
body#stories .photoInfo { float:right; width:250px; padding-right: 10px; }
body#stories .photoInfo p { padding:0; margin-top:5px; line-height:14px; }
body#stories .photoInfo p strong { color:#555; }

/* Contact Us */
#contact-us #main { overflow:hidden; }
form#contact_us { overflow:hidden; padding:5px 0 25px 50px; width:400px }
form#contact_us label { padding:0; display:block; margin:3px 0; }

/* Sitemap */
#sitemap .col2h { padding-top:50px }
#sitemap .sitelinks .column { float:left; width:250px }
#sitemap .sitelinks a { font-weight:700 }
#sitemap .sitelinks li li a { font-weight:400 }
#sitemap .sitelinks ul ul { list-style:circle inside; margin:0 0 0 5px }

/* Terms and Privacy */
#privacy-policy h1 { color:#737373; margin-bottom:5px }
#privacy-policy ol li { background:none; list-style:decimal inside }
#privacy-policy li { background:url(/assets/images/btn_bullet_grey.gif) no-repeat 0 7px; }

/* 404 - Error */
#error .caption-box { background-image:url(/assets/images/bg-caption-lg.png); height:256px; left:auto; right:-18px; _right:-19px; top:107px; width:438px }
#error .caption-box div { height:212px; padding:20px; width:399px }
#error .caption-box h1 { font-size:72px; line-height:0.9; margin-bottom:25px }
#error .caption-box p,
#error .caption-box a { color:#404040; font-size:14px; line-height:1.8 }
#error .caption-box p.caption { color:#b02601; font-size:20px; line-height:1.25; padding-bottom:17px }
#error .caption-box p.caption span.cufon { margin-bottom:0.5em }
#error .caption-box a { text-decoration:underline }
#error .caption-box a:hover { text-decoration:none }

/* Promo Pages */
#promo a.viewAll { display:block; float:left; text-indent:-9999px; background:url(/assets/images/btn_viewAll.gif) no-repeat; width:84px; height:23px; }
form#promoForm { width:400px; }
form#promoForm label,
form#promoForm input { padding:2px; margin:10px 5px; }
#sidebar #family { margin-bottom:14px; padding:22px 26px 22px 22px; }
#granFondoPage #sidebar h2 { color:#0583B6; }
#granFondoPage form { width:450px; }
#granFondoPage form label { color:#0583b6; }
#granFondoPage form label.terms { color:#848484; }
#granFondoPage input.radio { display:inline; margin:8px 5px 5px 170px; float:left; }
#granFondoPage #sidebar div,
#granFondoPage #sidebar li { color:#333; }
#granFondoPage #summary h2 { font-size:20px; color:#0583B6; margin-top:30px; }
#promo #featured { background-color:#C7D379; padding:18px 24px; height:auto; }
#promo .col2b .first h2 { color:#32a449; }
#promoForm #submit { margin-top:-80px; }

/* CTAs */
.cta { overflow:hidden; margin:20px 0 }
.cta a { width:341px; float:left; display:block; height:88px; text-indent:-9999px; background: url(/assets/images/promo/cta_newsletter_home.gif); }
.cta a:hover { background-position:0 -88px; }
body#home .cta { background-color:#c7d379; }
body#home .cta.twoNight a { background: url(/assets/images/promo/cta_2Night_home.gif); height: 121px; }
body#home .cta.twoNight a:hover { background-position:0 -121px; }
body#home .cta.granFondo a { background: url(/assets/images/promo/cta_granFondo_home.gif); height: 88px; }
body#home .cta.granFondo a:hover { background-position:0 -88px; }
body#find-a-hotel .cta { background-color:#d1e4dc; }
body#find-a-hotel .cta.twoNight a { background: url(/assets/images/promo/cta_2Night_hotel.gif); height: 121px; }
body#find-a-hotel .cta.twoNight a:hover { background-position:0 -121px; }
body#find-a-hotel .cta.newsletter a { background: url(/assets/images/promo/cta_newsletter_ttd.gif); height: 88px; }
body#find-a-hotel .cta.newsletter a:hover { background-position:0 -88px; }
body#things-to-do .cta { background-color:#dadac0; width:260px; overflow:hidden; }
body#things-to-do .cta.twoNight a { background: url(/assets/images/promo/cta_2Night_ttd.gif); height: 126px; }
body#things-to-do .cta.twoNight a:hover { background-position:0 -126px; }
body#things-to-do .cta.newsletter a { background: url(/assets/images/promo/cta_newsletter_ttd.gif); height: 88px; }
body#things-to-do .cta.newsletter a:hover { background-position:0 -88px; }
/* Come Stay Awhile - Hotel Finder Widget */
#comeStayAwhile { height:212px; margin-top:11px; padding:19px; width:240px; text-align:center; }
#main #comeStayAwhile h2.header { color:#0583b6; font-size:19px; margin:7px 0 0 }
#comeStayAwhile a.button-find-hotel { background:url(/assets/images/btn-find-hotel-sm.png) no-repeat; display:block; float:right; height:20px; text-indent:-9999px; width:90px; margin-top:-20px; }
#comeStayAwhile .copy { overflow:hidden; width:100%; text-align:left; margin:0 auto; width:236px; }
body#home #comeStayAwhile { padding:0; margin-bottom:25px; }
body#things-to-do #comeStayAwhile { background-color:#DADAC0; width:236px; padding:12px; }
body#events #comeStayAwhile { background-color:#C7D379; width:290px; padding:25px; }
body#promo #comeStayAwhile,
body#subscribed #comeStayAwhile,
body#story div#granFondoPage #comeStayAwhile,
body#newsletter #comeStayAwhile { background: url(/assets/images/bg_come-stay-awhile.png) no-repeat; width:240px;position:absolute; top:-80px; right:16px; }
body#story #comeStayAwhile {width:273px;}

/* Newsletter Page */
#newsletter-main { float:right; width:530px; padding:30px 65px 0 60px }
body.newsletter form#newsletterForm { font: 12px Arial, Helvetica, sans-serif; color: #737373; padding: 50px; background: url(/assets/images/mediabox/bg_newsletter.png) no-repeat; width:385px; min-height:500px; }
body.newsletter hr { border:none; background:url(/assets/images/dotted_line.gif) no-repeat; height:2px; }
body.newsletter label { display: block; margin-top: 8px; margin-bottom: 3px; }
body.newsletter fieldset label {clear:left; width: 100px;}
body.newsletter input.text { padding: 2px 5px; height: 18px; width: 194px; margin-top: 3px; margin-bottom: 3px; display: block; }
body.newsletter .clear { clear: both; height: 1px; margin-top: 15px; margin-bottom: 15px; }
body.newsletter label.radio_label { float: none; width: auto; display: inline; }
body.newsletter input#submit { float:right; margin: 30px 0 0; }
body.newsletter h2 { font-size: 16px; margin-bottom: 35px; }
body.newsletter #sidebar #featured { background-color:#c7d379; color:#333; padding:10px 20px; width:300px; }
/* Search Box (results styles are in search.css) */
#searchForm { position:absolute; top:2px; right:0; overflow:hidden; height:22px; }
#searchForm #inputText {font-size:11px; height:16px; margin-right:20px; float:left; border:solid 1px #0583b6;}
#searchForm #find { position:absolute; right:0; border:none;border:none; }