*{
	outline:none;
}
body{
	font:normal 13px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background:#343434 url(images/body_background.png) repeat left top;
	color:#2C2C2C;
}
body, div, img, p, h1, h2, h3, h4, h5, h6, table, tr, td, form, input, select{
	margin:0;
	padding:0;
}
a{
	outline:none;
	text-decoration:none;
	color:#733495;
}
a:hover{
	color:#55266F;
	text-decoration:underline;
}
a img{
	border:none;
}
p{
	padding:8px 0;
}
ul{
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	margin-left:20px;
	padding:2px 0;
}
ol{
	margin:0;
	padding:2px 0;
	margin-left:20px;
}
ol li{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding:4px 0;
}
h1{
	font-size:28px;
	padding:20px 0 10px;
}
h2{
	font-size:20px;
	padding:20px 0 10px;
}
h3{
	font-size:17px;
	padding:10px 0 5px;
}
h4{
	font-size:16px;
}
h5{
	font-size:15px;
	font-family:Georgia, Arial, sans-serif;
}
h6{
	font-size:13px;
	font-family:Georgia, Arial, sans-serif;
}
table{
	
}
table tr,
table td{
	vertical-align:top;
}
td, th{
	display:table-cell;
}
/** common classes **/
.centerize{
	margin:0 auto;
	text-align:center;
}
.clearfix{
	display:block;
	clear:both;
}
.align_center{
	text-align: center ;
}
.align_left{
	text-align: left ;
}
.align_right{
	text-align: right ;
}
.float_none{
	float:none;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.img_left{
	float:left;
	margin-right:10px;
}
.img_right{
	float:right;
	margin-left:10px;
}
.i{
	margin:0 25px 20px;
}
.image-holder-table img,
.image-holder-right img,
.image-holder-left img{
	padding:10px;
	border:1px solid #E7E7E7;
	-moz-border-radius-bottomleft:7px;
   -moz-border-radius-bottomright:7px;
   -moz-border-radius-topleft:7px;
   -moz-border-radius-topright:7px;
}
.image-holder-table{
	text-align:center;
	margin:0 auto;
}
.image-holder-right{
	float:right;
	margin:0 10px 0 20px;
}
.image-holder-left{
	float:left;
	margin:0 20px 0 10px;
}
.common-table{
	margin:0 auto;
}
.common-table img{
	margin:8px 10px
}
.caption{
	color:#424242;
	font-style:italic;
	font-size:12px;
	padding:0 10px;
}
.none{
	display:none;
	visibility:hidden;
}
.lightbox-box{
	position:relative;
	text-align:center;
	margin:0 auto !important;
	margin:0;
}
.magnify-right,
.magnify-left{
	position:absolute;
	top:20px;
	z-index:10;
}
.magnify-right{
	right:-70px;
}
.magnify-left{
	left:-25px;
}
.magnify-right a,
.magnify-left a{
	display:block;
	height:24px;
	width:70px;
	background:transparent url(images/icon_enlarge.gif) no-repeat scroll 0 0;
}
.magnify-right a:hover,
.magnify-left a:hover{
	background-position:0 -24px;
}
.no-border,
img.no-border{
	border:none;
	-moz-border-radius: none;
}
/** structure **/
#colorotate{
	margin:0;
	padding:0;
}
#container,
#container_black{
	margin:0 auto;
	background:transparent url(images/container_background.png) repeat-y center top;
}
#container_black{
	background:transparent url(images/container_background_black.png) repeat-y center top;	
}
.chrome #page{
	width:804px;
}
#page{
	width:802px;
	margin:0 auto;
}
#page_black{
	width:795px;
	margin:0 auto;
}
#header{
	height:72px;
	background:#2C2C2C;
	position:relative;
}
	/*header*/
	#header h1{
		float:left;
		width:150px;
		padding:0;
		margin:0;
		margin-top:15px;
	}
	#search,
	#search_black{
		float:right;
		color:#909090;
		margin-top:5px;
		width:600px;
		text-align:right;
	}
	#search_black{
		width:500px;
	}
	#search form{
		float:right;	
	}
	#search_text{
		color:#BCBCBC;
		font-size:11px;
		height:20px;
		width:175px;
		border:none;
		background:transparent url(images/search_text.png) no-repeat left top;
	}
	#search_button{
		height:20px;
	}
	#menu, 
	#menu_lang{
		float:right;
		margin:0;
		padding:0;
		clear:right;
		/*sementara*/
		margin-top:36px;
		margin-right:10px;
	}
	
	#menu li,
	#menu_lang li{
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#menu li a,
	#menu_lang li a{
		display:block;
		color:#D0D566;
		font-weight:bold;
	}
	#menu li a:hover,
	#menu li.active a,
	#menu_lang li a:hover,
	#menu_lang li.active a{
		color:#fff;
		text-decoration:none;
	}


	/*
	#menu_lang{
		margin-top:16px;
	}
	#menu li a,
	#menu_lang li a{
		padding-left:10px;
	}
	#menu li.active a,
	#menu_lang li.active a{
		background:transparent url(images/nav_li_dark.png) no-repeat scroll 0 -26px;
	}
	#menu li.active a span.round_li,
	#menu_lang li.active a span.round_li{
		background:transparent url(images/nav_li_dark.png) no-repeat scroll 100% 0;		
	}
	span.round_li{
		padding-right:10px;
	}
	
	span.round_li,
	#menu li a,
	#menu_lang li a{
		height:26px;
		line-height:26px;
		display:block;
	}
	*/
	/* start kakilangit 20110805 */
	#menu_lang{
		margin-top:11px;
	}
	#menu li a,
	#menu li a:hover,
	#menu li a:visited,
	#menu_lang li a,
	#menu_lang li a:hover,
	#menu_lang li a:visited{
		color:#d0d566;
		padding:5px 10px;
		z-index:1;
		text-decoration:none;
	}	
	#menu span.round_li,
	#menu_lang span.round_li{
		padding:0;
	}
	#menu li a:hover,
	#menu li.active a,
	#menu_lang li a:hover,
	#menu_lang li.active a{
		color:#fff;
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		background:-moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
		background:-webkit-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
		text-decoration:none;
	}
	/* end kakilangit 20110805 */
	
	#language{
		float:right;
		margin:0;
		padding:0;
		clear:right;
		height:25px;
		display:block;
	}
	#language li{
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#language li a{
		display:block;
		padding:10px;
	}
	#language li a:hover{
	
	}
