/****************************************************
*****************************************************/
/* Left Area */
.la_631{ 
	float:left;
	width:631px;
}
	.hot .top { width:631px; height:8px; background:url(../images/bo1.gif) no-repeat left bottom; font-size:0px;}
	.hot .main { width:611px;background:url(../images/bo1a.gif) repeat-y left bottom; padding:2px 10px;}
	.hot .bottom { width:631px; height:8px; background:url(../images/bo1b.gif) no-repeat left bottom; font-size:0px;}
	
	/****************************************************
	*****************************************************/
	/* Hot New */
	.hot_new{
		width:421px;
		float:left;
	}
	.hot_new h1{
		line-height:28px;
		height:28px;
		overflow:hidden;
		font-size:18px;
		margin:8px 0 3px;
	}
	.hot_new a{
		color:#ffcb4f;
	}
	.hot_new .description{
		height:63px;
		overflow:hidden;
		color:#FFF;
	}
	.hot_more{
		width:168px;
		float:right;
		background-color:#336aa8;
		border:1px solid #66a0ef;
		padding:0 5px;
	}
	.hot_more li{
		height:59px;
		border-bottom:1px dotted #1e62b0;
		overflow:hidden;
		padding:5px 0px;
	}
	.hot_more li img{
		float:left;
		margin-right:5px;
		border:1px solid #6f9bbe;
		padding:1px;
	}
	.hot_more li a{
		color:#d1eaff;
	}
	/****************************************************
	*****************************************************/
	/* Cate Head */
	.la_631 .cate .head a{
		color:#336aa8;
	}	
	/****************************************************
	*****************************************************/
	/* Project show */
	.project{ 
		margin-top:8px;
	}
	.project .head{
		background:url(../images/cate_head.gif) no-repeat left top;		
	}
	.project .head h2{
		float:left;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color:#336aa8;
		text-transform:uppercase;
		font-weight:bold;
		padding:5px 5px 4px;		
	}
	.project .head .more{
		float:right;
		height:16px;
		padding:5px 5px 0px;
	}	
	.project .contents{
		background:#FFF url(../images/bg_3.gif) repeat-x;
		border:1px solid #d6ebfc;		
	}
	.project .contents ul{
		width:600px;		
		overflow:hidden;		
	}
	.project .contents li{
		float:left;
		width:140px;
		margin-right:13px;
		line-height:18px;
	}
	.project .contents li .img{
		background:url(../images/bg_4.gif) no-repeat;
		width:130px;
		height:100px;
		padding:5px;
	}
	.project .contents h3{
		font-size:12px;
		margin-top:5px;
	}
	.project .contents h3 a{
		font-size:12px;
		color:#336aa8;
	}
	/****************************************************
	*****************************************************/
	/* Random show */
	.random{
		border:1px solid #e4e5e0;
		padding:10px 0px 10px 9px;
		margin-top:8px;
	}
	.random li{
		float:left;
		width:295px;
		margin-right:10px;		
	}
	.random li .img{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		height:75px;
		width:90px;
		padding:1px;
		border:1px solid #dadada;
	}
	.random li a{
		color:#336aa8;
		font-weight:bold;
	}
	/****************************************************
	*****************************************************/
	/* discover show */
	.discover{
		margin-top:8px;
	}
	.discover .block1{
		float:left;
		width:312px;
		background:url(../images/bg_3.gif) repeat-x;
	}
	.discover .block2{
		float:right;
		width:312px;			
		background:url(../images/bg_3.gif) repeat-x;
	}
	.discover .head{
		background:url(../images/cate_head_discover.gif) no-repeat left top;	
	}
	.discover .head h2{
		float:left;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color:#336aa8;
		text-transform:uppercase;
		font-weight:bold;
		padding:5px 5px 3px;		
	}
	.discover ul{
		border:1px solid #d9ecfc;
		background:url(../images/bg_block.gif) repeat-x left 103px;
		padding:5px;
	}
	.discover li{
		height:98px;
		overflow:hidden;
		margin-bottom:10px;
		color:#336aa8;
	}
	.discover li .title a{
		color:#336aa8;
		font-weight:bold;
		margin-bottom:3px;
		display:block;
	}
	.discover li .img{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		border:1px solid #5c95c6;
		padding:1px;
		width:90px;
		height:75px;
	}
