/*
*	author : ronggur mangaraja habibun
*	date created : July 29 2008
*	TOC
*	I. body
*	II. container
*		II.1 page
*		II.2 footer
*	III. miscelaneous
*		
*
*/
/* I. body */
body{
	background:#f7f5e8 url("../images/wi_bg.jpg") top left;
	margin:0 auto;
}

/* II. container */
#container{
	width:940px;
	display:block;
	margin:0 auto;
}
	/* header */
	#header{
		position:relative;
		height:135px;
		padding-top:20px;
	}
		#lang{
			position:absolute;
			right:0;
			padding:6px 0;
			/*width:56px;*/
			height:23px;
			/*background:transparent url("../images/wi_bgflag.jpg") top left no-repeat;*/
		}
		#lang img{
			padding-left:8px;
		}
		#lang a
		{
			color:#336633;
			text-decoration:none;
		}
		#lang a:hover
		{
			text-decoration:
		}
		#quote{
			display:block;
			width:360px;
			float:right;
			padding-top:40px;
			text-align:justify;
		}
		#logo{
			height:113px;
			width:360px;
			display:block;
			float:left;
			background:transparent url("../images/wi_logo.jpg") top left no-repeat;
		}
		#logo h1{
			display:none;
		}
			#navigation{
				height:43px;
				background:#f7f5e8 url("../images/wi_bgmenu.jpg") top left repeat-x;
				overflow:hidden;
			}
			#navigation ul{
				list-style-type:none;
				padding:10px 15px;
			}
			#navigation ul li{
				float:left;
				list-style-type:none;
				padding-right:15px;
			}
		

	/* page */
	#page{
		margin:0 auto;
		overflow:hidden;
		padding-top:30px;
	}
		#content{
			overflow:hidden;
			width: 670px;
			float:left;
		}
		/* slider */
#slider {
	width: 670px;
	margin: 0 auto;
}
#slider .image {
	width: 670px;
	height: 390px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#slider .image img {
	position: relative;
	top: 0;
}
#slider .image .imgdesc {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 650px;
	padding: 5px 10px;
	margin: 0 auto;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 14px;
	background: #EFEFEF;
	background: #333;
	color: #FFF;
	-moz-opacity: 0.8;
	filter: alpha(opacity = 80);
	opacity: 0.8;
}
#slider .image .imgdesc h3 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1.5px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #900;
	color: #FAB928;
}
#slider .active {
	display: inherit;
}
#slider .noactive {
	display: none;
}
		
		.separator1{
			height:47px;
			display:block;
			background:#f7f5e8 url("../images/wi_bgline.jpg") top left repeat-x;
			clear:both;
		}
		.box1{
			width:325px;
			overflow:hidden;
			display:block;
		}
		.box1 li,.listcontent li{
			padding:10px 0;
			background:transparent url("../images/wi_bgdot.jpg") bottom left repeat-x;
		}
		.box2 li, .itext {
			padding:10px 0;
			background:transparent url("../images/wi_bgdot.jpg") bottom left repeat-x;
		}	
		.itext .title {
			padding: 0;
		}
		.itext .title em {
			padding: 0;
			margin: 3px 0 0 0 !important;
			font: 11px Arial, Helvetica, sans-serif;
			font-style: italic;
		}
		
		#contentbottom{
			display:block;
			overflow:hidden;
		}
		
		.box1 h2,.box2 h2{
			padding-bottom:10px;
		}
		.box1 h3, .box2 h3{
			padding-top:5px;
		}
	/* sidebar */
	#sidebar{
		display:block;
		overflow:hidden;
		width:250px;
		float:right;
	}
		.box2{
			background:#edead7 url("../images/wi_bgsidebar.jpg") top left repeat-y;
			position:relative;
			margin-bottom:20px;
			padding-top:2px;
		}
		.box2top{
			position:absolute;
			height:15px;
			width:250px;
			top:0;
			background:#edead7 url("../images/wi_bgsidebartop.jpg") top left no-repeat;
		}
		.box2bottom{
			height: 17px;
			width: 240px;
			padding-right: 10px;
			background:#edead7 url("../images/wi_bgsidebarbottom.jpg") bottom left no-repeat;
			text-align: right;
		}
		.box2bottom a {
			text-decoration: none;
			margin-right: 5px;
			color: #930;
		}
		.box2bottom .archive {
			
		}
		.box2bottom .feed {
			
		}
	/* II.2 footer */
	#footer{
		margin-top:30px;
		clear:both;
		overflow:hidden;
		display:block;
		background:transparent url("../images/wi_bgfooter.jpg") top left repeat-x;
		padding-top:20px;
	}