#banner{
	height:190px;
	background:transparent url(images/banner.png) no-repeat right top;
	position:relative;
}
	/*banner*/
	#banner .i{
		padding-top:20px;
	}
	#banner h2{
		color:#fff;
		font-size:28px;
		padding:10px 0;
	}
	#banner h3{
		color:#fff;
		font-size:19px;
		font-weight:normal;
		padding:5px 0;
	}
	#navigation{
		margin:0;
		margin-left:-10px;
		padding:0;
		position:absolute;
		top:131px;
	}
	#navigation li{
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
		
	}
	span.round-li,
	#navigation li a{
		line-height:26px;
		height:26px;
		display:block;
		font-weight:bold;
	}
	#navigation li a{
		color:#D0D566;
		padding-left:20px;
	}
	span.round-li{
		padding-right:20px;
	}
	#navigation li a:hover,
	#navigation li.active a{
		color:#2D2D2D;
		text-decoration:none;
		background:transparent url(images/nav_li.png) no-repeat scroll 0 -26px;

	}
	#navigation li a:hover span.round-li,
	#navigation li.active a span.round-li{
		background:transparent url(images/nav_li.png) no-repeat scroll 100% 0;
	}	

		
#body{
	margin:10px 0;
}
#sidebox{
	float:right;
	width:190px;
	margin:0 0 20px 30px;
	
}
	/*sidebox*/
	.round-top{
		background:transparent url(images/round_top.png) no-repeat left top;
		padding-top:15px;
	}
	.round-middle{
		background:transparent url(images/round_mid.png) repeat-y left top;
	}
	.round-bottom{
		background:transparent url(images/round_bottom.png) no-repeat left bottom;
		padding-bottom:15px;
	}
	.sidebox{
		margin:5px 15px 20px 10px;
		background:transparent url(images/sidebox_line.png) no-repeat scroll 90% 100%;
		padding-bottom:10px;
	}
	.sidebox-gift{
		background:transparent url(images/sidebox.gif) no-repeat scroll left top;
		float:right;
		height:40px;
		position:relative;
		right:5px;
		top:-30px;
		width:55px;
	}
	.sidebox h4{
		font-size:15px;
		padding:3px 0;
	}
	/**.sidebox-readmore a{
		background:transparent url(images/sidebox_readmore.png) no-repeat scroll 100% 0;
		color:#A362B4;
		display:inline;
		font-size:10px;
		font-weight:bold;
		height:17px;
		line-height:17px;
		padding:4px 17px 2px 0; 
		padding:2px 17px 0 0; 
		text-transform:uppercase;
		text-decoration:none;
	}
	.sidebox-readmore{
		background:transparent url(images/sidebox_readmore.png) no-repeat scroll 0 -17px;
		padding:1px 0 0 10px;
		margin:5px 0;
		font-size:10px;
		height:17px;
		line-height:17px;
	}**/
	.sidebox-readmore a{
		background:transparent url(images/sidebox_readmore.jpg) no-repeat scroll 0 0;
		color:#A362B4;
		display:block;
		font-size:10px;
		font-weight:bold;
		height:17px;
		width:100px;
		line-height:17px;
		text-transform:uppercase;
		text-decoration:none;
		padding:0 10px;
	}
	
