/*
Theme Name:     Hartstone
Description:    Hartstone Theme 
Author:         Adam Policky
Template:       rarebrick3
Version:        0.1.0
*/
/* RESET */

html{position:relative;height:100%;}
body{color:#313433;position:relative;height:100%;width:100%;margin:0 auto;font:100% trebuchet,arial,helvetica,clean,sans-serif;line-height:1.3em;
text-align:left;
}
body.gray {
	background-color:#313433;
}
body,div,img,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul,li,ol{font-family:Arial, Helvetica, sans-serif;}
body,div,img,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

th,td{vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table {font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

p {
	margin-top:0.5em;
}

/* UTIL */
div.clear {clear:both;height:0;overflow:hidden;}
div.clearLeft { clear:left; }
/* STRUCTURE */
#allWrap { width:1000px;
	background-image:url(images/back_gray.gif);
	background-repeat:repeat-x;
	background-color:#313433;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
}
#all { width:1000px;overflow:visible;margin:0 auto; }
#allIn { width:1000px;margin:0;padding-bottom:20px; }


#mast { position:relative;height:645px; }
#mastIn { position:relative;width:1000px;text-align:left; }
div#slideshowHolder { position:absolute;bottom:0;left:0;width:1000px;background-color:#fff; }
div#slideshow { position:relative;height:497px;padding:0 10px; }
div#slideshow img { position:absolute;bottom:0;width:980px;height:492px;display:block; }
.ngg-gallery-thumbnail { display:none; }


/* NAV */
div#nav { position:absolute;z-index:10000;top:100px;width:100%;height:48px;text-align:center;background-color:#3988ad; }
div#nav ul {
	font-size:93%;
	margin:0;
	padding:0;
}
div#nav ul li {
	position:relative;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
div#nav ul li a {
	color:#fff;
	text-transform:uppercase;
	padding:0 10px;
	text-decoration:none;
	height:48px;
	line-height:48px;
	display:inline-block;
}
div#nav ul li a:hover {
	background-color:#222423;
}
div#nav ul li ul {
	display:none;
	position:absolute;
	top:33px;
	left:0;
	background-color:#3988ad;
	text-align:left;
}
div#nav ul li ul li {
	display:block;
	white-space:nowrap;
	border-top:1px solid #ccc;
}
div#nav ul li ul li a {
	display:block;
	height:27px;
	line-height:27px;
}
div#nav ul li ul li:last-child {
	height:33px;
}
div#nav ul li ul li:last-child a {
	height:33px;
}


div#nav2 { position:absolute;top:7px;right:0;text-align:right; }
div#nav2 ul, div#nav2 li {
	margin:0;
	padding:0;
}
div#nav2 li {
	display:inline;
	list-style-type:none;
}
div#nav2 li a {
	color:#c18a5a;
	text-transform:uppercase;
	text-decoration:none;
	font-size:75%;
	padding-left:10px;
}
div#nav2 li a img {
}

div#nav2 li.Rates a {
	color:#f16300;
}
div#nav2 li.Facebook, div#nav2 li.Twitter {
	opacity:0.6;
	filter:alpha(opacity=60);
}

div#nav2 li.Facebook:hover, div#nav2 li.Twitter:hover {
	opacity:1;
	filter:alpha(opacity=100);
}


/* FOOTER */
div#footer {
	background-color:#1f2221;
	color:#919292;
	font-size:70%;
}
#footerIn { text-align:left;padding:21px; }

div#footer ul, div#footer li {
	margin:0;
	padding:0;
}
div#footer li { 
	list-style-type:none;
	display:inline;
}
div#footer p, div#footer ul {
	margin-bottom:1em;
	line-height:1.3em;
}
div#footer a {
	color:#919292;
	margin-right:10px;
}
div#siteby { float:right; width:200px; margin:0 0 10px 10px; }
div#siteby p { text-align:right; }
div#footer div#siteby a {
	margin-right:0;
}
div#footerlinks div {
	float:left;
}
div#footerlinks div.emails2 {
	width:337px;
	padding-top:23px;
}
div#footerlinks div.emails2 input {
	width:190px;
	border:1px solid #919292;
	color:#919292;
	font-size:120%;
	background-color:#1f2221;
}
div#footerlinks div.emails2 img {
	margin-bottom:-7px;
}
div#footerlinks div.brochure {
	width:239px;
}
div#footer hr {
	border:1px solid #919292;
}

/* BUTTONS */
.buttons {}
div#contentIn p.buttons, p.buttons {
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;
	text-align:right;
	clear:right;
	line-height:2.3em;
}
div#contentIn p.buttons a, p.buttons a {
	color:#f16300;
	border: 1px solid #bec9c5;
	text-decoration:none;
	margin-right:10px;
	padding:4px 10px;
}
div#contentIn p.buttons a:hover, p.buttons a:hover {
	background-color:#f16300;
	border-color:#f16300;
	color:#fff;
}

div#contentIn p.buttonsRoom a {
	color:#f16300;
}

div#social {
	position:absolute;
	right:10px;
}


img#logo {
	position:absolute;left:-29px;
}
img#tagline {
	position:absolute;right:0;top:42px;
}



/* CONTENT */

#content{ width:1000px;background-color:#fff; }
#contentIn { padding:10px 10px 20px 43px; font-size:87%; }

div#content {
	position:relative;
	text-align:left;
	margin:0 auto;
	width:1000px;
}

div#content div#dropcap {
	font-family:BalmoralPlainRegular;
	font-size:120pt;
	line-height:120pt;
	color:#ece4ca;
	width:1px;
	height:1px;
	overflow:visible;
}