/* III. miscelaneous */
.metadata{
	padding-bottom:5px;
}

.navigation{
	margin-top:20px;
	padding:5px 5px;
	display:block;
}
.navigation:hover{
}


label{
	display:block;
	padding:5px 0;
	/* background: white url("../images/double_dot.gif") right -4px no-repeat; */
}

/* IE PURPOSE */
/* \*/* html .init_list {clear:both;margin-bottom:5px;}/**/

.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.debug{
	border:1px solid red;
}

.padding0{
	padding:0 !important;
}
.padding0_right{
	padding-right:0 !important;
}
.padding0_left{
	padding-left:0 !important;
}
.padding0_top{
	padding-top:0 !important;
}
.padding0_bottom{
	padding-bottom:0 !important;
}

.padding5{
	padding:5px !important;
}

.padding10{
	padding:10px !important;
}
.padding10_right{
	padding-right:10px !important;
}
.padding10_left{
	padding-left:10px !important;
}
.padding10_top{
	padding-top:10px !important;
}
.padding10_bottom{
	padding-bottom:10px !important;
}
h2.padding10_bottom a {
	text-decoration: none;
	text-transform:capitalize;
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#333300;
}

.padding20{
	margin:20px !important;
}
.padding20_right{
	padding-right:20px !important;
}
.padding20_left{
	padding-left:20px !important;
}
.padding20_top{
	padding-top:20px !important;
}
.padding20_bottom{
	padding-bottom:20px !important;
}

.margin-5_top{
	margin-top:-5px !important;
}
.margin-10_top{
	margin-top:-10px !important;
}

.margin0{
	margin:0 !important;
}
.margin5{
	margin:5px !important;
}
.margin0_right{
	margin-right:0 !important;
}
.margin0_left{
	margin-left:0 !important;
}
.margin0_top{
	margin-top:0 !important;
}
.margin0_bottom{
	margin-bottom:0 !important;
}

.margin10{
	margin:10px !important;
}
.margin10_right{
	margin-right:10px !important;
}
.margin10_left{
	margin-left:10px !important;
}
.margin10_top{
	margin-top:10px !important;
}
.margin10_bottom{
	margin-bottom:10px !important;
}

.margin20{
	margin:20px !important;
}
.margin20_right{
	margin-right:20px !important;
}
.margin20_left{
	margin-left:20px !important;
}
.margin20_top{
	margin-top:20px !important;
}
.margin20_bottom{
	margin-bottom:20px !important;
}

.star_green{
	background: transparent url("../images/star-green.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-green.gif") 30px 0px no-repeat;}/**/

.star_blue{
	background: transparent url("../images/star-blue.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-blue.gif") 30px 0px no-repeat;}/**/
.star_red{
	background: transparent url("../images/star-red.gif") 30px -1px no-repeat;
}
/* \*/* html .star_green{background: transparent url("../images/star-red.gif") 30px 0px no-repeat;}/**/

.border_bottom_dot{
	background: transparent url("../images/dot.gif") bottom left repeat-x;
}

.border_top_dot{
	background: transparent url("../images/dot.gif") top left repeat-x;
}

.pdf{
	background: transparent url("../images/pdf.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.doc{
	background: transparent url("../images/doc.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.xls{
	background: transparent url("../images/xls.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.txt{
	background: transparent url("../images/txt.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.pic{
	background: transparent url("../images/pic.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.ofc{
	background: transparent url("../images/ofc.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
.otr{
	background: transparent url("../images/otr.gif") left 1px no-repeat;
	padding:2px 0;
	padding-left:25px;
}
blockquote{
	padding:15px 10px 10px 10px;
	margin-bottom:10px;
	background: #ccffff url("../images/bg_quote.jpg") 10px 10px no-repeat;
}
hr{
	display:none;
}
.grid_280{
	width:280px;
}
.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.hidden{
	visibility: hidden;
	display:none;
}

/* form */
.input_text{
	padding:1px 3px;
	width:auto;
}
.width30{
	width:30px;
}
.width180{
	width:180px;
}
.width90{
	width:90px;
}
.button{
	padding:1px 10px;
	margin-top:10px;
}

/** clearing **/

.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

#cse-search-box #q {
	width: 240px;
}
#cse-search-results #res {
	width: 670px;
	margin: 20px 0 0 0;
}
#cse-search-results #res ol li {
	width: 550px;
	clear: right;
	display: block;
	margin: 0 0 20px 0;
}

#cse-search-results #res ol table {
	width: 100%;
}
#cse-search-results #res ol table td {
	text-align: right !important;
}
#cse-search-results #res ol table td.j {
	text-align: left !important;
}

#content .imgupl {
	float: left;
	margin: 0 10px 10px 0;
}