#topic{
	position:relative;
	top:-5px;
	background:transparent url(images/topic_line.png) no-repeat scroll left bottom;
	padding-bottom:25px;
	margin-bottom:10px;
}
	/*topic*/
	#topic h4{
		color:#2B2B2B;
		font-size:17px;
	}
	#topics{
		padding:0;
		margin:10px 0;
	}
	#topics li{
		padding:0 7px 0 25px;
		margin:0;
		list-style-type:none;
		background:transparent url(images/topic_li.gif) no-repeat 0 0;
		display:inline;
	}
	#topics li a{
		font-size:13px;
		color:#733495;
		
	}
	#topics li a:hover{
		text-decoration:underline;
	}
#content{
	
}
	/*content*/
	.content{
		margin-bottom:20px;
		padding-bottom:10px;
		background:transparent url(images/content_line.png) no-repeat scroll left bottom;
	}
	.content h2,
	.content h3{
		color:#565656;
	}
	a.action-back{
		background:transparent url(images/top_backgound.gif) no-repeat scroll 0px 3px;
		padding:0 15px;
		margin:10px 0;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
	}
#closure,
#closure_black{
	margin:0 auto;
	background:transparent url(images/closure_background.png) repeat-y center top;
	height:75px;
	position:relative;
	top:-20px;
}
#closure_black{
	background:transparent url(images/closure_background_black.png) repeat-y center top;
}
#footer{
	margin:0 auto;
	width:780px;
	color:#999;
	font-size:11px;
}
	/*footer*/
	#footer ul{
		margin:0;
		padding:0;
		margin-bottom:20px;
		position:relative;
		top:-50px;
	}
	#footer ul li{
		margin:0;
		padding:0;
		display:inline;
		border-right:1px solid #733495;
		padding:0 10px;
		list-style-type:none;
	}
	#footer ul li a{
		text-decoration:none;
	}
	#footer ul li a:hover{
		color:#C89FDD;
	}
