@import url(/library/css/common.css);
/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
Modify from : http://www.imenn.com by SoftGanz Group
*/

/* @group General */
body {
	font: 13px/19px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #c2e2ff;
	color: #333;
	padding: 10px 0;
	margin: 0;
}
a {color: #363;}
a:hover {color: #2D8F2C;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
h2 {
	background: url(title.gif) no-repeat;
	margin: 0 0 12px 0px;
	padding: 6px 8px 6px 20px;
	color: #063;
	font: 17px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-moz-border-radius:0;
}
h2 a {color: #063;}
h2 .date {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
h2.header {text-align:right;font-style:italic;}
h3 {margin: 12px 0;}
/* @end */

/* @group Header */
#page-wrapper {
	width: 840px;
	margin: 0 auto;
	background: url(body.gif) repeat-y;
}
#header-wrapper {
	width:820px;
	height:325px;
	padding:0;
	margin:0 auto;
	background:#C2E2FF url(banner.jpg) left 105px no-repeat;
}
#header-wrapper h1 {
	height:70px;
	text-indent:-9999em;
	padding:0 20px;
	background:url(header.png) left bottom repeat-x;
}
.web-slogan {display:none;}
/* @end */

/* top navigator */
ul#navigator {
	height:35px;
	margin:0;
	padding:0 0 0 23px;
	font-size:13px;
	line-height:35px;
	list-style-type:none;
	background:url(nav_bg.png) left top repeat-x;
}
ul#navigator li {
	margin:0;
	padding:0;
	display:inline;
}
ul#navigator li a {
	padding:9px 10px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}
ul#navigator a:hover {
	color:#fff;
	text-decoration:none;
	background:url(nav_over.png) left top repeat-x;
}
ul#navigator li.active a {
	color:#fff;
	background:#307052 url(nav_over.png) repeat-x;
}
/* @end */

/* @group Content */
#content-wrapper {padding:0;clear:both;}
#primary {margin:0 10px;}
/* @end */

/* @group Footer */
#footer-wrapper {
	margin: 0;
	padding: 14px 15px 5px;
	clear:both;
	color: #2E3F00;
	font-size: 11px;
	text-align:center;
	background: #c2e2ff url(foot.gif) no-repeat;
}
#footer-wrapper p {margin: 0;padding:0;}
#footer-wrapper a {color: #2E3F00;}
#footer-wrapper a:hover {color: #fff;}
#footer-wrapper ul {margin:0;padding:0;text-align:right;}
#footer-wrapper ul li {display:inline;}
#footer-wrapper #copyright {clear:both;}
/* @end */

/* @group lang */
span#lang {
	position:absolute;
	top:20px;
	margin-left:-20px !Important;
	margin-left:-60px;
}
span#lang a.th {
	width:30px;
	display:inline-block;
	text-indent:-999em;
	background: url(th.png) left center no-repeat;
}
span#lang a.en {
	width:30px;
	display:inline-block;
	text-indent:-999em;
	background: url(en.png) left center no-repeat;
}
/* @end */

div.content div#content-body {
	background-color:transparent;
}
div.content h2.title {
	padding-left:20px;
	background-color:#fff;
	background:#fff url(heading_1.png) left center no-repeat;
}
dl.topic-list dt.title {
	background:#fff url(heading_1.png) left center no-repeat;
	padding-left:25px;
	color:#17599c;
}

/* @group Home Page */
#home-left {
	width:525px;
	margin-top:10px;
	float:left;
	overflow:hidden;
}
#home-right {
	width:275px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	overflow:hidden;
}
#home-left p {
	margin-left:20px;
	margin-right:20px;
}
#home-left h2 {
	background:#fff url(heading_1.png) left center no-repeat;
}
.photo-frame {
	width:480px;
	height:270px;
	margin:0 auto 20px;
	padding:5px;
	background:#000 url(photo-frame.png) left top no-repeat;
	color:#fff;
	text-align:center;
}
.photo-frame img {
	width:480px;
	height:250px;
	margin:0 auto;
	display:block;
}
.photo-frame span {
	display:block;
	margin-top:3px;
}
.photo-frame a {
	color:#fff;
}
#home-right h2 , #home-right dt {
	width:275px;
	height:25px;
	margin:0;
	padding:0;
	color:#000;
	font: 13px/25px normal;
	text-align:center;
	background:url(heading_2.png) no-repeat;
	overflow:hidden;
}
#home-right h2 a , #home-right dt a {color:#000;}
#home-right h2 a:hover , #home-right dt a:hover {color:#222;}
#home-right .timestamp , #home-right .footer {display:none;}
#home-right dl.topic-list dd {margin:0;padding:0;}
#home-right embed {width:250px;height:180px;overflow:hidden;}

#whathots {background:url(nav.png) 0 0px no-repeat !Important;background-position:0 22px;}
#whathots h2 {margin-bottom:10px;font-size:17px;-moz-border-radius:12px;background:rgba(255,102,0,0.4)!Important;background:#FFDEC9;}
#whathots p.readmore {text-align:right;}
/* @end */

