/*
Theme Name: Hacienda
*/



/* Begin Typography & Colors */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #336699 url(img/bg.jpg) repeat top center;
	font-size: 11px;
	line-height: 15px;
	color: #000033;
	margin: 0;
	padding: 0;
	}

#page {
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 950px;
	height: 670px;
	}
	

#blogpage {
	background: url(img/bg_page_blog.jpg) repeat-y top center;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 950px;
	}
	

#contentwrap {float: right; width:708px;height:610px;}
#contentwrapaccomodations {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwrapclimate {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwrapactivities {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwrapreservations {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwraptestimonials {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwrappeople {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwrappreparations {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}
#contentwraprestaurant {float: right; background: url(img/bg_page.gif) no-repeat top left; width:708px;height:610px;}


#content {position: relative; overflow:auto;float: left; display: inline; width:600px; height:410px; margin:110px 0px 0 44px; padding: 0px 25px 25px 0px;}


#right {float: right; display:inline;background: url(img/right.jpg) no-repeat top right; width:37px; height: 543px;}

#content.reservations {top:215px; width:280px; height:170px; margin:0 65px 0 0; padding: 25px 15px 25px 0px;}
#contenthome {position: relative; float: left; display: inline; width:671px; height:501px; margin:76px 0px 0 0px;}



#contentblog {float: right; display: inline; width:500px;margin:0 0px 0 0; padding: 0px 125px 25px 0px;background: url(img/bg_page_blog_side.jpg) no-repeat top right;}



#blogbottom {background: url(img/bg_page_blog_bottom.gif) repeat-y top center; height:77px; width:950px; display:block;margin: 0px auto;}
#blogtop {background: url(img/bg_page_blog_top.gif) repeat-y top center; height:130px; width:950px; display:block;margin: 0px auto;}


.begin {font-size: 18px; color:#00131D;}

p {padding:0; margin: 0 0 10px 0; vertical-align:center;}

.clear {clear: both;}

#menuwrap {background:url(img/left.jpg) no-repeat;float: left; height:543px;width: 242px;display: inline;}

#sidebar.pages {
	margin: 228px 0 0 0;
	color: #555;
	padding: 0px; 
	}
	
#sidebar.blog {
	float: left;
	display: inline;
	margin: 0;
	width: 242px;
	color: #555;
	padding: 0px;
	position: relative; 
	}
	
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}

#sidebar ul li{list-style-type: none;list-style-image: none;width:242px;}
	
#sidebar ul li a {
	height:26px;
	width:242px;
	display:block;
	}
	
#sidebar ul li#home a {background:url(img/btn_home.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#accomodations a {background:url(img/btn_accomodations.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#climate a {background:url(img/btn_climate.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#activities a {background:url(img/btn_activities.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#reservations a{background:url(img/btn_reservations.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#testimonials a {background:url(img/btn_testimonials.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#people a {background:url(img/btn_people.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#preparations a {background:url(img/btn_preparations.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#scrapbook a {background:url(img/btn_scrapbook.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#restaurant a {background:url(img/btn_restaurant.gif) no-repeat; text-indent:-999999px; font-size:0px;}
#sidebar ul li#blog a {background:url(img/btn_blog.gif) no-repeat; text-indent:-999999px; font-size:0px;}

#sidebar ul li#home a:hover {background:url(img/btn_home_select.gif) no-repeat;}
#sidebar ul li#accomodations a:hover {background:url(img/btn_accomodations_select.gif) no-repeat;}
#sidebar ul li#climate a:hover {background:url(img/btn_climate_select.gif) no-repeat;}
#sidebar ul li#activities a:hover {background:url(img/btn_activities_select.gif) no-repeat;}
#sidebar ul li#reservations a:hover {background:url(img/btn_reservations_select.gif) no-repeat;}
#sidebar ul li#testimonials a:hover {background:url(img/btn_testimonials_select.gif) no-repeat;}
#sidebar ul li#people a:hover {background:url(img/btn_people_select.gif) no-repeat;}
#sidebar ul li#preparations a:hover {background:url(img/btn_preparations_select.gif) no-repeat;}
#sidebar ul li#scrapbook a:hover {background:url(img/btn_scrapbook_select.gif) no-repeat;}
#sidebar ul li#restaurant a:hover {background:url(img/btn_restaurant_select.gif) no-repeat;}
#sidebar ul li#blog a:hover {background:url(img/btn_blog_select.gif) no-repeat;}


#sidebar ul li h2 {margin: 30px 0 3px 35px; color:#ffffff;font-size: 13px; }
#sidebar ul li ul li {height:18px; margin:0 0 0 50px; display:block;color:#cccccc;font-size: 12px;}
#sidebar ul li ul li a {color:#fff;text-decoration:none;}
#sidebar ul li ul li a:hover {color:#ccc;}
	
/* FOOTER STYLES */
#footer {margin: 0px auto; padding: 0;height: 20px;width:950px; text-align:center; color: #ffffff;}
#footer .inner-wrap {font-size: 10px;line-height: 20px;color: #ffffff;padding: 50px 0 15px 0;text-align: center;}
#footer a {color: #FFF;text-decoration: none; padding: 0 6px;}
#footer a:hover {color: #000033;text-decoration: none;}

h1, h2, h3 {}
h1 {color: #00131D;font-size: 23px;line-height: 28px;text-decoration: none;font-weight: normal;margin: 0;padding-bottom: 5px;}
h2 {font-size: 16px; margin:0 0 10px 0;}
h3 {color: #333;font-size: 14px;line-height: 16px;font-weight: normal;margin: 0;padding: 0;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #00131D;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {text-decoration: none;}

a:link, a:visited {color: #00131D;text-decoration:underline;}
a:hover {color: #001D2B; text-decoration: none;}
/* End Typography & Colors */



/* Begin Images */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto; margin-bottom:20px;}
img.lefted {margin: 0 10px 20px 0;display: inline; float:left;}
img.leftedmedium {margin: 0 10px 20px 0;display: inline; float:left;}
img.leftedlong {margin: 0 10px 80px 0;display: inline; float:left;}
img.righted {margin: 0 0 20px 10px;display: inline; float:right;}
img.rightedshort {margin: 0 0 6px 10px;display: inline; float:right;}
img.rightedlong {margin: 0 0 80px 10px;display: inline; float:right;}
img.rightedlongest {margin: 0 0 100px 10px;display: inline; float:right;}

p.righted {margin: 0 60px 20px 10px;display: inline; float:right;}


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}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {margin: 7px 0 8px 10px;}
/* End Entry Lists */




/* Begin Various Tags & Classes */
hr {display: none;}

a img {border: none;}

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
/* End Various Tags & Classes*/


/* Captions */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
/* End captions */