/* 



Theme Name: T House Main

Description: T House Tagaytay

Version: 1.0

Author: Jorem Catilo (jorem@spoonmarks.com)

Author URI: http://www.spoonmarks.com/

Revised by: Marites Quitoriano (marites@orangefix.net)

*/





/* Remove all margin and paddings */

* {

   margin: 0;

     padding: 0;

}



html {

  	height: 100%;

	margin-bottom: 10px;

}





body {

	height: 100%; 

	background: #e3e1dd;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	line-height: 1.5em;

	color: #4e4e4e;

}



#container

{

	width: 850px;

	padding: 15px 15px;

	margin: 10px auto;

	background: #ffffff;

	

}



/* Remove all border for images */

a img, img {

    border: none; 

    display: block; 

}



/* Hides Text */

.hidetext {

	display: none;

}





/* font styles */

a:link, a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #e0770a;

	text-decoration: none;

}



a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #FFFFFF;

	text-decoration: none;

	background: #e0770a;

	height: auto;

	width: auto;

}



.intro {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #e0770a;

	font-size: 130%;

	font-style: italic;

	line-height: 130%;

}

#copyright {

	color: #8b7968;

	text-align: right;

}

#copyright a:link, #copyright a:visited {

	color: #634e3b;

	text-decoration: none; background: none;

}



#copyright  a:hover {

	color: #634e3b;

	text-decoration: underline;

        background: none;

}



h1 {

	font-family: "Lucida Sans", "trebuchet MS", verdana, arial, sans-serif;

	font-size: 18px;

	color: #575757;

	text-decoration: none;

	font-weight: lighter;

}



h2, h3, h4 {

        font-family: Georgia, "Times New Roman", Times, serif;

        color: #e0770a;

}



h3 { 

        font-size: 16.5px;

}



h4 {

        font-size: 15.5px;

        font-weight: lighter;

        

}

.date {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11px;

	color: #2A2A2A;

	text-decoration: none;

	font-weight: lighter;

}



.title, .title a:link, .title a:visited {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	color: #e0770a;

	text-decoration: none;

}



.title a:hover {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #e0770a;

	height: auto;

	width: auto;

}



.rssicon {

        float: left;

}





/* layout */

#accessibility {

	display: none;

}



#header {

	float: left;

	width: 100%;

	height: 95px;

}



#logo {

        float: left;

        width: 66px;

	height: 80px;

        padding: 0 14px 15px 0;

              

}



#logo, #logo a {

	display: block;

	width: 66px;

	height: 80px;	

}



#logo a {

	background: url(images/thouse_logo.png) no-repeat;

	

}





#maincontent {

	float: right;

	width: 100%;

	margin-bottom: 15px;

	height: auto;

	background: url(images/main_bg_64x4.gif) top left repeat-y;

}



#photo_home {

	float: left;

	width: 485px;

	height: 330px;

	padding-right: 12px;

	background:#ffffff;

	

}







#rightcontent_home {

	float: right;

	width: 330px;

	padding: 10px;

	height: 310px;

        background:  url(images/main_bg_8x4.gif) top left repeat; 

}



#rightcontent_inside {

	float: left;

	width: 520px;

	background: #fff url(images/main_bg_8x4.gif) top left repeat-y;

        padding: 4px 45px 5px 20px;

}



#maincontent .page {

	font-size: 12px;

}



/* Post & Entry Attributes */

#rightcontent_home .entry {

	padding-bottom: 9px;

}



#rightcontent_inside .post {

	padding-bottom: 12px;

}



#rightcontent_inside .entry p {

	padding-bottom: 12px;

}



#rightcontent_inside #archive .post {

        float: left;

        width: 430px;

        padding-bottom: 18px;

}



#rightcontent_inside #archive .entry p {

        padding-bottom: 2px;

}



#rightcontent_inside .entry img {

        padding-right: 15px;

        padding-bottom: 10px;

}



#rightcontent_inside .entry h3 {

        padding-bottom: 10px;

}



#rightcontent_inside .entry h4 {

        padding-bottom: 3px;

}



#rightcontent_inside .entry ul {

        margin-left: 10px;

}



#rightcontent_inside .thumb {

       float: left;

       width: 77px;

       padding: 2px 10px 0 0;

}



#rightcontent_inside .thumb img {

border: #CCCCCC 1px solid;

}





#rightcontent_inside ul#firerooms, #rightcontent_inside ul#waterrooms, #rightcontent_inside ul#earthrooms {

        list-style-type: none;

        width: 100%;

        float: left;

        height: 160px;

        padding: 0;

        margin: 0;

}





