/*
Theme Name: ~Hacienda Vargas
Theme URI: http://www.haciendavargas.com
Description: Custom Theme
Version: 1.0
Author: InsideOut Solutions/Kailey Lampert
Author URI: http://insideout.com/
*/


/* basic classes */
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

/* --------------------------------------------------------------- */
/* basic element */

ul, ol { list-style-position:inside; margin: 5px 5px 5px 15px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin: 10px 30px; font-style:italic;}

a { color: #fff; }
a:hover { text-decoration: none; }
a:visited {  }
a:active { position:relative;top:1px; }
a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.png) no-repeat right; }

h2, h3, h4, h5{ padding: 0 0 .2em 0;color: #fff; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.4em; }

hr { margin: 20px }

p{ margin: 0 0 .8em 0; }

.editLink {clear:none; position:fixed; top:45%; left:0px;width:35px;height:45px;padding:0;font-size:12px; line-height:12px;font-family:courier new;text-align:center;font-variant:small-caps; -moz-box-shadow: 1px 0px 8px #999;}
.editLink a, .editLink a:link { display:block;width:27px;height:37px; padding: 4px; text-decoration:none; 	color:#215f84; background:#cb7149;}
.editLink a:hover { display:block;																color:#215f84; background:#eed570; }

/* --------------------------------------------------------------- */
body {
	margin: 0;
	font-size:62.5%;
	background: #4E3729;
	font-family: Arial, Tahoma, Helvetica, Arial, sans-serif;
	color:#3F2D21;
	padding-bottom:20px;
}

/* Layout */
#page {margin:0 auto;background: #4E3729 url('images/shadow.png') top center repeat-y;
	display: block;
	text-align: center;}

.layout {
	width: 905px;
	text-align: left;
	margin: 0 auto;
}

#topper {
	width: 903px;
	margin: 0 1px;
	height: 140px;
	background: #215F84;
	position:relative;
}
	p.logo { width:427px;
	height:44px;
	background: url('images/logo.jpg') 15px 15px no-repeat;
	padding: 80px 0 0 20px;
	font-size:16px;
	color:#EED570;
	float:left;}
	h1.logo span {display:block;
	text-indent: -1900px;}
	h1.logo a { display:block; height:100%; color:#EED570; text-decoration:none;}

	h1.text { float:left; width:570px;padding: 0 20px; height:95%; font-size:3.5em; font-family: times new roman, times, serif; letter-spacing:1px;position:relative; text-align:right;}
	h1.text span {display:block; position:absolute;bottom:0;right:0;padding: 10px 5px 10px 55px; }

	h1 a:active {position:static;}
	
#topper div.info {
	float:right;
	width:390px;
	text-align:right;
	padding: 20px 30px 0 10px;
	color:#EED570;
	font-size:1.6em;
	height:94px;
	overflow:hidden;
}
#topper div.info p {
	width:370px;
	float:right;
}
#topper div.info p a {
	color:#EED570;
	text-decoration:none;
}
#topper div.info p a:hover {
	text-decoration:underline;
}
#topper div.info p.tag {
	width:275px;
	padding:10px 0 0 0;
	line-height: 17px;
	font-size:.9em;
}
 #check_avail{
	position:absolute;
	right:-38px;
	width: 38px;
	height:268px;
	top: 155px;
}
a#check_avail:active { top:155px; }

#slides {
	width: 625px;
	margin: 0 0 0 1px;
	height: 298px;
	background: #CA7149;
	position:relative;
	float:left;
}
#slides img {
	margin:0;
	padding:0;
	width: 625px;
	height: 298px;
	float:left;
	border: none;
}
#container {
	clear: both;
	overflow:hidden;
	font-size: 1.3em;
	line-height: 1.4em;
	background: transparent url('images/bg.jpg') top left repeat-y;
	padding-bottom:20px;
}
.page-template-page-wide-php #container {
	background: transparent url('images/bg-full.jpg') top left repeat-y;
}