/****************************************************
*****************************************************/
/* Right Area */
.ra_310{ 
	float:right;
	width:310px;	
}
	/****************************************************
	*****************************************************/
	/* Right Banner */
	.ra_310 .bn{ 
		border:1px solid #c2c2c2; 
		background-color:#f0f0f0;
	}
	.ra_310 .bn img{ 
		margin:4px;				
	}
	.ra_310 .bn .more_bn{ 
		height:20px; 
		border-top:1px solid #c2c2c2; 
		background-color:#FFF;
		float:left;
		width:308px;
	}
	.ra_310 .bn .more_bn .more_l{ 
		float:left; 
		padding:3px;
		color:#c2c2c2;
	}
	.ra_310 .bn .more_bn .more_l a{		
		color:#c2c2c2;
		font-size:10px;
	}
	.ra_310 .bn .more_bn .more_r{ 
		float:right; 
		padding:3px;
	}
	.ra_310 .bn .more_bn .more_r a{ 
		padding:0px 5px; 
		background-color:#eff1f2; 
		color:#366e9e;
	}
	.ra_310 .bn .more_bn .more_r a.select{
		background-color:#366e9e; 
		color:#FFF;
	}
	/****************************************************
	*****************************************************/
	/* Listing */
	.ra_310 .listing{
		margin-top:8px;
		padding:5px;
		background-color:#d6ebfc;
	}
	.ra_310 .cate .head{
		background:url(../images/bg_1.gif) repeat-x;
		border:1px solid #dadada;
		border-top:none;
	}
	.ra_310 .cate .head h2{
		float:left;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color:#336aa8;
		text-transform:uppercase;
		font-weight:bold;
		padding:5px 5px 4px;		
	}
	.ra_310 .cate .head h2 a{
		color:#333;
	}
	.ra_310 .cate .head .more{
		float:right;
		height:16px;
		padding:5px 5px 0px;
	}	
	.ra_310 .listing .contents{
		border:1px solid #dadada;
		border-top:none;
		background:#FFF url(../images/bg_2.gif) repeat-x left top;
		padding:10px 5px 5px;		
	}
	.ra_310 .listing .contents li{
		border-bottom:1px dotted #dfe5e6;
width:286px;
height:85px;
		padding-bottom:8px;
		margin-bottom:8px;
	}
	.ra_310 .listing .contents li .img{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		padding:1px;
		border:1px solid #dadada;
		height:75px;
		width:75px;
		overflow:hidden;		
	}
	.ra_310 .listing .contents li a{
		color:#333;
	}
	.ra_310 .listing .contents li .title{		
		font-weight:bold;
		margin:3px 0;
	}
	/****************************************************
	*****************************************************/
	/* Member */
	.ra_310 .member{		
		padding:0px 5px;
		background-color:#d6ebfc;
	}
	.ra_310 .member .contents{
		border:1px solid #dadada;		
		background:#FFF url(../images/bg_22.gif) repeat-x left top;
		padding:10px 5px 5px;
		line-height:normal;	
	}
	.ra_310 .member .contents .title a{
		font-weight:bold;
		color:#336aa8;
		display:block;
		margin-bottom:5px;
	}
	.ra_310 .member .contents .img{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}
	.ra_310 .member .contents .profile p{
		margin-bottom:3px;
	}
	/****************************************************
	*****************************************************/
	/* Tag */
	.ra_310 .tag{		
		padding:5px;
		background-color:#d6ebfc;
	}
	.ra_310 .tag .contents{
		border:1px solid #dadada;
		border-top:none;
		background:#FFF url(../images/bg_2.gif) repeat-x left top;
		padding:10px 5px 5px;
		line-height:normal;	
	}
	.ra_310 .tag .contents span a{
		color:#000;	
	}	
	.TagCloud-Lowest{font-size:14px;}
	.TagCloud-Low{font-size:16px;}
	.TagCloud-Medium{font-size:18px;}
	.TagCloud-High{font-size:20px;}
	.TagCloud-Highest{font-size:22px;}
	
	.imgKenh img {width:62px; height:62px; padding-left:8px; float:left; }