/**
 *
 *Additional Style
 *
 */
#common-sidebox{
	display:none;
}
.info{
	margin:10px 0;
	padding:10px;
	background:#DFEFF3;
}
.input textarea{
	padding:0.2em;
	width:270px;
	overflow:auto;
}
.link-container ul{
	padding:0;
	margin:10px 0;
}
.link-container ul li{
	padding:0 7px 0 25px;
	margin:5px 0;
	list-style-type:none;
	background:transparent url(images/topic_li.gif) no-repeat 0 0;
	color:#55266F;
	letter-spacing:0.3px;
}
.link-container ul li a{
	text-decoration:underline;
}
.link-container ul li a:hover{
	text-decoration:none;
}
.no-background{
	background-image: url(images/none.gif);
}
#close{
	background:#fff;
	height:40px;
	position:absolute;
	right:100px;
	top:157px;
	width:170px;
}
body .black{
	text-align:center;
	color:#f2f2f2;
}
body .black h2{
	font-size:48px;
	color:#6b6b6b;
	font-weight:normal;
}
#header .i{
	margin:0;
	padding:0;
}



/* //////////////// bbpress /////////////////// */

#bbwrapper{
width: 760px;
margin: 0 auto 25px;
}

#bbmain{
	width:100%;
	float:left;
}

#hottags {
	float:right;
	margin-top:60px;
	width:155px;
}

#discussions {
	width: 590px;
	float:left;
}

#bbmain table{
	width:100%;
}

#bbheader {
	background: url('images/page_header_bblogo.png') no-repeat bottom right; /* Remove to get rid of bb emblem. */
	margin: 0 auto 10px;
	width: 760px;
	height: 106px;
	position: relative;
}

#bbheader h1 {
	font-family: Georgia;
	font-style: italic;
	overflow: auto;
	position: absolute;
	display: block;
	color: #444;
	letter-spacing: -1px;
	right: 53px;
	bottom: 26px;
	padding: 6px;
	z-index: 2;
	margin:0;
	line-height:1.4em;
}
#bbheader p.description {
	font-size: 1.2em;
	font-family: Georgia;
	font-style: italic;
	overflow: auto;
	position: absolute;
	display: block;
	color: #666;
	text-align: right;
	right: 53px;
	bottom: 13px;
	padding: 6px;
	z-index: 2;
}

#bbheader p { margin-bottom: 0; }

#bbheader h1 a { color: #555; text-decoration: none; }
#bbheader h1 a:hover, #bbheader h1 a:visited { color: #666; }

.bbcrumb {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
	padding: 5px 0 10px 30px;
	background:url(/interface/screen/images/subs_background.gif) bottom left repeat-x;
	margin:7px -23px 0;
}

/** fixing firman **/
#bbwrapper #topic{
	background:url(images/none.gif);
	top:0;
	margin-bottom:0;
	padding-bottom:0;
}
#surveyForm table{
	width:auto;
}

#v_pos_2 table{
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	border-collapse: separate;
	display: table;
	outline-color: black;
	outline-style: none;
	outline-width: 0px;
}

#v_pos_2 table tr td{
	background:#fff;
	margin:0;
	padding:0;
	outline:0;
	display:table-cell;
}
#atffc{
	display:none;
}
#AddThisWrap
{
	height: 25px;
	bottom: 5px;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: right;
}
Xpre{
	background:#fff;
	color:#000;
	display:block;
	font-family:"Courier New";
	font-size:11px;
	margin:5px 0;
	padding:5px 0 5px 15px;
}
.api{
	
}
	.api h2{
		font-size:18px;
		padding:5px 0;
	}
	.api h3{
		font-size:14px;
		padding:5px 0;
	}
	.api Xpre{
		background:#3A5F42;
		color:#fff;
	}
	.api a,
	.api a:hover{
		color:#9AEF55;
	}