/* GLOBAL TYPOGRAPHY */
/* ----------------------------------------- */


@font-face {
    font-family: Willow;
    src: url('fonts/willow__-webfont.eot');
    src: url('fonts/willow__-webfont.eot?iefix') format('eot'),
         url('fonts/willow__-webfont.woff') format('woff'),
         url('fonts/willow__-webfont.ttf') format('truetype'),
         url('fonts/willow__-webfont.svg#webfontOm1V4PLM') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { font-family:Tahoma, Verdana, Geneva, sans-serif; color:#4a191c;  }
h1, h2, h3, h4, h5, h6 { font-family:Willow, "Myriad Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; margin:-10px 0 30px; }
h2 { font-size:40px; text-transform:uppercase; }
h3 { font-size:36px; text-transform:uppercase; }
h4 { font-size:24px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
p { font-size:16px; }
a { text-decoration:none; color:#331214; }
a:hover { text-decoration:underline; }

.fontface { font-family:Willow, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; }
.underline { padding-bottom:7px; background-image:url(../images/bg_header.png); background-repeat:repeat-x; background-position:bottom; }
.header_width { display:inline-block; }

#header { font-size:17px; color:#e3d981;  }
h2#site_description { font-size:17px; font-family:Tahoma, Verdana, Geneva, sans-serif; }
div.menu-header a, #footer div.menu-header a, .navDivider { font-size:13px; color:#FFF; text-transform:uppercase; letter-spacing:1px; }
div.menu-header a:hover { color:#e3d981; }
#masthead .contact p  { font-size:18px; }
.notHome .contact p { line-height:19px; }
#footer p, #footer a { font-size:11px; }
#footer h5 { text-transform:none; margin:0; padding:0; }


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.padding { padding:20px; }
.center { text-align:center; }

/* You might find the following useful */
html, body, * html div, * html ul, * html li { position:relative; margin:0; padding:0; } /*This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.hidden { display:none; }
.clear { clear:both; }
div.break { display:block; width:258px; height:73px; background-image:url(../images/bg_pageBreakDetail.png); background-repeat: no-repeat); margin:0px auto 20px; clear:both; }

.col2 { width:410px; margin:0 10px 0 0; overflow:visible; }
.copyDiv p { margin-bottom: 20px; }

.shadow {
	-moz-box-shadow: 3px 3px 8px rgba(0,0,0,.9);
	-webkit-box-shadow: 3px 8px 6px rgba(0,0,0,.9);
	box-shadow: 3px 3px 8px rgba(0,0,0,.9);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* MAIN STRUCTURE */
/* ----------------------------------------- */

html { width:100%; background:url(../images/bg_body.jpg) repeat left top #582b2e; overflow:visible; }
body { width:100%; background:url(../images/bg_wrapper.jpg) repeat-x center 50px transparent; overflow:visible; }
div#wrapper_container { width: 974px; margin:20px auto; padding:0 25px 25px; background-color:#331214; overflow:visible; }
div#wrapper { width: 944px; margin:30px auto 0; padding:10px 15px 20px; background-color:#a26b2d; overflow: visible; }
div#header { width: 100%; margin:-30px auto 0; min-height:208px; position:relative; background-color:#331214; overflow: visible; }
div#main { width:100%; margin:0 0 20px; padding:0 0 20px; background-color: #f2e0ca; overflow: visible; float:left; border-bottom:2px #331214 solid; }
div#container { width: 100%; float:left; }
div#content {  width:100%; float:left; }
div#content_main { width:646px; margin:0 0px 0 20px; float:right; }
div#content_sub { width:329px; margin:0 10px 0 19px; float:left; }
div#footer { width: 914px; padding:20px 15px; background-color:#f2e0ca; overflow: visible; }



/* HEADER */
/* ----------------------------------------- */	

div#masthead { float:left; width: 100%; height:147px; margin-top:45px; position:relative; z-index:0;  }
div#branding { width: inherit; }

#logo a {
	position:absolute;
	top:41px;
	left:215px;
	display:block;
	width:514px;
	height:147px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	z-index:100;
}
#site-description { 
	width:100%; 
	position:absolute; 
	top:18px; 
	left:0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:17px;
}

.home .contact { width:180px; padding:0px 20px; position:absolute; }
.notHome .contact { width:220px; padding:0px 0px; position:absolute; }
.home .contact.left {
	left:0px;
	bottom:20px;
}
.notHome .contact.left {
	left:0px;
	bottom:0px;
}
.home .contact.right {
	right:0px;
	bottom:10px;
	text-align:center;
}
.notHome .contact.right {
	width:180px; 
	padding:10px 15px 0px 25px;
	right:0px;
	bottom:0px;
	text-align:left;
}
#btn_availability {
	display:block;
	width:208px;
	height:46px;
	background:url(../images/btn_availability.png) no-repeat left top transparent;
	margin:10px 0 0 -8px;
}
.notHome #btn_availability { margin:10px 0 0 -13px; }

/*********** .detail is created by jQuery onload - strictly decorative ****************/
span.detail {
	display:block;
	width:103px;
	height:93px;
	background-image:url(../images/bg_header_corners.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:200;
}
span.detail#detail_headerLeft {
	top:-30px;
	left:-35px;
}
span.detail#detail_headerRight {
	top:-30px;
	right:-40px;
}



/* NAV */
/* ----------------------------------------- */

div.menu-header { width:100%; float:left; background-color:#a26b2d; padding:3px 0 5px; }
div.menu-header ul { padding:0 8px; float:left; }
div.menu-header ul li { float:left; padding:0; margin:0 0px; }
div.menu-header ul li a { padding:0; margin:0 20px; }


/* MASTHEAD */
/* ----------------------------------------- */



/* MAIN */
/* ----------------------------------------- */

.page_banner { width:882px; margin:0 auto; padding:10px; text-align:center; border: 1px #c8ad90 solid; background-color:#e2c6a8; }
.bar { 
	width:100%;
	padding:0px 0 6px;
	text-align:center;
	font-size:30px;
	background-color:#c6a47f;
	border-top:8px #a26b2d solid;
	border-bottom:8px #a26b2d solid;
}


/* FOOTER */
/* ----------------------------------------- */

#sub_nav {margin:-20px auto 20px -15px; width:944px; float:left; }
.footer_section {
	width:290px;
	padding:0 0 0 14px;
	float:left;
}
.footer.links { text-align:center; }
#footer_contactInfo {
	width:240px;
	padding-left:64px;
	background-image:url(../images/logo_footer.png);
	background-repeat:no-repeat;
	background-position:left center;
}
a#mapquest {
	display:block;
	width:93px;
	height:84px;
	background-image:url(../images/icon_mapquest.png);
	float:left;
	margin:15px 25px 0 25px;
}
a#blog_link {
	display:block;
	width:125px;
	height:120px;
	background-image:url(../images/icon_blog.png);
	float:left;
}
a#wbba {
	display:block;
	width:130px;
	height:74px;
	background-image:url(../images/logo_wbba.jpg);
	margin:0px auto;
}



/* HOME */
/* ----------------------------------------- */

.home { }
#slideshow { width:928px; height:354px; padding:0 8px; overflow:hidden; position:relative; background-color:#331214; }
#slideshow div { position:absolute; top:0; left:0px; z-index:500; display:none; }
#slideshow div img { width:469px; height:354px; }
#ss1, #ss2 { padding:10px 0 10px 8px }
.slideText { position:absolute; bottom:40px; left:30px; z-index:510; }
.slideText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style: italic;
}
.light { color:#e3d981; }
.dark { color:#331214; }

.home h3 { font-size:40px; }

.quote { width:130%; margin-right:-70px; float:right; text-align:right; font-size:13px; }




/* Rooms & Rates */
/* ----------------------------------------- */

.page-id-6 { }
#rooms_banner { width:882px; padding:10px; text-align:center; border: 1px #c8ad90 solid; background-color:#e2c6a8; }
#rooms_banner p { font-style:italic; font-weight:bold; margin-top:-15px; }
#rooms_menu { width:100%; margin:0 auto 20px; padding:0px 0px 7px; float:left; text-align:center; }
#rooms_menu ul { width:800px; margin:-3px auto 0; padding:0; }
#rooms_menu li { float:left; padding:0; margin:0 0px; }
#rooms_menu li a { padding:0; margin:0 20px; font-family:Tahoma, Geneva, sans-serif; font-size:17px; font-weight:normal; text-transform:uppercase; text-decoration:underline; }

.roomDiv { margin:0; padding:0; float:left; }
.roomDiv > img { border-top: 6px #a26b2d solid; border-bottom: 6px #a26b2d solid; }
.roomDiv h3 {margin:-12px 0 0; padding:0; }
.roomDiv p { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-bottom:10px; }
.roomDesc strong { font-size:18px; }
.btn_book {
	display:block;
	width:157px;
	height:26px;
	background:url(../images/btn_book.png) no-repeat left top transparent;
	margin:0px 25px;
}
p.rate, p.roomTagline { font-family:Willow, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:21px; font-weight: normal; margin:-10px 30px 0; } 

#bibleStuff {
	width:864px;
	height:50px;
	padding-left:80px;
	margin:20px 0 -20px;
	background-image:url(../images/icon_house.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}


/* AREA ACTIVITIES */
/* ----------------------------------------- */

.page-id-8 { }
#area_banner { width:819px; height:177px; padding:10px; text-align:center; border: 2px #321214 solid; background-image:url(../images/area_headerImg.jpg); }
#area_banner p { font-style:italic; font-weight:bold; margin-top:50px; }

#area_menu { width:100%; margin:0 auto 20px; padding:0px 0px 7px; float:left; text-align:center; }
#area_menu ul { width:800px; margin:-3px auto 0; padding:0; }
#area_menu li { float:left; padding:0; margin:0 0px; }
#area_menu li a { padding:0; margin:0 8px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:underline; }

.attraction_type { clear:both; }
.attraction_type > div { padding: 10px 20px; overflow:visible; }
.attraction_type li { margin-bottom:10px; }
.attraction_type a { font-weight:bold; }
.attraction_type img { margin-bottom:30px; border:1px #c8ad90 solid; }
.area h3 { font-size:30px; font-weight:normal; }

h3.scenic { width:197px; height:49px; background-image:url(../images/h3_scenic.png); margin:0 0 0 -7px; }
h3.ferries { width:506px; height:46px; background-image:url(../images/h3_ferries.png); margin:0 0 0 -7px; }
h3.art { width:281px; height:46px; background-image:url(../images/h3_art.png); margin:100px -5px 0 0px; float:right; }
h3.museums { width:152px; height:46px; background-image:url(../images/h3_museums.png); margin:0 0 0 -7px; }
h3.entertainment { width:267px; height:46px; background-image:url(../images/h3_entertainment.png); margin:0 -5px 0 0px; float:right; }
h3.close { width:136px; height:46px; background-image:url(../images/h3_close.png); margin:0 0 0 -7px; }

.scenic .col_main, .ferries .col_main { width:550px; float:left; padding-right:10px; }
.scenic .col_sub, .ferries .col_sub { width: 315px; float:right; padding-left:0; margin-top:-30px; text-align:right; }
.art .col_main { width:550px; float:right; padding-left:10px; }
.art .col_sub { width: 315px; float:left; padding-right:0; margin-top:-30px; text-align:left; }
.museums { width:850px; }
.entertainment .col_main { width:600px; float:right; padding-left:10px; }
.entertainment .col_sub { width: 265px; float:left; padding-right:0; margin-top:0px; text-align:left; }
.close { }

img#art3 { margin:-80px auto 30px; padding:0; }
.close p { font-size:18px; }
.close ul { margin:20px 0 20px 100px; }
.close li { list-style: disc outside; }

#btn_availability2 {
	display: inline-block;
	width:208px;
	height:46px;
	background:url(../images/btn_availability.png) no-repeat left top transparent;
	margin:0px 0 -10px 10px;
}


/* SPECIALS */
/* ----------------------------------------- */

.specials { position:relative; z-index:0; padding-top:390px; }
div#specials_banner { width:555px; padding:0 10px 10px; text-align:center; border: 1px #c8ad90 solid; background-color:#e2c6a8; z-index:500; position:absolute; top:20px; left:185px; }
#specials_banner h2 { margin-bottom:10px; }
#specials_banner p { font-style:italic; font-weight:bold; }
#specials1 { position:absolute; top:20px; left:25px; z-index:0; }
#specials2 { position:absolute; top:20px; right:25px; z-index:0; }
#specials3 { position:absolute; top:139px; left:293px; z-index:0; }

p.specials_note { font-size:18px; margin-bottom:20px; }

.packages { margin-bottom:50px; }
.packages h3 { font-size:24px; }
.packages p { margin-bottom:20px; padding-left:30px; }
.packages ul { margin-bottom:20px; padding-left:60px; }
.packages ul li { list-style:disc outside; }



/* BREAKFAST */
/* ----------------------------------------- */

.breakfast { position:relative; }
div#breakfast_banner {  width:812px; padding:0 10px 10px; text-align:center; border: 1px #c8ad90 solid; background-color:#e2c6a8;  }
#breakfast_banner h2 { margin-bottom:10px; }
#breakfast_banner p { font-style:italic; font-weight:bold; }

#breakfast_header { width:100%; height:430px; background-image:url(../images/bg_breakfast_header.png); background-repeat:no-repeat; background-position:right top; margin:0; }
#breakfast_header p { width:225px; padding-top:65px; }

.breakfast h3 { font-size:24px; line-height:24px; }
div#recipes { width:100%; padding:90px 0 0; background-image:url(../images/bg_recipes.png); background-repeat:no-repeat; background-position:90% top; margin:-90px 0 0; }


/* INN-FORMATION */
/* ----------------------------------------- */

.info { position:relative; background-image:url(../images/bg_info.jpg); background-repeat:no-repeat; background-position:15px 100px; }
div#info_banner {  width:555px; padding:0 10px 10px; text-align:center; border: 1px #c8ad90 solid; background-color:#e2c6a8;  }
#info_banner h2 { margin-bottom:10px; }
#info_banner p { font-style:italic; font-weight:bold; }

h3.amenities { width:218px; height:46px; background-image:url(../images/h3_amenities.png); margin:0 -3px 0 0px; float:right;}
h3.policies { width:143px; height:46px; background-image:url(../images/h3_policies.png); margin:0 0 0 -7px }
h3.map { width:232px; height:46px; background-image:url(../images/h3_map.png); margin:0 0 0 -7px; }

.amenities .col_main { width:500px; float:right; padding-left:10px; }
.amenities .col_sub { width: 265px; float:left; padding-right:0; margin-top:0px; text-align:left; }
.policies .col_main { width:500px; float:left; padding-right:10px; }
.policies .col_sub { width: 315px; float:right; padding-left:0; margin-top:-30px; text-align:right; position:relative; }
.map .col_main { width:600px; float:left; padding-right:10px; }
.map .col_sub { width: 265px; float:right; padding-left:0; margin-top:-30px; text-align:right; position:relative; }


.info ul { margin-bottom:20px; padding-left:30px; }
.amenities ul li, .policies ul li { list-style:disc outside; margin:0; padding:0; }

img#top { position:absolute; top:150px; right:150px; z-index:10000; }

a#weatherUnderground { display:block; width:190px; height:167px; background-image:url(../images/bg_weather.png); margin:30px -35px 0 -7px; }
a#mapquest_info { display:block; width:164px; height:149px; background-image:url(../images/mapquest_logo.png); margin:30px 0px 0 120px; }



/* NEWS */
/* ----------------------------------------- */

.blog #content_main, .single #content_main { width:550px; float:left; padding-right:0px; }
.blog #content_sub, .single #content_sub { width: 315px; float:right; padding-left:10px; text-align:left; }
.blog #content_main h2, .single #content_main h2 {margin:20px 0 5px; font-size:36px; line-height:38px;}
.blog #content_main h3, .single #content_main h3 {margin:20px 0 5px; font-size:28px; line-height:30px;}
.blog #content_sub h3, .single #content_sub h3 {margin:20px 0 5px; font-size:28px; line-height:30px;}
.blog #content_sub a, .single #content_sub a, .blog #content_sub p, .single #content_sub p {margin:5px 0 5px; font-size:13px; line-height:15px;}

.posted-on { font-size:12px; font-style:italic; margin:10px 0; }
.post p {margin:10px 0; }
.form-allowed-tags { display:none; }
.comment-form-comment { margin:10px; }
.comment-form-comment textarea { display:block; }
.form-submit { margin:10px; }