/*
Theme Name: The Overlook Inn
Theme URI: http://www.theoverlookinn.com/
Author: Blizzard Digital
Author URI: http://www.blizzarddigital.com/
Description: The Overlook Inn theme.
Version: 1.0
*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic");

/* Common */
html, body
{
	margin: 0;
	padding: 0;
}

html
{
	background: #5c6068 url("images/background.png") repeat-x left top;
	color: #333;
	font-family: "Open Sans", sans-serif;
	font-size: 0.8em;
}

address
{
	font-style: normal;
}

a, a:visited
{
	color: #681416;
	text-decoration: underline;
}

a:active, a:hover
{
	text-decoration: none;
}

a img
{
	border: 0;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0 0 1em 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	color: #234051;
	font-family: Georgia, serif;
	font-size: 1em;
}

h1
{
	font-size: 1.4em;
}

h2
{
	font-size: 1.15em;
}

ol, ul
{
	list-style-type: disc;
	margin: 0 0 1em 0;
	padding: 0 0 0 2.25em;
}

dl
{
	margin: 0 0 1em 0;
	padding: 0;
}

dt
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

dd
{
	margin: 0 0 1em 0;
	padding: 0;
}

li
{
	margin: 0;
	padding: 0;
}

input[type=text], input[type=password], textarea, select
{
	background: #fff;
	border: 1px solid #dedede;
	color: #000;
}

input[type=submit], button
{
	background: #681416 no-repeat left top;
	border: 2px solid #681416;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 5px 18px;
	text-align: center;
	text-decoration: none;
}

input[type=submit]:hover, button:hover
{
	border-color: #fff;
}

form
{
	margin: 0;
	padding: 0;
}

ul.fields
{
	list-style: none;
	padding: 0;
}

ul.fields > li
{
	margin: 0 0 1em 0;
}

ul.fields > li label
{
	display: block;
}

/* Layout */
#container
{
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	padding: 191px 20px 20px 20px;
	position: relative;
	overflow: hidden;
	width: 910px;
}

#container > img.banner
{
	margin: -20px 0 15px -20px;
}

#content
{
	float: left;
	width: 592px;
}

body.single-room #content, body.post-type-archive-room #content
{
	float: none;
	width: auto;
}

/* Sidebar */
#sidebar
{
	list-style: none;
	margin: 0 0 1em auto;
	padding: 0;
	width: 298px;
}

#sidebar > li.container
{
	background: #fafafa url("images/box-bg.png") repeat-x left top;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
	margin: 0 0 10px 0;
	padding: 1px;
}

#sidebar > li.container > h2
{
	background: #234051;
	color: #fff;
	font-size: 1em;
	margin-bottom: 0;
	padding: 10px;
}

#sidebar > li.container > .content
{
	overflow: hidden;
	/* padding: 10px; */
}

#sidebar > li.container.reservation
{
	background: transparent;
	box-shadow: none;
}

body.home #sidebar > li.container.reservation
{
	position: absolute;
	top: 200px;
	left: 30px;
}

body.home div.credentials
{
	margin: 0 auto;
	width: 590px;
}

body.home div.credentials > div
{
	box-sizing: border-box;
	display: table-cell;
	padding: 0 1em;
	text-align: center;
	vertical-align: top;
	width: 32%;
}

body.home div.credentials > p
{
	display: none;
}

#sidebar > li.container.reservation > h2
{
	/* display: none;
	margin: 0; */
	border-radius: 5px 5px 0 0;
	margin: 0 8px -8px 8px;
}