#rightcontent_inside .entry li {

        float: left;

}

.calendar {

        height: 220px;

        float: left;

}

.calendar table {

        margin: 3px;

        padding: 2px;

        background: #7DCFD3;

        position: relative;

}



.calendar td, .calendar th {

        padding: 1px;

        background: #FFFFFF;

        border: 1px solid #A4EDEF;

}



.calendar td.booked {

        background: #e0770a;

}



.calendar table caption {

        font-weight: bold;

}







/* Sidebar */

#sidebar {

        float: left;

        width: 245px;

      

}        



.heading {

        position: relative;

        top: 5px;

        left: 124px;

        width: 120px;

        text-transform: uppercase;

        

}





#clear {

	clear: both;

	width: 100%;

	height: 40px;

	background: #ededed;

}



#divider {

	background: url(images/divider.gif) top left no-repeat;

	width: 32px;

	height: 12px;

	margin: 8px 0 5px 136px;

}



/* Navigation */

#nav {

	width: 770px;

	height: 65px;

	float: left;

        background: #ededed;

	color: #3f3f3f;

	

}



#topnav {

        width: 100%;

        height: 21px;

        position: relative;

	top: 44px;

	background: #d7d7d7;

}





#topnav ul {

        margin: 0;

        padding: 0;

	float: right;

}



#topnav li {

	list-style-type: none;

	float: left;

}



#topnav a {

      	display: block;

	text-decoration: none;

	padding: .2em 1em;

        font-size: 0.94em;

	color: #fff;

        background: #8a8a8a;

	text-transform: uppercase;

        font-family: Georgia, "Times New Roman", Times, serif;

}



#topnav a:hover {

	color: #fff;

	background: #7ecfd3;

}



#onlinebooking a {

	color: #fff;

        background: #7ecfd3;

}



#onlinebooking a:hover {

        background: #7ddadf;

}



/* Footer */

#footer {



	width: 850px;

	height: 40px;

	padding: 15px;

	margin: 10px auto;

}

ul#footernav {

	height: 40px;

	padding: 0;

	margin: 0;

	float: left;

	

}

ul#footernav li {

	list-style-type: none;

	float: left;

}

ul#footernav a {

	display: block;

	text-decoration: none;

	padding: 0em .6em;

	color: #8b7968;

}

ul#footernav a:hover {

	color: #634e3b;

	text-decoration: underline;

        background: none;

}







/* Form Setting */

.ddfmwrap {

        float: left;

}



.ddfmerrors {

        font-size: 15px;

}





input, textarea, select  {



        border: #999 1px solid; 

        background: #fff;

}



textarea:focus, input:focus, select:focus  {

	border: #7ecfd3 1px solid; 

}





#feedburner {

        float: right;

        position: relative;

        top: 12px;

        right: 10px;

        text-align: right;

     

}



#feedburner input {

        font-size: 1.1em;

        padding: 1px 1px; 

        

}



input#feedburner_submit {

       padding: 0 1px;  

}

  

#feedburner p.feedburner_info {

        font-size: .8em;

}

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu { height:17px; position:relative; z-index:10;}

/* hack to correct IE5.5 faulty box model */

* html .menu {}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:px; height:17px; ; background:#09c; padding-left:10px; line-height:16px; font-weight:normal;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:px; w\idth:px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#a6a6a6 !important;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#7ecfd3 !important;}

.menu ul ul :hover > a.drop {background:#7ecfd3 !important;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#a6a6a6 !important;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#7ecfd3 !important;}

.menu ul ul a:hover {background:#7ecfd3 !important;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:149px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:21px;t\op:22px;}



/* position the third level flyout menu */

.menu ul ul ul{left:110px; top:2px; width:100px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-120px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#a6a6a6 !important; height:18px; line-height:16px; padding:10px 10px; width:90px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:100px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#7ecfd3 !important;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#7ecfd3 !important;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}



#rightcontent_inside .entry img {

border-width: 0px !important;}



#stimuli_lightbox {

margin: -30px 0 0 0 !important;}

/* Style for the DWH Online Reservation */

#reserve {
	width:180px;
	margin-left:64px;
	padding-top:50px;
	text-align:center;
	}
	
#reserve a {
	color:#10a69c;
	text-decoration:underline;
	}

#reserve a:hover {
	color:#e0770a;
	text-decoration:none;
	background-color:#fff;
	}

#gico {
	font-weight:bold;
	color:#e0770a;
	}
	
#gico a {
	text-decoration:underline;
	}
	
#gico a:hover {
	text-decoration:none;
	color:#10a69c;
	background-color:#fff;
	}