/*
Theme Name: Khiengdoi
Theme URI: http://wegrass.com/
Version: 1.0
Author: Grass still Green

*/

body{
	background-color: #fff;
	background-image: url(image/top-bg.jpg);
	background-repeat: repeat-x;
}



#header{
	margin-top: 50px;
	margin-bottom: 30px;
}

#logo-desc{
	display: none;
}

span#logo-pic{
	display: block;
	width: 371px;
	height: 87px;
	background-image: url(image/logo2.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}



li.page_item{
	float: left;
	margin-right: 10px;
	list-style: none;
}

#menu-list{
	margin-top: 48px;
	margin-left: 10px;
}

.menu-button{
	background-image: url(image/menu.jpg);
	background-repeat: no-repeat;
	height: 30px;
	display: block;
	cursor: pointer;
}

span.restaurant{
	background-position: 0px -20px;
	width: 150px;
}

span.restaurant:hover, li.current_page_item span.restaurant{
	background-position: -200px -20px;
	width: 150px;
}

span.resort{
	background-position: 0px -70px;
	width: 100px;
}

span.resort:hover, li.current_page_item span.resort{
	background-position: -200px -70px;
	width: 100px;
}

span.fishing{
	background-position: 0px -120px;
	width: 110px;
}

span.fishing:hover, li.current_page_item span.fishing{
	background-position: -200px -120px;
	width: 110px;
}

span.contact{
	background-position: 0px -170px;
	width: 120px;
}

span.contact:hover, li.current_page_item span.contact{
	background-position: -200px -170px;
	width: 120px;
}

.menu-text{
	display: none;
}


/* ------------- Content --------------- */

#content{
	margin-bottom: 0px;

}


/* ------------- Footer ---------------- */

#footer-text{
	margin-top: 5px;
}

span#wegrass{
	width: 45px;
	height: 60px;
	display: block;
	background-image: url(image/wegrass.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
}

span#wordpress{
	width: 38px;
	height: 60px;
	display: block;
	background-image: url(image/wordpress.jpg);
	float: left;
}

#address-text{
	margin-top: 30px;
	margin-left: 20px;
	letter-spacing: 1px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #514d20;
	text-shadow:1px 1px 0 #c7c773;
	font-weight: bold;
}

#address-text a{
	color: #514d20;
}

#address-text a:hover{
	color: #272610;
}


.span-text{
	display: none;
}

#footer-container{
	background-image: url(image/bottom-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 178px;
	margin-top: 0px;
	clear: both;
}

.footer-container-home{

}

/* ----------- Index ---------- */

#scoop-bar{
	margin-top: 40px;
	height: 170px;
	background-color: #cfd09f;
	display: block;
	border-top: 1px solid #604506;
	border-bottom: 1px solid #604506;
	background-image: url(image/scoop-bg.jpg);
	background-repeat: no-repeat;
}

.scoop-pic{
	height: 270px;
	width: 399px;

	background-image: url(image/scoop-pic-box.jpg);
	background-repeat: no-repeat;
}

#pic-box{
	
}

#desc-box{
	font-size: 1.4em;
	line-height: 1.4em;
	letter-spacing: 1px;
	margin-top: 40px;
	font-family: Tahoma;
	color: #FFFFFF;
	text-shadow:1px 1px 0 #604506;
}

#scoop-bar{
	
}

#scoop-container{
	position: relative;
	top: -25px;
	margin-bottom: 30px;
}

#news-promotion-container{
	margin-top: 25px;
}

#news-events-pic{
	display: block;
	width: 178px;
	height: 28px;
	background-image: url(image/news-events.jpg);
	background-repeat: no-repeat;
}

.news-events{
	margin-bottom: 10px;
	margin-left: 4px;
	padding-left: 30px;
	background-image: url(image/bullet.jpg);
	background-repeat: no-repeat;
}

.news-events a{
	font-size: 1.2em;
	text-decoration: none;
	color: #948f42;
}


.news-events a:hover{
	color: #706b32;
}

.news-events small{
	letter-spacing: 1px;
}

.promotion-box{
	width: 378px;
	height: 178px;
	background-image: url(image/promotion-box.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -25px;
	left: -20px;
}

.promotion-text{
	padding: 70px 30px 10px 100px;
}

.promotion-text h4 a{
	color: #67632e;
	font-size: 1.1em;
}

.promotion-text h4 a:hover{
	color: maroon;
}

/* ----------- Scoop Box control ---------- */

.img-control{
	margin-top: 20px;
}

.img-select-bt{
	background-image: url(image/image-inactive.jpg);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}

.img-select-bt-selected{
	background-image: url(image/image-active.jpg);
	background-position: 0px 0px;
}

.scoop-pic img{ 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		border: 0px; 
		display: none;
}

/* ------------ Page ------------- */
.top-left-bar{
	background-image: url(image/top-left-bar.jpg);
	background-repeat: no-repeat;
	width: 261px;
	height: 20px;
}

.body-left-bar{
	background-image: url(image/body-left-bar.jpg);
	background-repeat: repeat-y;
}

.bottom-left-bar{
	background-image: url(image/bottom-left-bar.jpg);
	background-repeat: no-repeat;
	width: 261px;
	height: 27px;
}

.body-left-bar-content{
	padding: 0px 30px 20px 20px;
}

h3#restaurant{
	background-image: url(image/restaurant-left-bar.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 33px;
}


h3#contact{
	background-image: url(image/contact-left-bar.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 33px;
}

h3#resort{
	background-image: url(image/resort-left-bar.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 33px;
}

h3#fishing{
	background-image: url(image/fishing-left-bar.jpg);
	background-repeat: no-repeat;
	width: 215px;
	height: 33px;
}

.body-left-bar-content{
	color: #4e4e4e;
}

.body-left-bar-content h4{
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
}

.body-left-bar-content ul{
	margin-top: 0px;
	margin-left: 0px !important;
	padding-left: 1.2em;
}

.body-left-bar-content em{
	color: #a52a2a;
}

.body-left-bar-content p{
	margin-bottom: 20px;
}

.piclenselink{
	display: none;
}

.ngg-galleryoverview{
	margin-top: 50px !important;
}

.ngg-gallery-thumbnail-box{
	margin-right: 20px;
}

.ngg-gallery-thumbnail{
	margin-bottom: 20px;
}

.ngg-gallery-thumbnail span{
	display: none !important;
}

.body-left-bar-content input{
	width: 80%;
	margin-bottom: 5px;
}

.body-left-bar-content textarea{
	width: 80% !important;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 100px !important;
}


/* ------------- Contact ---------- */

#map-box{
	margin-bottom: 30px;
	border: 1px solid #dddbb1;
}


/* ------------- Single ------------ */

#post-content{
	margin-bottom: 120px;
}

#post-content h3{
	color: #6d370e;
	letter-spacing: 1px;
	font-size: 1.6em;
}


/* ------------- resort table ------------ */
#tab-header{
	text-align: center;
	background-color: #edebd1;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #d5e9aa;
	border-bottom: 1px solid #d5e9aa;
	margin-bottom: 15px;
}

.tab-item{
	text-align: center;
	margin-bottom: 15px;
	border-bottom: 1px solid #d5e9aa;
	padding-bottom: 10px;
}

.tab-list{
	border-bottom: 1px solid #d5e9aa;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#price-tab{
	margin-bottom: 30px;
}

/* ------------- ETC ------------ */

.clear{
	clear: both;
}

a{
	text-decoration: none;
}

.big-spacer{
	margin-bottom: 45px;
}

.align-left{
	text-align: left;
}