/*
Theme Name: The Fern Lodge
Theme URI: http://www.mannixmarketing.com
Description: Default theme for The Fern Lodge
Version: 1.0
Author: Jonathan Volks
Author URI: http://www.mannixmarketing.com
Tags: 
Text Domain: thefernlodge.com
*/

@import url("/wp-content/themes/thefernlodge/reset.css");

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #795f48; background-color: #fbeddc; line-height: 18px; overflow-x: hidden;  }
a, a:link, a:visited, a:hover, a:active { color: #6e6a3d; }
h1 { color: #553920; font-size: 24px; font-family: adobe-caslon-pro, serif; margin: 0 0 10px 0; font-weight: bold; line-height:28px; }
h2 { color: #553920; font-size: 21px; font-family: adobe-caslon-pro, serif; margin: 0 0 10px 0; font-weight: bold; line-height:23px; }
h3 { color: #781117; font-size: 18px; font-family: adobe-caslon-pro, serif; font-weight: bold; letter-spacing:.4px; line-height:20px;}
p { margin: 1em 0; }
strong, b {font-weight:bold; }
em, i {font-style:italic; }


.layout { width: 982px; margin: 0 auto; }
.clear { clear: both; }
.alignleft { float: left; margin-right:10px; margin-bottom:8px; }
.alignright { float: right; margin-left:10px; margin-bottom:8px; }
.buttons {background-color:#c0c59e; border:solid 1px #b1b68a; padding:5px; font-weight:bold; float:left; margin:8px 5px 0 0;}
.buttons a { text-decoration:none; float: left;}
.buttons a:hover { color:#fdf3e6; }
.book_online_rooms img {width: 275px; height: auto; margin-top: 0; margin-right: 5px; float: left; background-image:url(/wp-content/themes/thefernlodge/images/book-online-btn-hover.jpg);}
.book_online_rooms img a {background-image:url(/wp-content/themes/thefernlodge/images/book-online-btn-hover.jpg);}
.book_online_rooms img a:hover {opacity: 0;}


#calltoactionbar { height: 100px; background-color: #8b875b; font-size: 12px; color: #333018; line-height: 34px; text-transform: uppercase; }
#calltoactionbar .layout { text-align: right; }
#calltoactionbar .layout .phone { float: right; margin: 0 0 0 5px; line-height: 0; }
#calltoactionbar .layout .facebook { float: right; margin: 3px 0 0 8px; line-height: 0; }
#calltoactionbar .layout .google { float: right; margin: 3px 0 0 8px; line-height: 0; }
#calltoactionbar .layout .facebook_like { float: right; margin: 6px -2px 0 8px; line-height: 0; }
#calltoactionbar .layout .tripadvisor { float: right; margin: 7px 0 0 8px; line-height: 0; }
#calltoactionbar .layout .logo { position: absolute; float: left; }
#calltoactionbar .layout .book_now { float: left; margin: 0 0 0 205px; }

#navigation { background-image: url("/wp-content/themes/thefernlodge/images/navigation_background.png"); background-repeat: repeat-x; height: 40px; line-height: 40px;  font-family: adobe-caslon-pro, serif; }
#navigation nav ul { margin: 0 0 0 196px; padding: 0; height: 40px; list-style:none; line-height: 40px;}
#navigation nav ul li { margin: 0 10px 0 0; padding: 0 10px 0 0; height: 40px; float:  left;  background-image: url("/wp-content/themes/thefernlodge/images/navigation_li_background.png"); background-repeat: no-repeat; background-position: right; list-style:none;}
#navigation nav ul li a { color: #fbeddc; font-size: 18px; text-decoration: none; display: block; margin-top: 3px;  }
#navigation nav ul li:last-child { margin-right: 0; }

#navigation nav ul li ul { display: none; background-color: #f3dfc7; position: absolute; z-index:500; margin: -3px 0 0 -10px; padding: 0 0 0 0; height: auto;  }
#navigation nav ul li ul li { clear: both; background-image: none; margin: 0 10px 0 10px; padding: 0 0 0px 0; height: 35px; border-bottom: 1px solid #d2c4a7; width: 220px;; }
#navigation nav ul li ul li a { text-transform: uppercase; color: #5a3d24; font-size: 14px; font-family: adobe-caslon-pro }
#navigation nav ul li ul li:last-child { border-bottom: none; }
#navigation nav ul li:hover > ul { display: block; }

#header_image { margin: 0 auto; background-color: #2E1C10; height: 551px; position: relative; z-index: -2; }
#header_image img { position: absolute; z-index: -1; margin: 0 0 0 -345px;  }
#header_image div { width: 982px; height: 551px; margin: 0 auto; text-align: left; }
#secondary_image { margin: 0 auto; background-color: #2E1C10; height: 261px; background-image: url("/wp-content/themes/thefernlodge/images/hidden_oasis_in_the_adirondacks.jpg"); background-position: center; }

.content-top { height: 25px; margin: -37px 0 0 0; }
.content-top .content-top-left { background-image: url("/wp-content/themes/thefernlodge/images/corner-top_left.png"); background-repeat: no-repeat; height: 25px; width: 12px; float: left; }
.content-top .content-top-center { background-color: #fbeddc; height: 25px; float: left; width: 958px; }
.content-top .content-top-right { background-image: url("/wp-content/themes/thefernlodge/images/corner-top_right.png"); background-repeat: no-repeat; height: 25px; width: 12px; float: left; }

.background-tan { background-color: #fbeddc; height: 12px; position: absolute; width: 982px; }
.leaf-background-top { background-image: url("/wp-content/themes/thefernlodge/images/leaf-content-top-background.png"); background-repeat: no-repeat; background-position: top right; position: absolute; height: 367px; width: 982px; margin: -25px 0 0 0; z-index: 5; }
.leaf-background-bottom { margin: -351px 0 0 662px; background-image: url("/wp-content/themes/thefernlodge/images/leaf-content-bottom-background.png"); background-repeat: no-repeat; position: absolute; height: 374px; width: 318px; z-index: 10; }

.content { position: relative; z-index: 10; float: left; margin: 0 21px 0 0;  }
.content .post { margin: 0 0 0 23px; background-color: #fdf3e6; border: 1px solid #dcd1bb; padding: 15px; width: 582px; }
.content .post img { border: 5px solid #e7dbc5; }
.content .post ul { float: left; margin: 0 0 15px 0; }
.content .post ul li {background-image: url("/wp-content/themes/thefernlodge/images/bullet.png"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 15px; }


.secondary-content { position: relative; z-index: 10; float: left; margin: 0 21px 0 0;  }
.secondary-content .post { margin: 0 0 0 23px; background-color: #fdf3e6; border: 1px solid #dcd1bb; padding: 15px; width: 646px; }
.secondary-content .post img { border: 5px solid #e7dbc5; }
.secondary-content .post ul { margin: 0 0 15px 0;  }
.secondary-content .post ul li { background-image: url("/wp-content/themes/thefernlodge/images/bullet.png"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 15px; }
.secondary-content .post ul.faq_list li { margin-bottom: 10px; }

.sidebar_box { padding: 16px; border: 1px solid #dcd1bb; background-color: #FDF2E5; width: 263px; color: #644830; font-size: 12px; line-height: 16px; }

aside { position: relative; z-index: 20; width: 297px; float: left; }
aside .escape_packages { width: 295px; height: 245px; margin: 0 0 18px 0; border: 1px solid #dcd1bb;  }
aside .book_guest_room { width: 295px; height: 63px; margin: 0 0 18px 0; border: 1px solid #dcd1bb; }
aside .rave_reviews span { margin: 2px 0 8px 0; display: block; text-align: center; }

aside.secondary { position: relative; z-index: 20; width: 233px; float: left; }
aside.secondary .escape_packages { width: 233px; height: 219px; margin: 0 0 18px 0; border: 1px solid #dcd1bb; }
aside.secondary .book_guest_room { width: 233px; height: 81px; margin: 0 0 18px 0; border: 1px solid #dcd1bb; }
aside.secondary .friend_us { width: 233px; height: 82px; margin: 0 0 18px 0; border: 1px solid #dcd1bb; }
aside.secondary .sidebar_box { padding: 16px; border: 1px solid #dcd1bb; background-color: #FDF2E5; width: 201px; color: #644830; font-size: 12px; line-height: 16px; }
aside.secondary .rave_reviews { text-align: center; }
aside.secondary .rave_reviews span { margin: 2px 0 8px 0; display: block; text-align: center; }

.content-bottom { margin: -28px 0 0 0;  }
.content-bottom .content-bottom-buffer { background-color: #fbeddc; width: 982px; height: 28px; position: relative; z-index: 5; }
.content-bottom .content-bottom-left { background-image: url("/wp-content/themes/thefernlodge/images/corner-bottom_left.png"); background-repeat: no-repeat; height: 25px; width: 12px; float: left; }
.content-bottom .content-bottom-center { background-color: #fbeddc; height: 25px; float: left; width: 958px; }
.content-bottom .content-bottom-right { background-image: url("/wp-content/themes/thefernlodge/images/corner-bottom_right.png"); background-repeat: no-repeat; height: 25px; width: 12px; float: left; }


footer { font-size: 13px; color: #423f24; height: 212px; background-image: url("/wp-content/themes/thefernlodge/images/footer-background.png"); background-repeat: repeat-x; margin: -53px 0 0 0;  }
footer .bottom_navigation { margin: 0 0 0 0; padding: 78px 0 0 25px; }
footer a:link, footer a:active, footer a:visited { color: #423f24; }
footer .address { color: #c8c497; margin: 10px 0 0 25px; }
footer .email_signup { margin: 10px 0 0 25px; }
footer .email_signup img { float: left; }
footer .email_signup input[type='text'] { float: left; width: 158px; border: none; border-collapse: collapse; background-color: #8b875b; color: #c8c497; padding: 2px 5px; height: 17px; margin: 0 6px 0 0;  }
footer .email_signup input[type='submit'] { float: left; background-image: url("/wp-content/themes/thefernlodge/images/submit.png"); background-repeat: no-repeat; width: 60px; height: 21px; border: none; border-collapse: collapse; cursor: pointer;  }
footer .alpine { float: right; border-left: 1px solid #69653d; margin: 20px 25px 0 0; font-size: 12px;  color: #c8c497;  padding: 0 0 0 15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
     footer .alpine { float: right; border-left: 1px solid #69653d; margin: 17px 25px 0 0; font-size: 12px;  color: #c8c497;  padding: 0 0 0 15px; }
}
footer .alpine img { position: absolute; z-index: 25; margin: 0 0 0 35px; }
footer .alpine div { position: relative; z-index: 30; text-align: right; margin: 35px 0 0 0; }
footer .alpine a:linke { color: #423f24;  }

.leaf-background-left { position: absolute; z-index: 50; width: 274px; height: 309px; margin: -297px 0 0 -274px; background-image: url("/wp-content/themes/thefernlodge/images/leaf-background-left.png"); background-repeat: no-repeat;  }
.leaf-background-right { position:absolute; z-index: 100; width: 268px; height: 316px; margin: -304px 0 0 982px; background-image: url("/wp-content/themes/thefernlodge/images/leaf-background-right.png"); background-repeat: no-repeat;  }

.red_buttons { position: absolute; z-index: 100; margin: -23px 0 0 658px; }
.red_buttons div { float: left; margin: 0 5px 0 0;  }