/*	
Theme Name: Borneo Highlands
Description: A sleek elegant theme for Borneo Highlands
Version: 1
Author: kailoon

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

/*General CSS*/
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* { margin: 0; padding: 0;}

/*Layout CSS*/
body { background: url(images/sky.jpg) repeat-x top center; color: #434343; font: 400 11px/18px Georgia, "Times New Roman", Times, serif; }
.box { width: 960px; }
.content { width: 715px; }
.box1 { width: 347px; }
.box2 { width: 225px; }
.col{ float: left; display: inline; margin: 0 20px 0 0; }
.alpha { margin-left: 0; }
.beta { margin-right: 0; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.wrapper { width: 960px; margin: 0 auto; }

/*Formatting CSS*/
h1, h2, h3, h4, h5, h6 { padding: 10px 0; font-size: 110%; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { padding: 0 0 15px 0; }
a { color: #4aae0c; padding-bottom: 1px; text-decoration: none; outline: none; }
a:focus, a:hover { color: #09f;}
.posty a:focus, .post a:focus { background-color: #F1F8FE; border-bottom: 1px solid #E3F1FD; color: #262626;}
a img { padding: 0; border: 0;}

/*Header*/
#header { padding: 10px 0 0; margin-bottom: 20px; }
#header a { border: 0; }
#header form { border: 1px solid #71b9e2; }
#header form input { border: 0; padding: 4px; background-color: #fff; float: left; height: 16px; color: #777; font-size: 10px; }
#header form input#search_submit { background: #fff url(images/search.png) no-repeat center left; width: 24px; height: 24px; cursor: pointer; }
#header #nav { background: url(images/nav.png) no-repeat top left; width: 960px; height: 37px; margin-top: 10px; }
#header #nav ul { list-style: none; padding: 9px 10px 0; }
#header #nav ul li { display: inline; }
#header #nav ul li a { color: #183803; text-shadow: 0 1px 0 #b8eb95; font: 900 12px Arial, Helvetica, sans-serif; padding: 5px 15px; }
#header #nav ul li a:hover { color: #183803; text-shadow: 0 -1px 0 #b8eb95; }

/*Slider*/
a#featured_gallery { margin: 0 0 20px 0; height: 280px; padding: 0; border: 0; width: 960px; overflow: hidden; }

/*Introduction*/
#introduction { background: url(images/line.jpg) no-repeat top left; text-align: center; color: #34b21b; }
#introduction p { background: url(images/line.jpg) no-repeat bottom left; font-size: 14px; line-height: 21px; color: #666; }

/*Product*/
#product { margin: 20px 0; }
#product a { border: 0; padding: 0; }

/*Updates*/
#updates { margin: 0 0 20px; } 
#updates ul { list-style: none; }
#updates ul li { border-bottom: 1px solid #f5f5f5; padding: 5px 0; font-size: 12px; display: block; }
#updates ul li:hover { background-color: #f9f9f9; }
#updates ul li small, #updates ul li small a { color: #999; }
#updates ul li a { border: 0; padding: 0; }

#updates #news { }
#updates #news input { padding: 4px; width: 145px; }
#updates #news label { font-size: 10px; text-transform: uppercase; font-family: Tahoma, Helvetica, sans-serif; font-weight: 900; }
#newsletter { display: block; background: url(images/submit.png) no-repeat top left; border: 0; width: 92px; height: 45px; cursor: pointer; float: right; }
#updates #news #newsletter { width: 92px;}

/*Content*/
#breadcrumb { font: 9px Tahoma; text-transform: uppercase; color: #999; }
#breadcrumb a { border: 0; }

.post h1 { padding: 10px 0 15px; color: #000; }
.post h2, .post h3, .post h4 { color: #559735; }

.section small { font-size: 11px; float: right; background: url(images/document-copy.png) no-repeat right 1px; padding: 0 22px 0 0; }


#sub { margin: 20px 0; width: 715px; }
#sub .box2 a { border: 0; padding: 0; color: #fff; }
#sub .box2 { cursor: pointer;  }
#sub .box2 h3 a { font-size: 16px; color: #fff000; padding: 0 0 5px 0; }
.posty h4 img { position: absolute; right: 0; top: 10px; }
.posty h4 {  position: relative; }
.posty h4 a { border: 0; }
.posty { padding: 0 0 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; }
.posty small { color: #999; font: 9px Tahoma; text-transform: uppercase; }
.posty small a { border: 0; padding: 0; color: #999; }
.posty p { padding: 5px 0 15px 0; }

#searchform_2 { }
#searchform_2 #newsletter { float: left; }
#searchform_2 input { padding: 11px; float: left;}

/*Sidebar*/
#sidebar {}
#sidebar .side_box h4 { padding: 15px 15px 10px; color: #323f0c; }
#sidebar .side_box h4 img { float: right; }
#sidebar .side_box { width: 225px; display: block; margin-bottom: 20px; }
#sidebar .side_top { background: url(images/side_top.png) no-repeat top left; height: 42px; width: 225px; }
#sidebar .side { background: url(images/side.png) repeat-y top left; width: 225px; }
#sidebar .side_bottom { background: url(images/side_bottom.png) no-repeat top left; height: 10px; width: 225px; }
#sidebar .inner { padding: 15px 10px; }
#sidebar ul { list-style: none; }
#sidebar ul li { background: url(images/sort-small.png) no-repeat 0 5px; padding: 3px 0 3px 22px; margin-bottom: 5px; }
#sidebar ul li a { color: #f1f9da; border: 0; text-shadow: 0 1px 0 #4f6217; }
#sidebar ul li a:hover { color: #fff; }
#sidebar ul li small { color: #fcff00; }

.rss { background: url(images/rss_32.png) no-repeat 0 0; padding: 8px 0 10px 50px; border-bottom: 0; margin-bottom: 10px; display: block; }
.rss:hover { border-bottom: 0;}
/*Footer*/
#footer_nav { text-align: center; font-size: 11px; color: #777; }
#footer_nav ul { list-style: none; background: url(images/line.jpg) no-repeat bottom left; margin: 20px 0; padding: 20px 0;}
#footer_nav ul li { display: inline; margin: 0 10px; }
#footer_nav ul li a { border: 0; color: #666; font-size: 12px; }

#footer { width: 100%; height: 416px; margin-top: 20px; background: url(images/footer_bg.jpg) repeat-x top center; }

/*SlideBox*/
.boxgrid{  width: 335px; height: 240px; float:left; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; 	border: 0; 	}
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 315px; padding: 5px 10px; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {top: 195px;left: 0;}
.caption .boxcaption {top: 220px;left: 0; }
.boxcaption strong { font-size: 18px; font-weight: 400; color: #FFFF00; display: block; padding: 10px 0; }

/*Contact form*/
.wpcf7-form { }
.wpcf7-form input, .wpcf7-form textarea { padding: 5px; border: 1px solid #ccc; }
.wpcf7-form input#newsletter { float: none; }

/*COMMENT*/
#comment_wrap { margin-right: 20px; }
.commentnumber { position: absolute; top: 20px; right: 18px; color: #F0F0F0; font-size: 2.5em; }
ol.commentlist { list-style: none; border-bottom: 1px solid #eee; }
ol.commentlist ul { list-style: none; }
.commentlist li { border-top: 1px solid #eee; position: relative; }
.commentlist li .comment { padding: 20px; position: relative; }
.commentlist li li.comment { padding: 0; margin: 0 0 0 5%; }
.commentlist li .gravatar img { background-color:#fff; border-bottom:1px solid #D7D7D7; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; float:left; height:auto; padding:3px; width:38px; }
.commentlist .comment-meta { margin: 0 0 0 61px; }
.commentlist li p { margin-right: 50px; padding: 10px 0;}
.commentlist .commentmeta { margin: 20px 0 0; }
.comment-author { color:#3151A2; display:inline; font-family:Helvetica,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; line-height:normal; margin:3px 0 0; text-decoration:none; }
.reply a { color:#8999C3; float:right; font-family:Helvetica,Arial,Helvetica,sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:0; text-decoration:none; border: 0; }
.commentlist li .children { margin: 0; padding: 0;}

#respond { padding: 20px 0; }
#respond h3 { padding-bottom: 20px; }
#respond label { font: 900 11px Tahoma; }
#respond input, #respond textarea { padding: 5px; width: 213px; }
#respond textarea { width: 705px; }
#respond input#newsletter { float: none;}

/*Sitemap*/
#sitemap ul { list-style: none;  }
#sitemap ul { background: url(images/tree-vert.gif) repeat-y left top; }
#sitemap ul li { background: url(images/tree-horiz.gif) no-repeat  0 14px; padding: 6px 0 6px 19px; line-height: 15px;}
#sitemap ul li a { border: 0; }
#sitemap ul li a:hover{ background-color: #F1F8FE; border-bottom: 1px solid #E3F1FD; color: #262626; }
#sitemap ul ul { margin: 5px 0 0 0; }

/*Newsletters*/
#sub_section { margin: 10px 0 0; padding: 20px 0 0 0; border-top: 1px solid #f1f1f1; }
#sub_section h4 { padding: 5px 0 20px 20px; background-position: 0 5px; background-repeat: no-repeat; }
#sub_section #sub_newsletters h4 { background-image: url(images/document-bookmark.png); }
#sub_section #sub_event h4 { background-image: url(images/glass.png); }
#sub_section ul { list-style: none; }
#sub_section ul li { background: url(images/receipt.png) no-repeat 0 4px; padding: 5px 0 10px 22px; }
#sub_section a { border-bottom: 0; }
a.external { background: url(images/shortcut-small.png) no-repeat right 0px; padding: 0 20px 0 0; border-bottom: 0; }

/*FooterLinks*/

ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left:-5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 192px;
	height: 114px;
	background: url('images/footerlink.gif');
	}

/*Normal Links*/
ul.cssmenu li.pgh a {
	background-position: 0 0;
	}

ul.cssmenu li.mwh a {
	background-position: -192px 0;
	}

ul.cssmenu li.tcm a {
	background-position: -384px 0;
	}

ul.cssmenu li.ghhs a {
	background-position: -576px 0;
	}

ul.cssmenu li.pvc a {
	background-position: -768px 0;
	}

/*Hover Links*/
ul.cssmenu li.pgh a:hover {
	background-position: 0 -114px;
	}

ul.cssmenu li.mwh a:hover {
	background-position: -192px -114px;
	}

ul.cssmenu li.tcm a:hover {
	background-position: -384px -114px;
	}

ul.cssmenu li.ghhs a:hover {
	background-position: -576px -114px;
	}


ul.cssmenu li.pvc a:hover {
	background-position: -768px -114px;
	}

/*Promotions*/
#promotion { 
   width: 960px; 
   height: 280px; 
}