/* Theme Name: WTW Theme URI: http://clutchmedia.com Description: WTW is a custom theme created for Within The Wild. WTW uses certain structures of Twenty Ten (thanks to the WordPress team!). Author: Mike Hondel – mike@clutchmedia.com Version: 1 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: none; font-weight: normal; } h1, h2 { clear: both; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /*********************/ /* GLOBAL ELEMENTS */ /*********************/ /* Main global 'theme' and typographic styles */ body { background: #a50f32; } /* #f3efe9 */ body, input, textarea { color: #020202; font-size: 14px; line-height: 20px; } hr { background-color: #e7e7e7; border: 0; clear: both; height: 1px; margin-bottom: 18px; } /* Text elements */ p { margin-bottom: 20px; } ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite { font-style:normal; font-variant:small-caps; font-size:14px; } em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], textarea { background: #f9f9f9; border: 1px solid #BBB; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; } a { color: #a50f32; } a:active, a:hover { color: #886d00; } /*********************/ /* FONTS */ /*********************/ body, input, textarea, .page-title span, .pingback a.url { font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; } /* "Franklin Gothic Medium" */ h1, h2, h3, h4, h6 { font-family:Georgia, "Times New Roman", Times, serif; } h5 { font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; } #nav-secondary li, #content .ERHead, #content h2 span.latlong, #nav-primary .dd-msg span.latlong { font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; } blockquote, #nav-secondary li li, #news li a.post-link, #facebook a, #showcase-controller { font-family: Georgia, "Times New Roman", Times, serif; } .form-allowed-tags, #site-info, #site-title, #wp-calendar, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-utility, #respond label, .pingback p, .reply, .widget-title, .wp-caption-text { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /*********************/ /* UTILITY */ /*********************/ .clearing { clear: both; height: 0px; margin-top:-1px; overflow:hidden; } /*********************/ /* STRUCTURE */ /*********************/ #wrap-outer { background: #eae4d5 url(images/general/bg_outside.jpg) repeat-x left top; } /* #f3efe9 */ #wrap-inner { background: url(images/banners/wtw_default.jpg) no-repeat center top transparent; } /* default */ .home #wrap-inner { background: none; } .cat_17 #wrap-inner { background-image: url(images/banners/wtw_17.jpg) } /* WLL */ .cat_23 #wrap-inner { background-image: url(images/banners/wtw_23.jpg) } /* RBL */ .cat_25 #wrap-inner { background-image: url(images/banners/wtw_25.jpg) } /* TBL */ .cat_27 #wrap-inner { background-image: url(images/banners/wtw_27.jpg) } /* Cooking School */ .cat_99 #wrap-inner { background-image: url(images/banners/wtw_99.jpg) } /* Exp: Intro */ .cat_101 #wrap-inner { background-image: url(images/banners/wtw_101.jpg) } /* Exp: Adventure */ .cat_126 #wrap-inner { background-image: url(images/banners/wtw_126.jpg) } /* Exp: Cuisine */ .cat_138 #wrap-inner { background-image: url(images/banners/wtw_138.jpg) } /* Exp: Spa */ .cat_136 #wrap-inner { background-image: url(images/banners/wtw_136.jpg) } /* Exp: Accommodations */ .cat_142 #wrap-inner { background-image: url(images/banners/wtw_142.jpg) } /* Plan: Comparison */ .cat_154 #wrap-inner { background-image: url(images/banners/wtw_154.jpg) } /* Plan: Itineraries */ .cat_150 #wrap-inner { background-image: url(images/banners/wtw_150.jpg) } /* Plan: Getting Here */ .cat_152 #wrap-inner { background-image: url(images/banners/wtw_152.jpg) } /* Plan: Rates */ .cat_158 #wrap-inner { background-image: url(images/banners/wtw_158.jpg) } /* Plan: What to Bring */ .cat_540 #wrap-inner { background-image: url(images/banners/wtw_540.jpg) } /* About: Our Story */ .cat_165 #wrap-inner { background-image: url(images/banners/wtw_165.jpg) } /* About: Meet */ .cat_180 #wrap-inner { background-image: url(images/banners/wtw_180.jpg) } /* About: Press */ .cat_190 #wrap-inner { background-image: url(images/banners/wtw_190.jpg) } /* Employment */ body.page-id-192 #wrap-inner, .cat_192 #wrap-inner { background-image: url(images/banners/wtw_192.jpg) } /* Agents */ .cat_blog #wrap-inner { background-image: url(images/banners/wtw_blog.jpg) } /* Blog */ .cat_blog_wll #wrap-inner { background-image: url(images/banners/wtw_blog_wll.jpg) } /* Blog: WLL */ .cat_blog_rbl #wrap-inner { background-image: url(images/banners/wtw_blog_rbl.jpg) } /* Blog: RBL */ .cat_blog_tbl #wrap-inner { background-image: url(images/banners/wtw_blog_tbl.jpg) } /* Blog: TBL */ .cat_blog_culinary #wrap-inner { background-image: url(images/banners/wtw_blog_culinary.jpg) } /* Blog: Culinary */ .cat_blog_adventure #wrap-inner { background-image: url(images/banners/wtw_blog_adventure.jpg) } /* Blog: Adventure */ .cat_search #wrap-inner { background-image: url(images/banners/wtw_search.jpg) } /* Search */ body.page-id-898 #wrap-inner, .cat_898 #wrap-inner { background-image: url(images/banners/wtw_898.jpg) } /* Credits */ .cat_ #wrap-inner { background: url(images/banners/wtw_.jpg) } /* Blog */ #main-wrap { clear: both; width:930px; min-height:400px; overflow:hidden; margin:0 auto; background:#eae4d5; /* #f3efe9 */ } .home #main-wrap { background:none; } #main { margin:25px 25px 0 25px; padding:25px 0; background: url("images/general/bg_main.png") repeat-x scroll 0 0 transparent; } .home #main { padding-bottom:0; } /*********************/ /* HOME BANNERS */ /*********************/ #header-wrap { height:420px; overflow:hidden; position: relative; min-height: 420px; width: 100%; background:url("images/general/ajax-loader.gif") no-repeat scroll center center #621a4b; /* #231f20 */ } #header-image2, #header-image3 { position: absolute; min-height: 420px; width: 100%; top:0; /* background-color: #020202; */ background-repeat: no-repeat; background-position: center top; } #header-image3 { display: none; } * html #header-wrap, * html #header-image2, * html #header-image3 { height: 420px; } #header-image2 { background-image: url(images/banners/home_wildlife.jpg); } #header-image3 { background-image: url(images/banners/home_hiking.jpg); } .header-controls-wrap-outer { position:absolute; bottom:30px; height: 29px; width:100%; overflow:hidden; } .header-controls-wrap-inner { clear:both; width: 930px; margin: 0 auto; } .header-controls { float:right; width:72px; } .header-controls a { float: right; width:29px; height:29px; overflow:hidden; margin-left:7px; text-indent:9000px; background: url("images/general/btns.png") no-repeat scroll transparent; } .header-controls a.header-previous { margin-left:0; background-position:-970px -80px; } .header-controls a.header-previous:hover { background-position:-970px -120px; } .header-controls a.header-next { background-position:-1006px -80px; } .header-controls a.header-next:hover { background-position:-1006px -120px; } .header-controls a.header-play { display:none; width:49px; background-position:-970px -120px; } .header-controls a.header-play:hover { background-position:-1050px -120px; } .header-controls a.header-pause { display:none; width:49px; background-position:-970px -100px; } .header-controls a.header-pause:hover { background-position:-1050px -100px; } .header-controls a:focus { outline: none; } .header-controls a::-moz-focus-inner { border: none; } .header-caption-wrap { postition:relative; width:980px; margin: 0 auto; padding-top:360px; } .header-caption { width: 262px; height:60px; overflow:hidden; padding:0; text-align: left; position: relative; background:#000; } .header-caption p { float: none; padding:6px 10px 0 20px; margin-bottom:0; line-height:15px; } .header-caption em { font: italic normal 13px/14px Georgia, "Times New Roman", Times, serif; color:#a50f32; } .header-caption strong { font-size:11px; text-transform:uppercase; color:#808285; } .header-caption strong a { text-decoration:none; color:#808285; } .header-caption .slide-desc { padding-top:0; font-size:12px; color:#FFF; } * html .header-caption .slide-desc { display: inline-block; } /*********************/ /* HEADER */ /*********************/ #header { background: url("images/general/bg_header.png") repeat-x scroll 0 0 transparent; } .home #header { position: absolute; top:0; left:0; min-height:420px; width:100%; overflow:hidden; } #masthead { clear:both; width:980px; margin:0 auto; } #masthead li { list-style-type:none; } /* Search */ #search { height:33px; width:254px; overflow:hidden; margin:0 0 0 726px; background:#060505; /* background:#621a4b; */ } #search form { padding:5px; } #search input.text { float:left; width:170px; height:21px; padding: 2px 2px 0 2px; font-size:12px; background:#434445; border: none; /* background:#3e0e2d; */ } #search input.blur { color:#8c8d8f; /* color:#722a5b;*/ } #search:hover input.text, #search input:focus { color:#FFF; } #search .submit { float:right; height:21px; width:68px; margin:1px 0 0 0; background: url("images/general/btns.png") no-repeat scroll 0px 0 transparent; border:none; } #search .submit:hover { cursor:pointer; background-position:0px -30px;} /* Logo */ #branding { float:left; height:60px; overflow:hidden; padding: 0 25px 0 20px; } #branding a { display:block; width:220px; height:60px; overflow:hidden; text-indent:-9000px; background: url("images/general/btns.png") no-repeat scroll -80px 0 transparent; } #branding a:hover { background-position:-80px -60px; } /* Primary Nav */ #nav-primary { margin:0 0 0 348px; position:relative; z-index: 2; width: 607px; } #nav-primary ul { float:left; list-style: none outside none; } #nav-primary li { position:relative; float:left; margin: 0 0 0 14px; padding:0; text-indent:-9000px; } #nav-primary li a.level1 { display:block; height: 60px; } #nav-primary li a.level1:focus { outline: none; } #nav-primary li a.level1::-moz-focus-inner { border: none; } #nav-primary li a.level1 { background: url("images/general/btns.png") no-repeat scroll left top transparent; } #nav-primary li a#np-home { width:74px; background-position:-330px 0; } #nav-primary li a#np-lodges { width:111px; background-position:-418px 0; } #nav-primary li a#np-experience { width:137px; background-position:-543px 0; } #nav-primary li a#np-planning { width:122px; background-position:-694px 0; } #nav-primary li a#np-about { width:93px; background-position:-830px 0; } #nav-primary li.on a#np-home { background-position:-330px -80px; } #nav-primary li.on a#np-lodges { background-position:-418px -80px; } #nav-primary li.on a#np-experience { background-position:-543px -80px; } #nav-primary li.on a#np-planning { background-position:-694px -80px; } #nav-primary li.on a#np-about { background-position:-830px -80px; } #nav-primary li a#np-home:hover { background-position:-330px -160px; } /* Home btn only needs :hover */ #nav-primary li.over a#np-lodges { background-position:-418px -160px; } #nav-primary li.over a#np-experience { background-position:-543px -160px; } #nav-primary li.over a#np-planning { background-position:-694px -160px; } #nav-primary li.over a#np-about { background-position:-830px -160px; } #nav-primary li a#np-home:hover, #nav-primary li.over a { box-shadow: 0 .75em .75em rgba(0,0,0,0.95); -moz-box-shadow: 0 .75em .75em rgba(0,0,0,0.95); -webkit-box-shadow: 0 .75em .75em rgba(0,0,0,0.95); } .dropdown { display:none; position:absolute; z-index:10000; top:60px; width:930px; min-height:100px; background:#f3efe9 url("images/general/bg_dropdown.jpg") no-repeat scroll right top; border-bottom:10px solid #1d2172; box-shadow: 0 .75em .75em rgba(0,0,0,0.4); -moz-box-shadow: 0 .75em .75em rgba(0,0,0,0.4); -webkit-box-shadow: 0 .75em .75em rgba(0,0,0,0.4); /* border-bottom:1px solid #A50F32\9; */ /* IE8- only */ } li #dd-lodges { left: -425px; } li #dd-experience { left: -550px; } li #dd-planning { left: -701px; } li #dd-about { left: -837px; } li.over #dd-lodges, li.over #dd-experience, li.over #dd-planning, li.over #dd-about { display:block; } .dropdown .dd-wrap { padding: 25px; } .dropdown .photo { float:left; height:191px; overflow:hidden; margin: 0 0 0 0; background: url("images/general/menu_photos.jpg") no-repeat scroll 0 0; } #dd-experience .group { float:left; width:223px; overflow:hidden; margin: 0; } #dd-experience .group .photo { float:none; } .dropdown #lodge-p1 { width:158px; background-position:0 0; margin-right:10px; } .dropdown #lodge-p2 { width:300px; background-position:-167px 0; } .dropdown #exp-p1 { width:235px; background-position:0 -200px; margin-right:10px; } .dropdown #exp-p2 { width:223px; height:89px; background-position:-244px -200px; } .dropdown #exp-p3 { width:223px; height:92px; background-position:-244px -299px; margin-top:10px; } .dropdown #plan-p1 { width:229px; background-position:-500px 0; margin-right:10px; } .dropdown #plan-p2 { width:229px; background-position:-738px 0; } .dropdown #about-p1 { width:300px; background-position:-500px -200px; margin-right:10px; } .dropdown #about-p2 { width:158px; background-position:-809px -200px; } #nav-primary .dropdown ul { float:left; width:183px; margin:0 0 0 25px; } #nav-primary .dropdown li { float:none; display:block; margin:0 0 1px 0; padding: 0; text-indent:0; } li .dropdown a { display:block; padding: 9px 10px 7px; font-size: 13px; line-height: 1em; text-decoration:none; color:#53493e; background:#d0cab8; } li .dropdown .even a { background:#c5bea8; } #nav-primary li.over .dropdown a { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } #nav-primary .dropdown li.current_page_item a { color:#a50f32; } #nav-primary .dropdown li a:hover, #nav-primary .dropdown li.current_page_ancestor a:hover { color:#5161ac; } #nav-primary .dropdown li.current_page_ancestor a { background-color:#d0c8b8; } .dd-msg { float:left; width:178px; overflow:hidden; margin:0 0 0 25px; } .dd-msg span.latlong { display:block; padding-top:15px; font-size:14px; font-style:normal; color:#818286; } #nav-primary .dd-msg div { display:none; text-indent:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; line-height:24px; color:#5161ac; } .dd-msg div cite { display:block; font-style:normal; font-variant:small-caps; font-size:14px; color:#808285; } #nav-primary #m-lodge-default { display:block; } #nav-primary #m-experience-default { display:block; } #nav-primary #m-planning-default { display:block; } #nav-primary #m-about-default { display:block; } /* Utility Nav */ #nav-utility-wrap { width:980px; margin:174px auto 0 auto; } .home #nav-utility-wrap { margin-top:0; } #nav-utility { float:right; width:254px; height:29px; margin:0 0 0 726px; /* padding:0 10px 0 20px; */ background: url("images/general/bg_sprite.jpg") no-repeat 0 -301px scroll; } #nav-utility ul { list-style: none outside none; padding: 0 0 0 20px; } #nav-utility li { float:left; /* height:29px; */ overflow:hidden; padding:0 11px 0 0; margin:0; } #nav-utility a { display:block; height:29px; overflow:hidden; /* cursor:pointer; */ text-indent:-9000px; background: url("images/general/btns.png") no-repeat transparent scroll; } #nav-utility a#rates { width:38px; background-position:-23px -160px; } #nav-utility a#rates:hover { background-position:-23px -190px; } #nav-utility a#brochure { width:67px; background-position:-72px -160px; } #nav-utility a#brochure:hover { background-position:-72px -190px; } #nav-utility a#reservations { width:86px; background-position:-146px -160px; } #nav-utility a#reservations:hover { background-position:-146px -190px; } /*********************/ /* SIDEBAR */ /*********************/ #sidebar { float:left; width: 212px; overflow:hidden; } #nav-secondary { margin:0 0 25px 0; font-size:13px; } #nav-secondary ul { margin:0; padding:0; } #nav-secondary ul ul { display:none; padding:0 0 6px 0; background:#d0cab8; } #nav-secondary ul .even ul { background:#c5bea8; } #nav-secondary li { margin:0 0 1px 0; list-style-type:none; } #nav-secondary li li { margin:0; font-size:13px; } #nav-secondary li.current_page_item { } #nav-secondary ul li.current_page_item ul, #nav-secondary ul li.current_page_ancestor ul { display:block; } #nav-secondary ul li.current_page_item ul ul ul, #nav-secondary ul li.current_page_ancestor ul ul ul { display:none; } #nav-secondary li a { display:block; margin:0; padding: 9px 10px 7px; text-decoration:none; line-height: 14px; color:#53493e; background:#d0cab8; } #nav-secondary li.even a { background:#c5bea8; } #nav-secondary li.current_page_item a { color:#a50f32; } #nav-secondary li a:hover { text-decoration:none; color:#5161ac; } #nav-secondary li li a { display:block; padding: 4px 10px 4px 20px; color:#7f7447; } #nav-secondary li li li a { padding-left: 40px; } #nav-secondary li.current_page_item li a { color:#7f7447; } #nav-secondary li.current_page_item li a:hover { color:#621a4b; } #sidebar blockquote { margin:0 0 20px 0; padding:0; font-size:16px; line-height:22px; font-style:italic; color:#6D675F; } #sidebar blockquote cite { display:block; padding:4px 0 0 0; font-size:11px; font-style:normal; } #news { margin:0 0 25px 0; padding:0; background: url("images/general/bg_main.png") repeat-x scroll left bottom transparent; /* border-top:1px solid #bdb7af; border-bottom:1px solid #bdb7af; */ } #news ul { padding:20px 0 0 0; background: url("images/general/bg_main.png") repeat-x scroll left top transparent; /* border-top:1px solid #bdb7af; border-bottom:1px solid #bdb7af; */ } #news ul.second-set { margin-top:-7px; } #news li { margin:0 0 15px 0; list-style-type:none; line-height:18px; } #news a.post-link { text-decoration:none; } #news a.post-link:hover { text-decoration:underline; color:#a50f32; } #news p { margin-bottom:0; padding-bottom:25px; font-size:12px; } #news p a { text-decoration:none; color:#8D877F; } #news p a:hover { text-decoration:underline; color:#a50f32; } #facebook { margin: 0 0 25px 0; font-size:12px; } #facebook a { display:block; padding: 0 0 0 25px; color:#020202; background: url("images/general/icon_facebook.png") no-repeat; } #facebook a:hover { text-decoration:underline; color:#020202; } /*********************/ /* CONTENT */ /*********************/ #content { float:right; width:612px; overflow:hidden; padding:0; } #content, #content input, #content textarea { color: #020202; font-size: 14px; line-height: 20px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0 0 20px 0; } #content h1 { font-size:26px; line-height:26px; } #content h1.page-title { font-variant:normal; } #content h1 span { text-transform:uppercase; font-size: 16px; font-weight: normal; color: #8D877F; } #content h2 { margin:-16px 0 20px 0; font-size:16px; font-style:italic; color:#621a4b; } h2 span.latlong { display:block; padding-top:4px; font-size:14px; font-style:normal; color:#818286; } #content h3 { font-size:20px; line-height: 24px; } #content .listview .type-page h3, #content .listview .type-post h3, .home #content h3 { margin-bottom:2px; } #content h3 a { text-decoration:none; color:#a50f32; } #content h3 a:hover { text-decoration:underline; color:#020202; } #content h4 { margin:2px 0; font-size:18px; font-style:italic; line-height: 22px; color:#621a4b; } .home #content h4 { margin:5px 0; font-size:16px; } #content h5 { margin-bottom:15px; font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; } #content h6 { font-size:12px; line-height:16px; text-transform:uppercase; } #content p, #content dd, #content pre, #content hr, #content .slideshow-wrapper { margin-bottom: 20px; } #content ul, #content ol { margin-bottom: 10px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content dt, #content th { color: #000; } #content blockquote { font-size: 1.1em; line-height:1.35em; color: #5E5750; } #content table { border: none; margin: 0 -1px 20px 0; text-align: left; font-size:13px; } #content tr th, #content thead th { padding: 6px 12px; font-weight: normal; line-height: 14px; color:#5D5750; background:#b9b198; border-top:1px solid #f3efe9; border-right:1px solid #f3efe9; } #content thead th { padding: 10px 12px; text-transform:uppercase; color:#FFF; } #content thead th a { text-decoration:none; } #content thead th a:hover { text-decoration:underline; } #content .checkmarks td, #content .checkmarks td img { text-align:center; vertical-align:middle; } #content tr td { padding: 6px 12px; min-width:75px; background:#ddd8cb; border-top:1px solid #f3efe9; border-right:1px solid #f3efe9; } #content tr.odd th { background: #bFb79E; } #content tr.odd td { background: #d5d0c3; } #content a:hover { text-decoration:none; } #content a.more-link { margin: 0px 0 0 0; padding: 2px 6px 2px 6px; text-transform:uppercase; text-decoration:none; font-size:11px; line-height:11px; color:#FFF; background-color:#8D877F; /* d0cab8; */ /* border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; */ } #content a.more-link:hover { color:#FFF; background-color:#a50f32; } #content ul { list-style-type:none; } #content li { margin-left:10px; padding-left:10px; } #content ul li { padding: 0 0 10px 20px; background: url("images/general/bullet.png") no-repeat scroll left 8px transparent; } #content ol { margin-left: 15px; padding-left: 15px; } #content ol li { padding: 0 0 10px 10px; } #breadcrumbs { font-size:11px; text-transform:uppercase; } #breadcrumbs strong, #breadcrumbs a { font-weight:normal; text-decoration:none; color:#b9a68b; } #breadcrumbs a:hover { text-decoration:underline; color:#7e6745; } #content .listview { } #content .listview .post, #content .listview .page { clear:both; } .entry-content, .entry-summary { clear: both; padding: 2px 0 0 0; min-height:20px; } .listview .entry-summary { clear:none; } /* VIMEO */ #content iframe { clear:right; float:right; margin: 0 0 20px 20px; } /* TABBED NAV */ .tabshow_wrap { margin:0 0 23px 0; } .tabshow_wrap .tabs { /* height: 38px; overflow:hidden; */ } #content .tabshow_wrap p.instruct { margin-bottom:5px; color:#8D877F; font-size: 13px; text-transform:uppercase; } #content .tabshow_wrap .tabs ul { margin:0; padding:0; list-style:none outside none; } #content .tabshow_wrap .tabs li { float:left; margin:0 !important; padding:0; line-height:13px; list-style:none outside none; } #content .tabshow_wrap .tabs li a { display:block; margin: 0 5px 0 0; padding: 10px; cursor:pointer; font-size: 13px; text-decoration:none; color: #FFF; background:#a50f32; } #content .tabshow_wrap .tabs li a.over { color: #FFF; background:#886d00; margin-bottom:0; } #content .tabshow_wrap .tabs li a.on { color: #FFF; background:#886d00; } .slide { display:none; padding: 20px 20px 1px 20px; background:#FFF; } .slideset { clear:both; padding: 5px 0 0 0; } #slide_default, #slide_day1 { display:block; } #tabshow_notes { display:none; margin: 0 0 20px 0; } #tabshow_notes p { font-size: 13px; } /* VIDEO */ #content .video-player { padding: 0; } /* PRESS */ #content #publications { width:245px; float:left; } #content #television { width:245px; float:right; } /* PAGE-NAVI */ #content .wp-pagenavi { clear:both; margin: 0 0 20px 0; padding: 0 0 5px 0; text-align:right; font-size: 10px; text-transform: uppercase; color: #888; border-bottom:1px solid #bdb7af; } #content #wp_pagenavi_lower .wp-pagenavi { margin: 0 0 20px 0; padding: 5px 0 0 0; border-top:1px solid #bdb7af; border-bottom:none; } #content .wp-pagenavi span { margin: 2px 0 2px 1px; } #content .wp-pagenavi span.pages { padding-left:0; padding-right: 5px; margin-left:0; color: #8D877F; border:none; } #content .wp-pagenavi span.current { font-weight:normal; color: #333; background-color: #FFF; border-color:#8D877F; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content .wp-pagenavi a { margin: 2px 0 2px 1px; text-decoration:none; color: #FFF; background-color: #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content .wp-pagenavi a.page { color: #FFF; background-color:#8D877F; border-color:#8D877F; } #content .wp-pagenavi a.previouspostslink, #content .wp-pagenavi a.nextpostslink { background-color: #d0cab8; } #content .wp-pagenavi a.previouspostslink { margin-right: 5px; } #content .wp-pagenavi a.nextpostslink { margin-left: 5px; } #content .wp-pagenavi a:hover { color: #FFF; background-color:#a50f32; border-color:#a50f32; } /* POST META */ .post-meta { padding-top:2px; line-height:9px; font-size:10px; } .single #content .post-meta { margin-top: -10px; padding-bottom:20px; } a.post-link { color:#020202; } a.post-link:hover { text-decoration:underline; } .post-cat a { display:block; float:left; /* height:11px; */ overflow:hidden; /* margin:0 1px 0 0; padding: 2px 3px 0; */ margin:0 4px 0 0; padding: 2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:9px; font-weight:normal; text-decoration:none; text-transform:uppercase; vertical-align:baseline; color:#f6f3ee; background: #666; /* border:1px solid #666; */ } .post-cat a:hover { text-decoration:none; color:#c5bea8; } .post-cat a.postlink-adventure, .post-cat a.postlink-culinary, .post-cat a.postlink-recipes, .post-cat a.postlink-redoubt, .post-cat a.postlink-tutka, .post-cat a.postlink-winterlake { } .post-cat a.postlink-adventure { background: #945403; } .post-cat a.postlink-culinary { background: #f0b310; } .post-cat a.postlink-recipes { background: #9c0059; } .post-cat a.postlink-redoubt { background: #1d2172; } .post-cat a.postlink-tutka { background: #5161ac; } .post-cat a.postlink-winterlake { background: #621a4b; } .post-cat a.postlink-adventure:hover, .post-cat a.postlink-culinary:hover, .post-cat a.postlink-recipes:hover, .post-cat a.postlink-redoubt:hover, .post-cat a.postlink-tutka:hover, .post-cat a.postlink-winterlake:hover { background: #020202; } .post-date { clear:left; display:block; padding-top:3px; color:#8d877f; } #content .post-date { clear:none; float:left; padding:3px 0 0 0; } #content .listview .post-date { padding-left:0; } /* =Gallery listing -------------------------------------------------------------- */ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .format-gallery .gallery-thumb, .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Images -------------------------------------------------------------- */ .listview .featuredImage { float:left; margin: 6px 20px 20px 0; } .listview .adjusmentForAKDispatchCrop { width:178px; overflow:hidden; } .listview .featuredImage img { margin:0 0 0 -4px; } .entry-content .featuredImage { float:right; margin: 6px 0 20px 20px; border:10px solid #FFF; border-bottom:5px solid #FFF; } .entry-content .adjusmentForAKDispatchCrop { width:315px; overflow:hidden; background:#FFF; } .entry-content .featuredImage img { margin:0 0 0 -5px; } #content img.alignright, #content img.alignleft, #content img.alignnone, #content .wp-caption img, #content .slideshow-content img { border:10px solid #FFF; } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; } .wp-caption { line-height: 18px; margin-bottom: 20px; max-width: 612px !important; /* prevent too-wide images from breaking layout */ padding: 0; text-align: left; } #content .wp-caption img.size-medium { margin-left:0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height:13px; padding: 10px; margin:16px 0 0 0; color: #e5dee3; background: #621a4b; /* color: #7e8083; */ } .wp-caption a { vertical-align:top; } .wp-smiley { margin: 0; } #content .slideshow-wrapper .slideshow-next { background: url(images/general//ajax-loader-slideshow.gif) no-repeat scroll center 40px transparent; } #content .slideshow-wrapper .not-first { background: none; } #content div.portfolio-slideshow { margin-top:0; } #content .slideshow-medium, #content .slideshow-thumbnail { float: right; margin-left: 24px; margin-top: 4px; } #content .slideshow-large { min-width: 612px; } #content .slideshow-medium { min-width: 345px; } #content .slideshow-thumbnail { min-width: 206px; } #content .correctAKDispatchCrop { overflow:hidden; } #content .correctAKDispatchCrop img { margin-left:-10px; border:none; } #content .adjustAKDispatch { float:left; border:10px solid #FFF; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } #content .attachment img {/* single attachment images should be centered */ display: block; margin: 0 auto; } /*********************/ /* SHOWCASE */ /*********************/ #showcase-wrap { clear: both; } #showcase { display:none; margin:10px 0 0 0; padding: 0 0 6px 0; background: url("images/general/bg_main.png") repeat-x scroll left bottom transparent; } #showcase h4 { padding: 20px 0 17px 0; font-size:30px; font-style:italic; font-weight:normal; line-height:1em; text-align:center; color:#621a4a; background: url("images/general/bg_main.png") repeat-x scroll left top transparent; } #showcase .logos { padding: 6px 0 0 0; background: url("images/general/bg_main.png") repeat-x scroll left top transparent; } #showcase .logos a { display:block; width:880px; height:415px; overflow:hidden; text-indent:-9000px; background: url("images/general/showcase_logos.jpg") no-repeat top left scroll; } #showcase-controller { width:212px; overflow:hidden; padding:0 0 6px 0; line-height:17px; background: url("images/general/bg_main.png") repeat-x scroll left bottom transparent; } #showcase-controller span { display:block; width:212px; padding:6px 0 0 0; background: url("images/general/bg_main.png") repeat-x scroll left top transparent; } #showcase-controller span.open { padding-top:0; background: none; } #showcase-controller a { display:block; padding:1px 0 3px 20px; cursor:pointer; font-size:17px; font-style:italic; text-decoration:none; color:#a80924; background: url("images/general/btns.png") no-repeat scroll -1170px -77px transparent; } #showcase-controller a:hover { background-position: -1170px -107px; } #showcase-controller .open a { background-position: -1170px -135px; } #showcase-controller .open a:hover { background-position: -1170px -165px; } /*********************/ /* FOOTER */ /*********************/ #footer-wrap { clear: both; padding-bottom: 20px; background: #A50F32 url("images/general/bg_footer.png") repeat-x top left scroll; } #footer { width:980px; margin:0 auto; } #footer ul { list-style: none outside none; } #footer li { list-style-type:none; } #footer-features { float:right; width:254px; } #booking { width:254px; height:138px; overflow:hidden; } #booking h3, #booking p#phone { display:none; } #booking p#email a { display:block; width:254px; height:138px; cursor:pointer; text-indent:-9000px; background: url("images/general/bg_sprite.jpg") no-repeat top left scroll; } #booking p#email a:hover { background-position: 0 -138px; } #niche { width:254px; height:25px; margin:20px 0 0 0; background: url("images/general/bg_sprite.jpg") no-repeat 0 -276px scroll; } #niche ul { padding:0 5px 0 20px; } #niche li { float:left; height:25px; padding:0 15px 0 0; } #niche li a { display:block; height:25px; overflow:hidden; cursor:pointer; text-indent:-9000px; background: url("images/general/btns.png") no-repeat; } #niche li#agents a { width:107px; background-position:-966px 0; } #niche li#agents a:hover { background-position:-966px -30px; } #niche li#jobs a { width:91px; background-position:-1088px 0; } #niche li#jobs a:hover { background-position:-1088px -30px; } #footer .footer-nav { float:left; width:665px; margin:85px 0 0 25px; } #footer .column { float:left; width: 140px; } #footer #f-home { width: 80px; } #footer .column ul { padding: 0 20px 0 0; } #footer .column h4, #footer .column li { padding:0 0 7px 0; font-size:11px; font-weight:normal; line-height: 13px; } #footer .column li a { text-decoration:none; color:#FFF; } #footer .column li a:hover { text-decoration:underline; } #site-info { clear:both; margin:0 0 0 25px; padding:95px 0 0 0; font-size: 9px; color:#ca8a86; } #site-info a { color: #ca8a86; text-decoration: none; } #site-info a:hover { color: #FFF; text-decoration: underline; } /*****************/ /* EasyRecipe */ /*****************/ div.wpcf7 { clear:both; padding: 20px; font-size:0.95em; background:#eae4d9; border:1px solid #dad4c9; } #content div.wpcf7 h5 { color:#86783f; } #content div.wpcf7 p.sb { text-align:right; } #content div.wpcf7 p.sb img { float:left; } span.wpcf7-quiz-label { font-style:italic; font-weight:bold; } div.wpcf7-response-output { margin: 0; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { padding: 10px 10px; line-height: 14px; font-style:italic; color:#394f5c; background:#FFF; border:1px solid #dad4c9; } div.wpcf7-mail-sent-ng { border: 1px solid #dad4c9; } div.wpcf7-spam-blocked { border:1px solid #dad4c9; } div.wpcf7-validation-errors { padding: 10px 10px; line-height: 14px; color:#000; background:#f0b310; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; z-index: 100; top: 20%; left: 5%; width: 280px; padding: 2px 10px; font-size: 10pt; font-style:italic; color:#FFF; background:#8a8575; border: none; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display:none; } div.wpcf7 .watermark { color: #888; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-right: 250px; } .wpcf7 textarea, .wpcf7 input { width: 558px; padding: 4px; font-size:14px; color: #000; background:#F3EFE9; border:1px solid #dad4c9; } .wpcf7 select { margin-top:4px; } .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { background:#FFF; } #content input.wpcf7-submit { width: 150px; padding:6px 0 5px; font-size:12px; text-transform:uppercase; font-weight:bold; line-height:12px; color:#FFF; background:#a50f32; } #content input.wpcf7-submit:hover { cursor:pointer; background:#000; } /*****************/ /* EasyRecipe */ /*****************/ #content .hrecipe, #content .hrecipe h2 { clear: none; } #content .easyrecipe { margin:0 0 20px 0; padding:20px; background:#FFF; border:none; } #content .ERName { /* display:none; */ } #content .ERHead { color: #8D877F; float: left; font-size:12px; margin-right: 15px; } #content .ERSummary { padding:20px 0 20px 0; } #content .ERIngredientsHeader, #content .ERInstructionsHeader, #content .ERNotesHeader { clear: both; margin-bottom:15px; font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; } #content .easyrecipe .ERHDTable td { background:none; } #content .btnERPrint { display:none; } #content .easyrecipe ul { margin-left:14px; } #content .easyrecipe ol li { margin-left:6px; } #content ul.ingredients li.ERSeparator { margin-left:-0; padding-left:0; background:none; } /*************************************************/ /* PRINT */ /*************************************************/ @media print { body { background: none !important; } #header { border-bottom: 2pt solid #000; padding-bottom: 18pt; } #header, #footer { margin: 0; width: 100%; } #content, .one-column #content { margin: 24pt 0 0; width: 100%; } .wp-caption p { font-size: 11pt; } a,p,div,h1,h2,h3,h4,h5,h6,body,img,form,input{ padding:0px; margin:0px; border:0px solid #fff; font-family: Helvetica, Arial, sans-serif; } #branding, #branding a, h1, h2, h3, h3 a, h4, h6, blockquote, blockquote p { font-family:Georgia, "Times New Roman", Times, serif; } .header-caption-wrap, #nav-primary, #search, #nav-utility-wrap, .tabs, #sidebar, #showcase-wrap, #niche, .footer-nav, #credits { display:none; } #branding { margin: 0 0 6px 0; font-variant:small-caps; border-bottom:1px solid #CCC; } #branding a { text-decoration:none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; } #content h1 { padding: 12px 0; font-size: 24pt; font-weight:normal; } #content h2 { padding: 12px 0; font-size: 15pt; font-style:italic; font-weight:normal; color:#666; } #content h3 { padding: 12px 0; font-size: 15pt; font-weight:normal; } .home #content h3 { padding-bottom:0; } #booking h3 { font-size: 12pt; font-weight:normal; font-variant:small-caps; } #content h4 { padding: 12px 0 0 0; font-size: 13pt; font-style:italic; font-weight:normal; color:#666; } #content h5 { padding: 0; font-size: 11pt; text-transform:uppercase; } #content h6 { padding: 0; font-size: 9pt; text-transform:uppercase; } #content p, #content th, #content td, #content ul, #content ol { padding: 12px 0; margin:0; font-size: 10pt; line-height: 18pt; } #content table { margin: 12px 0; border-collapse:collapse; } #content th, #content td { padding: 6px 12px; line-height:1.1em; border:1px solid #999; } #content th { color:#666; text-transform:uppercase; } #content ul, #content ol { padding-left:10px; margin-left:10px; } #content li { padding: 0 0 12px 10px; margin:0 0 0 10px; font-size: 10pt; } #content img { float:right; margin: 0 0 30px 30px; } #content img.alignnone, #content img.size-large, #content img.size-full { float:none; } #content .post-meta { font-size: 9pt; } .easyrecipe li.ingredient { padding-bottom:4px; } .easyrecipe .ERHead { font-size:9pt; color:#333; } .easyrecipe .ERSummary { padding: 18px 0 12px 0; font-size:11pt; color:#333; } .tabshow_wrap .slide { margin:12px 0 0 0; border-top: 1px solid #CCC; } .wpcf7 textarea, .wpcf7 input { width: 560px; padding: 4px; border:1px solid #CCC; } div.wpcf7 p.sb { text-align:right; } input.wpcf7-submit { width: 190px; color:#FFF; background:#666; } #footer { clear:both; margin: 24px 0 0 0; padding: 12px 0 0 0; color:#333; border-top: 1pt solid #CCC; } #footer p { font-size: 10pt; } #site-info { margin: 24px 0 0 0; font-size: 9pt; } #footer p a, #site-info a { text-decoration:none; color:#333; } } /*************************************************/ /* SMARTPHONES */ /*************************************************/ /* smartphones */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #booking { height:auto; } #booking h3 { display:block; margin-top:85px; margin-bottom:20px; text-transform:uppercase; color:#ebb111; } #booking p#phone { display:block; color:#FFF; } #booking p#phone a, #booking p#email a { display:inline; text-indent:0; text-decoration:underline; color:#FFF; background:none; } }