/* --------------------------------------------------------------- */
/* body content */
#content {
	float:left;
	padding:30px 30px 0;
	font-size:13px;
	line-height:16px;
}
.page-id-22 #content { text-align:center; }
.narrowcolumn	{ width:565px; }
.widecolumn		{ width: 840px; }
#content h1 {
	padding: 0px 0 20px;
	font-family: georgia, times new roman;
	font-style:italic;
	color:#215F84;
	font-size:17px;
	line-height: 22px;
}

#content h2 a { text-decoration:none; }
#content h2 a:hover { text-decoration:underline; }
#content h2 {
	padding: 0px;
	font-family: georgia, times new roman;
	color:#C1663D;
	font-size:1.6em;
	margin-bottom:0.5em;
	font-style:italic;
	line-height:1.2em;
}

h3 a { text-decoration:none; }
h3 a:hover { text-decoration:underline; }
h3 {
	padding: 0px;
	font-family: georgia, times new roman;
	color:#C1663D;
	font-size:1.6em;
	margin-bottom:0.5em;
	font-style:italic;
	line-height:1.2em;
}

.post a { color:#C1663D; }
.post img { border:5px solid #f6ead1; }

#content p.date_auth { font-size:90%;margin:3px 0; font-style:italic; }

.attachment-post-thumbnail { float:right; margin-bottom:10px;}

.postmetadata { clear:both; padding: 3px 5px; font-size:80%; }
.navigation { overflow:hidden; margin:0 0 10px 0; }

	
p#quote {
	margin: 0 0 20px 0;
	clear:both;
	background: url('images/quote.gif') no-repeat 0 50%;
	padding: 20px 40px;
	width:485px;
	height:auto;
	font-family: georgia, times new roman;
	color:#C1663D;
	font-style:italic;
}
p[id='qyote'] {
	min-height:37px;
}
.page-template-page-wide-php p#quote {
	background: url('images/quote-wide.gif') no-repeat;
	width:760px;
}

/* ------------http://tools.trepmal.com/roomgen/------------------ */
/* roomsList */

.roomsList {
	list-style:none;
	padding:  0 50px;
}
.roomsList li {
	float:left;
	width:170px;
	height:170px;
	margin: 5px;
	text-align:center;
}
.roomsList li.spacer {
	width:75px;
}
.roomsList li a {
	display:block;
	width:150px;
	height:150px;
	padding:5px;
	margin:5px;
	background: #fff;
	text-decoration:none;
}
.roomsList li a:hover {
	background:#EED570;
	margin: 0;
	border: 5px solid #EED570;
}
.roomsList li a span {
	display:block;
	margin: 10px 0 0 0;
	color:#215F84;
	font-size:16px;
	
}
.roomsList a img {
	border:0px
	
}


/* --------------------------------------------------------------- */
/* attachments */
body.attachment p.attachment { text-align:center; }

/* --------------------------------------------------------------- */
/* comments */
#respond { clear:both; }
.commentlist a,
#commentform a { color:#215f84; }
ol.commentlist, ol.commentlist ul {
	list-style:none;
	margin: 0;
	padding:0;
}
li.comment {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.bypostauthor {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.odd { }

li.depth-2, li.depth-3, li.depth-4 { margin-top:10px; padding: 5px 10px; }

img.avatar {float:left;margin:3px 3px 0 0; }
/* --------------------------------------------------------------- */
/* sidebar */
#sidebar {
	width:260px;
	padding:10px;
	float:right;
	text-align:center;
	color:#215f84;
}
#sidebar a { color:#215f84; }
#sidebar h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#215f84;
	border-bottom: 1px solid #215f84;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li {
	padding: 4px 0;
	font-size: 12px;
	text-align:left;
}
.home #sidebar ul li { padding: 0 0 2px 30px; }
#sidebar ul li li{
	margin: 0;
	padding:0;
}

#sidebar ul ul {
	padding: 0 0 0 10px;
}
#sidebar h3  { text-align:left; }
#sidebar h3 img { border: none; }
#sidebar img { border:5px solid #f6ead1; }
#sidebar p {
	font-size: 12px;
	line-height:16px;
	text-align:left;
}
	

.post-side-info{ }