/* @group Room Rate Table */
table.rate {
	width:98%;
	margin:0 auto 20px;
	border:1px #ccc solid;
}
table.rate thead th {
	font-weight:normal;
	background-color:#3D796E;
	color:#fff;
}
table.rate thead th a {color:#fff;}
table.rate thead th.promotion {
	color:#FF3333;
}
table.rate tr.odd {
	color:#000000;
	background-color:#E0EFEC;
}
table.rate tr.even {
	color:#000000;
	background-color:#D1EFE9;
}
table.rate tbody td {
	padding:2px;
	text-align:center;
	color:#FF3333;
	text-decoration:none;
}
table.rate td.type {
	font-weight:normal;
	color:#055F78;
	text-align:left;
	text-decoration:none;
	white-space:nowrap;
}
table.rate td.people {
	font-weight:bold;
	color:#FF3333;
	text-decoration:none;
}
table.rate td.promotion {
	font-weight:normal;
	color:#7F2D00;
	text-decoration:none;
}
table.promotion tbody td {
	color:#666;
	text-decoration:line-through;
}
table.rate tfoot td {
	padding-left:10px;
}
table.rate tfoot ul {
	margin:0px;
	padding-left:15px;
	list-style-type:square;
}
/* @end */

/* @group Room List By Photo */
ul.rooms-photo-list {
	width:250px;
	margin:0 auto 20px;
	padding:0;
	list-style-type:none;
}
ul.rooms-photo-list li {
	width:250px;
	height:80px;
	margin-bottom:10px;
	border:1px #99CC33 solid;
	overflow:hidden;
}
ul.rooms-photo-list a {
	width:250px;
	height:80px;
	display:block;
	text-align:center;
	font-size:10pt;
	line-height:135px;
	color:#993300;
	background:#EFF7DE url(roombanner.jpg) left top no-repeat;
}
ul.rooms-photo-list .sunset a {background-position:left 0;}
ul.rooms-photo-list .gardenview a {background-position:left -80px;}
ul.rooms-photo-list .beachseaview a {background-position:left -160px;}
ul.rooms-photo-list .beachseaviewdeluxe a {background-position:left -240px;}
ul.rooms-photo-list .naturalgarden a {background-position:left -320px;}
ul.rooms-photo-list .villabeach a {background-position:left -400px;}
ul.rooms-photo-list .restaurant a {background-position:left -480px;}
ul.rooms-photo-list .information a {background-position:left -560px;}
ul.rooms-photo-list .sunset a:hover {background-position:-250px 0;}
ul.rooms-photo-list .gardenview a:hover {background-position:-250px -80px;}
ul.rooms-photo-list .beachseaview a:hover {background-position:-250px -160px;}
ul.rooms-photo-list .beachseaviewdeluxe a:hover {background-position:-250px -240px;}
ul.rooms-photo-list .naturalgarden a:hover {background-position:-250px -320px;}
ul.rooms-photo-list .villabeach a:hover {background-position:-250px -400px;}
ul.rooms-photo-list .restaurant a:hover {background-position:-250px -480px;}
ul.rooms-photo-list .information a:hover {background-position:-250px -560px;}
/* @end */

.room-feature {
	padding:10px;
	background:#3D796E;
	color:#fff;
}
.room-feature a {
	color:#fff;
}
.room-feature a:hover {
	color:#ffcc00;
}
.room-feature-img {
	width:820px;
	height:280px;
	display:block;
}
.room-feature  h2 {
	height:30px;
	margin:0;
	padding:0;
	color:#fc0;
	background:none;
	font-weight:bold;
}
.room-feature h3 {
	font-size:11pt;
	margin:0;
	padding:0;
	color:#f90;
}
.room-feature-rooms {
	width:250px;
	height:200px;
	margin:0;
	padding:30px 0 0 0;
	padding-right:20px;
	float:left;
	text-align:right;
	border-right:1px #fff solid;
}
.room-feature-rooms ul {
	list-style:none;
}
.room-feature-details {
	width:400px;
	margin-left:20px;
	float:left;
}

#song {text-indent:-999em;}

/* @group gallery */
div.paper-tag-4 div.body div.photo-wide {
	width:800px;
	margin:0 auto;
}
div.paper-tag-4 div.body div.photo-tall {
	width:480px;
	margin:0 auto;
}
.gallery-list {
	margin:10px 0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.gallery-list li {
	margin-left:5px;
	display:block;
	float:left;
}	
.gallery-list li.gallery-nv {
	width:30px;
	height:50px;
	line-height:50px;
	background:#f3f3f3;
	border:1px #ccc solid;
	-moz-border-radius:7px;
}
.gallery-list li.gallery-nv a {
	display:block;
	height:100%;
}
.gallery-view img {
	width:800px;
	margin:0 auto;
	display:block;
	clear:both;
}
.thumbnail img {
	width:73px;
	height:50px;
	padding: 1px;
	background: #eee;
	border: 1px solid #ccc;
}
.gallery-page {
	clear:both;
}
.gallery-page span {
	padding:0 5px;
	font-weight:bold;
}
/* @end */