div#contentIn h1 {
	color:#499bbc;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:145%;
	padding-top:1em;
	text-indent:35px;
}
div#contentIn p {
	margin:0.7em 0 0 0;
}
div#contentIn p+h2 {
	margin-bottom:-0.5em;
}
div#contentIn div.entry-content p:first-child {
	margin-top:0.3em;
}
div#contentIn div.entry-content-sub p:first-child {
	margin-top:0.3em;
}
div#contentIn h2 {
	color:#7b4f2a;
	text-transform:uppercase;
	font-size:120%;
	margin-top:1em;
}
div#contentIn h3 {
	color:#499bbc;
	text-transform:uppercase;
	font-size:110%;
	margin-top:1em;
}
div#contentIn h4 {
	color:#7b4f2a;
	font-size:100%;
	margin-top:1em;
}

div#contentIn ul {
	margin:0.7em 0 0 0;
	display:block;
}
div#contentIn ul li {
	display:list-item;
	margin-left:20px;
}

div#contentIn a {
	color:#764312;
}


/* PROMOS */

div.promoHolder {
	position:relative;
	margin-top:6px;
}
div.promo {
	width:247px;
	background-color:#c18a5a;
}
div.promo.click {
	background-color:#c18a5a;
}
div.promo.avail {
	background-color:#7b4f2a;
}

div.promo.video {
	background-color:#499bbc;
	background-image:url(images/back_promo_video.png);
	background-repeat:no-repeat;
	background-position:0 50%;
}
div.promo img {
	display:block;
}
div.promo.video img {
	float:right;
}
div#contentIn div.promo p, div#contentIn div.promo h1 {
	text-indent:0;
	margin:0;
}
div#contentIn div.promo h1 {
	text-transform:none;
	font-weight:bold;
	color:#7b4f2a;
	letter-spacing:normal;
	padding:10px 20px 5px 20px;
	font-size:135%;
}
div#contentIn div.promo p {
	color:#7b4f2a;
	padding:10px 20px;
	line-height:1.2em;
}
div#contentIn div.promo.avail h1, div#contentIn div.promo.avail p {
	color:#eed9c7;
	padding-left:15px;
	padding-right:5px;
}
div#contentIn div.promo.video h1, div#contentIn div.promo.video p {
	padding-left:37px;
	padding-right:80px;
}
div#contentIn div.linked div.promo.avail h1, div#contentIn div.linked div.promo.avail p {
	padding-left:35px;
}
div#contentIn div.promo h1 + p {
	padding-top:0;
}
div#contentIn div.promo h1.light, div#contentIn div.promo h1 span.light, div#contentIn div.promo p, div#contentIn div.promo p span.light, div#contentIn div.promo .light a, div#contentIn div.promo a.light {
	color:#eed9c7;
}
div#contentIn div.promo.video h1.light, div#contentIn div.promo.video h1 span.light, div#contentIn div.promo.video p, div#contentIn div.promo.video p span.light, div#contentIn div.promo.video .light a, div#contentIn div.promo.video a.light {
	color:#dae6e3;
}





div.linked {
}
div.linked:hover {
	cursor:pointer;
}

.light { color:#ccc; }

img.click {
	position:absolute;
	right:0;
	bottom:0;
}
img.avail {
	position:absolute;
	left:0;
	top:0;
}


/* BREADCRUMBS */

p.breadcrumbs {
	font-size:77%;
	padding-left:35px;
	padding-bottom:10px;
}
p.breadcrumbs a {
	padding-right:1em;
	white-space:nowrap;
	color:#764312;
}


.alignleft {
	float:left;
	clear:left;
	margin:0 20px 10px 0;
}
.alignright {
	float:right;
	clear:right;
	margin:0 0 10px 15px;
}



/* ROOM THUMBS */
div.roomThumbs {
	width:1200px;
	margin-left:-20px;
	margin-top:10px;
}
div.roomThumb {
	float:left;
	margin:0 22px 10px 0;
}
div.roomThumbIn {
	width:465px;
	height:224px;
	position:relative;
}
div#contentIn h3.roomThumb {
	position:absolute;
	z-index:100;
	bottom:0;
	left:0;
	font-weight:normal;
	padding:0 10px;
	color:#fff;
	margin:0;
	line-height:38px;
	font-size:110%;
}
div#contentIn h3.roomThumb a {
	color:#fff;
}
div.roomH3Back {
	position:absolute;
	z-index:99;
	bottom:0;
	left:0;
	width:100%;
	height:38px;
	background-color:#499bbc;
	opacity:0.7;
}



/* GIFT THUMBS */
div.giftThumb {
	float:left;
	margin:0 22px 10px 0;
}
div.giftThumbIn {
	width:465px;
	position:relative;
}

div.giftThumbIn2 {
	border:1px solid #ccc;
	padding:10px;
}
div#contentIn div.giftThumbIn2 p.buttons {
	margin-top:0;

	line-height:1.3em;
	clear:none;
}

div#contentIn div.giftThumbIn2 h3.entry-title {
	margin-top:0;
}

hr {
	height:1px;
	margin:1em 0;
}

div#iframeWrap {
	position:absolute;
	z-index:10001;
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0;
	top:0;
	background-color:#000;
	}
div#iframeWrap.vis {
}
iframe#iframe {
	height:85%;
	width:80%;
	overflow:hidden;
	background-color:#fff;
	padding:10px;
	}
div#iframeWrap a {
	color:#fff;
}

/* MENUS */
.menubox {
	border: 1px solid #333;
	margin:10px 0;
}

h1, h2, h3, h4, h5 {
	margin-top:1em;
	color:#499bbc;
}

div.classdates {
	float:right;
	clear:right;
	border:1px solid #800000;
	padding:0 1em 0.5em 1em;
	margin:1em;
}
div.classdates p {
	color: #800000;font-weight:bold;
	margin:0;
}