/* --------------------------------------------------------------- */
/*assorted special pages/widgets */
/* sitemap */
.searchbox { background:#ffffef; border: 3px solid #99AA7B; padding:10px; margin-right:50px;}
.sitemap { margin-left:50px; }

/* widgets */

/* search */
input#s {width:120px; }

/* calendar */
table#wp-calendar {width:100%;text-align:center;}


/* --------------------------------------------------------------- */
/* footer */
#footer {
	background: #215F84;
	font-size:12px;
	line-height:15px;
	margin: 0 1px;
	color:#EED570;
	clear:both;
	width:auto;
}
#footer a { color:#EED570; }
#footer p.right { text-align:right; }

#footCont {
	width:590px;
	float:left;
	padding: 15px;
}
	#footCont h3 { font-size:1em; }
	#footCont .links {list-style:none;}

	ul.advanced-recent-posts { list-style:none; line-height:1.35em; }
	ul.advanced-recent-posts li { clear:both; height:60px; margin:0px;}
	ul.advanced-recent-posts a { font-weight:bold; }
	ul.advanced-recent-posts img { float:left; margin:0 10px 0 0;padding:0px;border:2px solid #4E3729; }
	#footCont h3 { font-size:1.5em; }

#footSide {
	width:260px;
	padding: 10px;
	float:right;
	text-align:right;
}

/* subfooter */

#subfooter { padding: 15px; font-size: 1.1em;}
#subfooter a { }
.meta { }
.social { float:left; }
.social a { line-height:15px; padding:1px 0 3px 20px; }
.social a.facebook { background:url('images/facebook.gif') no-repeat; }
.social a.twitter { background:url('images/twitter.gif') no-repeat; }

/* --------------------------------------------------------------- */
/* main menu */

.nav, .nav * { margin:0;padding:0; }
.nav { list-style:none; }

ul#menu {
	background: #CA7149 url('images/bg-nav.gif') bottom left no-repeat;
	float:right;
	height:286px;
	width:243px;
	list-style:none;
	padding: 12px 20px 0 15px;
	margin:0 1px 0 0;
}
	ul#menu li {
		text-align:right;
		margin: 0;
		position: relative;
		z-index:50;
		height:21px;
		margin-bottom: 4px;
		font-size:1.6em;
		border-bottom: 3px solid transparent;
	}
	ul#menu li.last {  }
	ul#menu li.right { float:right; }
	ul#menu a {
		padding: 0;
		margin:0;
		text-decoration:none;
	}
	ul#menu a:hover { color:#215f84;}
	ul#menu li.hovering {
		border-color: #eed570;
		/*margin:0;*/
		z-index:60;
	}
	ul#menu li.hovering a,
	ul#menu a:hover { }
	ul#menu a:active {position:static; }
	ul#menu li.current_page_item a,
	ul#menu li.current_page_item ul {  }
	
	ul#menu li.arrow a { /* parent items */
		padding-left: 15px;
		background:url('images/dn-arrow.gif') 0% 50% no-repeat;
	}
	ul#menu li ul {
		list-style: none;
		margin:0;padding:0;
		position: absolute;
		z-index:60;
		float:left;
		left: 0px; top: 22px;
		display: none;
		width: 195px;
		border-top: 2px solid #eed570;
	}
	ul#menu li li{
		clear: both;
		display:block;
		padding: 0 5px; margin:0 70px 0 0;
		width: 185px;
		list-style-position:outside;
		font-size:1.0em;
		line-height: 20px;
		background:#215f84;
	}
		ul#menu li li:last-child,
		ul#menu li li.last{ 
			border-bottom:none;
			-moz-border-radius-bottomleft: 13px;
			-moz-border-radius-bottomright: 13px;
			-webkit-border-bottom-left-radius: 13px;
			-webkit-border-bottom-right-radius: 13px;
			border-bottom-left-radius: 13px;
			border-bottom-right-radius: 13px;
		}
	
	ul#menu li.arrow li a {
		display:block;
		float:none;
		padding:5px;
		margin:0 auto;
		line-height:.9em;
		background:none;
		color:#fff;
	}
	ul#menu li li a:hover {
		/*text-decoration:underline;*/
		text-decoration:none;
	}
	
	abbr {
		border:0;
	}

/* --------------------------------------------------------------- */
/* image handling */
/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #777; text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {  margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }