@charset "UTF-8";
body {
	margin:0;
	font-family:Arial,Tahoma;
	font-size:12px;
	color:#666666;
}

.red{
	border:1px solid red;
}

#Header{
	height:140px;
	width:100%;
	background:url(images/header_repeat.png) repeat-x;
}

#ContentHeader{
	height:140px;
	width:980px;
	margin:0 auto;
	background:url(images/header.png) repeat-x;
}
	#ContentHeader div#box0{
		margin-top:0px;
		width:940px;
		float:left;
		padding:0 20px;
		height:40px;
	}
	
	#ContentHeader div#box0 #Left{
		width:170px;
		float:left;
		height:20px;
		padding-top:8px;
		color:#FFFFFF;
	}
	
	#ContentHeader div#box0 #Right{
		width:720px;
		height:25px;
		float:left;
		text-align:right;	
	}

	#ContentHeader div#box0 ul#Menu{
		margin-top:10px;
		margin-right:30px;
	}
	
	#ContentHeader div#box0 ul#Menu li{
		display:inline;
		height:30px;
		width:auto;
		padding-left:7px;
		padding-right:7px;
	}
	#ContentHeader div#box0 ul#Menu li a{
		color:#dddddd;
	}
	#ContentHeader div#box0 ul#Menu li a:hover{
		color:#ffffff;
	}
	
	#ContentHeader div#box1{
		margin-top:10px;
		width:940px;
		float:left;
		padding:0 20px;
		xborder:1px solid #fff;
		height:40px;
	}
	
	#ContentHeader div#box1 #boxSearch{
		margin-top:10px;
		width:70px;
		margin-left:650px;
		padding-top:3px;
		color:#ffffff;
		font-weight:bold;
		height:27px;
		float:left;
	}
	
	#ContentHeader div#box1 #boxInputSearch{
		margin-top:10px;
		width:148px;
		#width:156px;
		height:30px;
		float:left;
	}
	
	#ContentHeader div#box1 #boxSubmitSearch{
		margin-top:9px;
		width:50px;
		height:30px;
		float:left;
	}

	#ContentHeader div#box2{
		margin-top:11px;
		width:940px;
		float:left;
		padding:0 20px;
		xborder:1px solid #fff;
		height:40px;
	}

	#ContentHeader div#box2 #Left{
		width:170px;
		float:left;
		height:20px;
		padding-top:8px;
		color:#FFFFFF;
	}
	
	#ContentHeader div#box2 #Right{
		width:750px;
		height:25px;
		float:left;
		text-align:right;	
	}

	ul#Menu{
		margin-top:11px;
	}
	
	ul#Menu li{
		display:inline;
		height:30px;
		width:auto;
	}
	
	ul#Menu span.Left{
		height:30px;
		padding:6px 3px;
		background:url(images/top_menu/menu-default-left.png) no-repeat;	
	}
	
	ul#Menu span.Center{
		height:30px;
		width:30px;
		padding:6px 10px;
		background:url(images/top_menu/menu-default-center.png) repeat-x;	
	}
	
	ul#Menu span.Right{
		height:30px;
		padding:6px 3px;
		background:url(images/top_menu/menu-default-right.png) no-repeat;	
	}
	
	ul#Menu a{
		color:#dddddd;
		font-weight:bold;
		text-decoration:none;
	}
	
	a.more{
		float:left;
		margin-top:4px;
		margin-left:63px;
		width:270px;
	}
	
	ul#Menu a:hover{
		color:#dddddd;
		font-weight:bold;
	}
	
#Content{
	min-height:440px;
	width:100%;
	padding-top:20px;
	background:url(images/bg-body.png) repeat-x;
	float:left;
}

	#Wrapper{
		width:980px;
		min-height:400px;
		margin:0 auto;
		height:auto;
	}
	
	#LeftWrapper{
		width:230px;
		margin-bottom:40px;
		float:left;
		height:auto;
	}
	

	#LeftMenuWrapperTop{
		height:7px;
		background:url(images/left_menu_top.png) no-repeat;
		float:left;
		width:230px;
	}
	
	#LeftMenuWrapperBottom{
		height:10px;
		background:url(images/left_menu_botom.png) no-repeat;
		float:left;
		width:230px;
		margin-top:-12px;
		#margin-top:0px;
	}	

	#LeftMenuWrapper{
		height:auto;
		float:left;
	}

		/* LEFT MENU */	
		#LeftMenuWrapper ul#LeftMenu{
			float:left;
			margin-top:0px;
			list-style:none;
			height:auto;
		}
	
		#LeftWrapper ul#LeftMenu li{
			margin-left:-40px;
			min-height:24px;
			padding:5px 0px 0px 15px;
			width:230px;
			background:url(images/left_menu_repeat.png) repeat-y;
		}

		#LeftWrapper ul#LeftMenu li a{
			color:#dedede;
			text-decoration:none;
		}

		#LeftWrapper ul#LeftMenu li a:hover{
			text-decoration:underline;
			color:#FFFFFF;
		}
		#LeftWrapper ul#LeftMenu li a img{
			border:none;
		}

		#LeftWrapper ul#LeftMenu li a span{
			margin-left:5px;
		}
	
		/* ul_submenu */
		ul.ul_submenu{
			margin:0px;
		}
		
		.ul_ulsubmenu li{
			margin-left:-30px;
		}
	
		/* VOTE */
		#Vote{
			margin:20px 20px 0px 20px;
			width:230px;
			float:left;
			margin-left:0px;
		}
		
		#Vote #HeaderVote{
			height:31px;
			width:230px;
			background:url(images/head_vote.png) no-repeat;
		}
	
		#Vote #ContentVote{
			height:auto;
			width:230px;
			color:#9c3022;
			background:url(images/vote-bg.png) repeat-y;
		}
		
		#Vote #ContentVote .title{
			padding:10px 10px 5px 15px;
		}
		
		#Vote #ContentVote .titleInput{
			padding:5px 10px 0px 20px;
		}
		
		#Vote #ContentVote #Pilih{
			background:url(images/vote-bg.png) repeat-y;
		}		
		
		#Vote #ContentVote #VoteList{
			list-style:none;
		}
		
		#Vote #FooterVote{
			height:11px;
			width:230px;
			background:url(images/vote_botom.png) no-repeat;
		}			
	
		/* BOX ADS LEFT */
		#BoxAdsLeft{
			margin:20px;
			width:230px;
			float:left;
			margin-left:0px;
		}
	
		#BoxAdsLeft div.Box{
			height:80px; width:230px;
			margin-bottom:10px;
			float:left;
		}
		
		#BoxAdsLeft div.BoxAdds{
			width:230px;
			margin-bottom:10px;
			float:left;
		}
		
		.Ads{
			background-color:#eee;
			text-align:center;
			border:1px solid #cdcdcd;
			height:auto;
		}
		
		#BoxAdsLeft div.Box img{
			border:none;
			height:80px; width:230px;
		}	
	
	#RightWrapper{
		width:745px;
		min-height:400px;
		margin:0 auto;
		float:left;
	}

	#RightWrapper #Slide{ 
		height:222px; width:716px;
		float:left;
		margin-left:15px;
	}

	#RightWrapper #Slide img{ 
		height:222px; width:716px;
		float:left;
		border:none;
	}
	
	#RightWrapper #BoxAdsRight{
		height:66px; width:716px;
		float:left;
		margin:10px 0px 0px 16px;
	}
	
	#RightWrapper #BoxAdsRight .BoxAds{
		height:66px;
		width:174px;
		margin-right:5px;
		float:left;
	}
	
	#RightWrapper #BoxAdsRight .BoxAds a{
		border:none;
	}
	
	#RightWrapper #BoxAdsRight .BoxAds a img{
		border:none;
	}
	
	#RightWrapper #BoxAdsRight .BoxAdsRight{
		height:66px;
		width:176px;
		float:right;
		background:url(images/image.jpeg) no-repeat;
		
	}
	
	#YM{
		list-style:none;
		margin:10px 0px 5px -25px;
		#margin:10px 0px 5px 10px;
	}
	
	#YM li{
		margin-bottom:3px;
		width:95%;
		float:left;
	}
	
	#YM li img{
		margin-top:2px;
		margin-left:7px;
		float:left;
	}
	
	#YM li a{
		text-decoration:none;
		color:#fff;
	}
	
	#YM li a:hover{
		text-decoration:none;
		color:#111111;
	}
	
	#YM span{
		float:left;
		padding:2px;
	}
	
	#RightWrapper #BoxHighLight{
		height:auto; width:725px;
		float:left;
		margin:10px 0px 0px 16px;
	}
	
	#RightWrapper #BoxHighLight div.HighLightLeft{
		width:355px;
		min-height:100px;
		float:left;
		margin-bottom:10px;
		margin-right:5px;
	}
	
	#RightWrapper #BoxHighLight div.HighLightRight{
		width:354px;
		height:auto;
		float:right;
		margin-bottom:10px;
	}
	
		.HeadHighLight{
			height:32px;
			width:355px;
			float:left;
			background:url(images/box/box-header_03.png) no-repeat;
		}
		
		.ContentHighLight{
			height:240px;
			width:355px;
			float:left;
			background:url(images/box/bg-box_03.png) repeat-y;
		}
		
		.FooterHighLight{
			min-height:12px;
			width:355px;
			float:left;
			background:url(images/box/footer_box_03.png) no-repeat;
		}
		
		.ListHighLight{
			list-style:none;
			margin-left:-25px;
			#margin-left:5px;
			#margin-top:10px;
		}
		
		.ListHighLight li{
			min-height:20px;
			margin-bottom:5px;
			min-width:97%;
			float:left;
			#margin-left:10px;
		}

		.ListHighLight li p{
			width:97%;
			float:left;
		}

		.ListHighLight li a{
			min-height:20px;
			color:#666666;
			text-decoration:none;
		}

		.HighLight{
			width:290px;
			float:left;
		}
	
	#RightWrapper #subBox{
		width:716px;
		margin:10px 0px 0px 16px;
		float:left;
		height:auto;
	} 
	
	
	#RightWrapper #subBox .HeaderSubBox{
		width:716px;
		height:31px;
		background:url(images/subbox/header_subbox.png) no-repeat;
		float:left;
	}
	
	#RightWrapper #subBox .SubBoxContent{
		width:716px;
		min-height:100px;
		float:left;
		background:url(images/subbox/subbox_repeat.png) repeat-y;
	}
	
		.SubBox{
			width:230px;
			float:left;
			min-height:100px;
			margin-left:5px;
		}
		
		.ListSubBox{
			list-style:none;
			margin-left:-25px;
			#margin-left:5px;
			#margin-top:10px;
		}
		
		.ListSubBox li{
			min-height:20px;
			margin-bottom:7px;
			min-width:95%;
			float:left;
		}

		.ListSubBox li a{
			min-height:20px;
			color:#666666;
			text-decoration:none;
		}
		
		.ListSubBox li span{
			min-height:20px;
			color:#666666;
			margin-top:-2px;
			float:left;
		}
		
		span.textTin{
			width:200px;
			float:left;
		}
		
		span.textBold{
			width:200px;
			float:left;
			font-weight:bold;
		}
		
		span.FixWidth{
			width:130px;
			float:left;
			height:auto;
			font-weight:bold;			
		}
				
		img.s4{
			height:10px; width:10px;
			float:left;
			border:none;
			margin-right:4px;
		}
		
		img.s30{
			height:50px;
			float:left;
			padding:2px;
			border:1px solid #cccccc;
			background-color:#eee;
			margin:0px 10px 4px 0px;
		}
		
		img.s40{
			height:60px; width:60px;
			float:left;
			padding:2px;
			border:1px solid #cccccc;
			margin-bottom:4px;
			background-color:#eee;
		}
	
		img.s80{
			height:80px; width:80px;
			float:left;
			padding:2px;
			border:1px solid #cccccc;
			margin-bottom:4px;
			background-color:#eee;
			margin-right:10px;
		}	
		
		img.moreImg{
			height:15px; width:46px;
			float:left;
			border:none;
			margin:0px 5px 5px 0px;
		}
	
		.Title{
			font-size:14px;
			margin-top:0px;
			color:#B90000;
			padding:7px 0px 0px 25px;
		}
		
		.Title a{
			text-decoration:none;
			color:#B90000;
		}
	
	
	#RightWrapper #subBox .SubBoxFooter{
		width:716px;
		height:10px;
		background:url(images/subbox/footer_subbox.png) no-repeat;
		float:left;
		margin-bottom:20px;
	}
	
	#Post{
		width:695px;
		float:left;
		border:1px solid #eee;
		margin:10px 0px 10px 15px;
		padding:10px;
	}
	
	#Post h2.Title{
		font-size:18px;
		color:#999999;
		padding:0px;
		margin:0px;
	}

	#Post h2.Title a{ 
		color:#999999;
		text-decoration:none;
	}
	
	#Post h2.Title a:hover{ 
		color:#666666;
		text-decoration:none;
	}

	#Post span.SubTitle{
		font-size:11px;
		color:#999;
	}	
	
	#Post img{ 
		padding:4px;
		border:1px solid #ccc;
		margin:5px 20px 5px 0px;
		background-color:#ddd;
	}

	#Post p a{
		text-decoration:none;
		color:#777;
	}
	
	#Post p a:hover{
		color:#111;
	}
	
	#Post p.more{
		font-size:11px;
		text-align:right;
		padding-right:10px;
		border-top:1px dotted #ddd;
	}
	
	#Post p.more a{
		font-size:11px;
		color:#bbb;
		text-decoration:none;
	}
	
	#Post p.more a:hover{
		font-size:11px;
		color:#666;
		text-decoration:none;
	}
	
	#Post #Form{
		list-style:none;
		margin:20px 0px 0px -20px;
		#margin:20px 0px 0px 10px;
	}
	
	#Post #Form li{
		width:95%;
		min-height:35px;
		float:left;
		font-size:13px;
		color:#666;
	}
	
	#Post #Form li label{
		width:150px;
		float:left;
		border-bottom:1px solid #eee;
	}
	
	#Post #Form li input{
		width:150px;
		float:left;
		padding:4px 0px;
	}
	
	#Post #Form li input.Submit{
		width:70px;
		float:left;
		padding:4px 0px;
	}
	
#Footer{
	float:left;
	height:70px;
	width:100%;
	#margin-top:20px;
	background:url(images/footer.png) repeat-x;
}

#Footer #ContentFooter{
	width:980px;
	height:55px;
	padding-top:15px;
	margin:0 auto;
}

#Footer #ContentFooter .BoxLeft{
	width:370px;
	float:left;
}

#Footer #ContentFooter .BoxRight{
	width:610px;
	float:left;	
	text-align:right;
}

#FooterList{
	list-style:none;
	margin-top:0px;
}

#FooterList li{
	text-align:right;
	display:inline;
}

#FooterList li a{
	color:#777777;
	text-decoration:none;
}

#FooterList li a:hover{
	color:#222222;
	text-decoration:underline;
}