#sidebar > li.nav-list > ul
{
	font-family: Georgia, serif;
	font-size: 1.1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar > li.nav-list > ul > li
{
	margin: 0 0 10px 0;
}

#sidebar > li.nav-list > ul > li a
{
	background: #681416 no-repeat left top;
	border: 2px solid #681416;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	display: block;
	padding: 13px 18px;
	text-align: right;
	text-decoration: none;
}

#sidebar > li.nav-list > ul > li a:active, #sidebar > li.nav-list > ul > li a:hover
{
	border-color: #fff;
}

#sidebar > li.nav-list > ul > li.gift-certificate a
{
	background-image: url("images/icons.png");
	background-position: 8px 6px;
}

#sidebar > li.nav-list > ul > li.comment a
{
	background-image: url("images/icons.png");
	background-position: 8px -47px;
}

#sidebar > li.nav-list > ul > li.tour a
{
	background-image: url("images/icons.png");
	background-position: 8px -97px;
}

#sidebar > li.nav-list > ul > li.about a
{
	background-image: url("images/icons.png");
	background-position: 8px -140px;
}

#sidebar > li.nav-list > ul > li.property a
{
	background-image: url("images/icons.png");
	background-position: 8px -179px;
}

#sidebar > li.nav-list > ul > li.newsletter a
{
	background-image: url("images/icons.png");
	background-position: 8px -218px;
}

#sidebar li > div.TA_selfserveprop
{
	margin: 2em auto;
	width: 240px;
}

/* Header */
#header
{
	background: transparent url("images/header.png") repeat-x left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 950px;
	height: 189px;
}

#top-menu
{
	background: transparent url("images/logo-solo.png") no-repeat 20px 20px;
	font-family: Georgia, serif;
	font-size: 1.125em;
	list-style: none;
	margin: 0;
	padding: 138px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

#top-menu > li
{
	display: inline;
}

#top-menu a, #top-menu > li.current-menu-item a
{
	border: 0;
	color: #fff;
	display: inline-block;
	height: 33px;
	line-height: 33px;
	padding: 0 12px;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

#top-menu a:active, #top-menu a:hover
{
	border-top: 3px solid #fff;
	height: 27px;
	line-height: 27px;
}

#top-menu > li.current-menu-item a
{
	background: #fff;
	color: #681416;
	text-shadow: none;
}

#extra-menu, #social-media
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 100;
}

#extra-menu
{
	font-family: Georgia, serif;
	top: 50px;
	right: 20px;
}

#extra-menu > li a
{
	background: #681416;
	border: 1px solid #681416;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	display: block;
	font-size: 1.1em;
	margin: 0 0 8px 0;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 8em;
}

#extra-menu > li.current-menu-item a, #extra-menu > li a:active, #extra-menu > li a:hover
{
	border-color: #fff;
}

#extra-menu > li.current-menu-item a
{
	background: #fff;
	color: #681416;
}

#social-media
{
	top: 20px;
	/* left: 475px; */
	right: 165px;
	text-align: right;
}

#social-media > li
{
	/* display: inline;
	line-height: 41px;
	margin: 0 15px 0 0;
	vertical-align: top; */
}

#header .changes
{
	position: absolute;
	top: 25px;
	left: 330px;
	width: 300px;
	height: 100px;
}

#header .live-chat
{
	position: absolute;
	top: 20px;
	right: 325px;
}

#header > .phone
{
	color: #fff;
	font-size: 1.65em;
	position: absolute;
	top: 10px;
	right: 20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Footer */
#footer
{
	color: #fff;
	font-size: 0.75em;
	margin: 10px auto 0 auto;
	position: relative;
	text-align: right;
	width: 950px;
}

#footer a
{
	color: #fff;
}

#menu
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#menu > li
{
	display: inline;
	margin: 0 10px;
	white-space: nowrap;
}

#menu > li a
{
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#menu > li.current-menu-item a, #menu > li a:active, #menu > li a:hover
{
	text-decoration: underline;
}

#footer > .contact-info
{
	float: left;
	text-align: left;
}

#footer > .rights, #footer > .design
{
	/* position: absolute;
	right: 0;
	bottom: 0; */
}

#footer > .rights
{
	bottom: 1.35em;
}

#footer > .design
{
	font-size: 0.9em;
	font-weight: bold;
}

/* Content */

img.alignleft, img.alignright, img.alignnone,
.alignleft img, .alignright img, .alignnone img
{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.alignleft
{
	clear: left;
	float: left;
	margin: 0 20px 20px 0;
}

.alignright
{
	clear: right;
	float: right;
	margin: 0 0 20px 20px;
}

.thumbnails
{
	overflow: hidden;
}

.thumbnails .alignleft, .thumbnails .alignright
{
	clear: none;
}

h1 .post-edit-link, h2 .post-edit-link
{
	font-size: 0.65em;
	font-weight: normal;
}

#sidebar > li.container.cabins > a
{
	display: block;
	height: 330px;
}

.note
{
	font-size: 0.9em;
}

/* Rooms */

body.post-type-archive-room .amenities
{
	font-size: 0.9em;
}

body.post-type-archive-room .amenities > ul
{
	list-style-position: inside;
	padding: 0;
}

body.post-type-archive-room .amenities > ul > li
{
	display: inline-block;
	/* float: left; */
	width: 33%;
}

body.post-type-archive-room .amenities .virtual-tour
{
	font-weight: bold;
}

ul.rooms
{
	list-style: none;
	padding: 0;
}

ul.rooms > li
{
	background: #e9dece;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 275px;
	overflow: hidden;
}

ul.rooms > li h2
{
	font-variant: small-caps;
}

ul.rooms > li ul.options
{
	float: right;
	list-style: none;
	margin: 0 10px 20px 20px;
	padding: 0;
}

ul.rooms > li ul.options > li
{
	margin-bottom: 0.75em;
}

ul.rooms > li ul.options > .phone
{
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
}

ul.rooms > li ul.options > .details
{
	font-family: Georgia, serif;
	font-size: 1.1em;
}

ul.rooms > li ul.options > .details a
{
	background: #681416 no-repeat left top;
	border: 2px solid #681416;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	display: block;
	padding: 10px 18px;
	text-align: right;
	text-decoration: none;
}

ul.rooms > li ul.options > .details a:active, ul.rooms > li ul.options > .details a:hover
{
	border-color: #fff;
}

ul.rooms > li > .thumb
{
	float: left;
	margin: 0 15px 0 -265px;
}

ul.rooms > li > .thumb img
{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

ul.rooms > li .rates
{
	margin: 0 0 1em 0;
}

ul.rooms > li .rates .midweek
{
	color: #f00;
}

ul.rooms > li .rates .rate.midweek.note
{
	font-size: 0.8em;
}

ul.rooms > li .amenities, body.single-room .amenities
{
	font-size: 0.85em;
}

/* Room */

body.single-room h1
{
	font-size: 1.75em;
}

body.single-room #room-details
{
	/* border: 1px solid #7f7f7f;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); */
	float: right;
	/* margin: 0 0 20px 20px;
	padding: 10px;
	width: 288px; */
	margin: 0 0 20px 0;
	width: 310px;
}

body.single-room #room-details img
{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	display: block;
	margin: 0 auto 1em auto;
}

body.single-room .availability
{
	float: right;
	margin: 0 20px 1em 20px;
	/* background: #e9dece;
	border-radius: 10px;
	float: right;
	margin: 0 20px 1em 20px;
	padding: 15px;
	text-align: justify;
	width: 215px; */
}

body.single-room .availability p:last-child
{
	margin-bottom: 0;
}

body.single-room #monthly-calendar
{
	margin: 0 0 1em 0;
	min-height: 200px;
	overflow: hidden;
	width: 580px;
}

body.single-room #monthly-calendar .rs-sc-wrapper:before, body.single-room #monthly-calendar .rs-sc-wrapper:after
{
	content: normal;
}

body.single-room #monthly-calendar .rs-sc-inline-calendar-wrapper
{
	float: left;
	width: 325px;
}

body.single-room #monthly-calendar .rs-sc-selections-with-calendar-wrapper
{
	margin-right: 25px;
	float: right;
}

body.single-room #monthly-calendar .ui-widget
{
	font-size: 0.85em;
}

body.single-room #monthly-calendar .ui-datepicker table
{
	font-size: 0.85em;
}

body.single-room #room-gallery
{
	clear: left;
	/* float: right; */
	margin: 0 0 20px 0;
	/* width: 310px; */
	width: 580px;
}

body.single-room #room-gallery ul.gallery > li
{
	margin: 5px;
	width: 135px;
}

body.single-room #room-gallery ul.gallery > li img
{
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	width: 135px;
	height: 135px;
}

body.single-room #room-overview
{
	float: left;
	/* width: 580px; */
	/* width: 315px; */
	width: 308px;
	min-height: 253px;
}

body.single-room #room-amenities
{
	clear: right;
	float: right;
	width: 310px;
}

body.single-room #room-includes
{
	clear: right;
	float: right;
	width: 310px;
}

body.single-room dl.rates
{
	font-size: 0.9em;
}

/* Image Gallery */

ul.gallery
{
	list-style: none;
	padding: 0;
	overflow: hidden;
}

ul.gallery > li
{
	float: left;
	margin: 0 9px 10px 9px;
	width: 130px;
}

ul.gallery > li img
{
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	width: 130px;
	height: 130px;
}

/* Packages */

ul.packages
{
	list-style: none;
	padding: 0;
}

ul.packages > li
{
	margin: 0 0 1em 0;
}

/* Contact */

.contact-info
{
	float: right;
	font-size: 0.9em;
	margin-top: 1.75em;
	text-align: right;
	width: 40%;
}

.contact-info img
{
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	margin: 1em 0 0 0;
}

.bliz-contact-form
{
	width: 55%;
}

.bliz-contact-form input[type=text], .bliz-contact-form textarea
{
	width: 98%;
}

.bliz-contact-form li.anti-spam input
{
	margin-right: 1em;
	width: auto;
}

.bliz-contact-form .error, .bliz-contact-form .validation-errors
{
	color: #f00;
}

/* Comments */

.comments
{
	margin: 0 0 1em 0;
}

.comments ol
{
	list-style: none;
	padding: 0;
}

.comments ol .meta
{
	margin: 0 0 1em 0;
}

.comments ol .meta .date, .comments ol .meta .controls
{
	font-size: 0.8em;
}

.comments ol .meta .author
{
	font-weight: bold;
}

.comments .pager
{
	overflow: hidden;
}

.comments .pager .previous
{
	float: left;
}

.comments .pager .previous a:before
{
	content: "<< ";
}

.comments .pager .next
{
	float: right;
}

.comments .pager .next a:after
{
	content: " >>";
}

.gglcptch
{
	margin: 0 0 1em 0;
}

/* LiveRez */

/* .availability object, .availability iframe
{
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 245px;
	height: 285px;
} */

/* RezOvation */

.availability object, .availability iframe
{
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 252px;
	height: 201px;
}