@import url(common.css);


/* #rightcolum
***************************************/
#rightcolumn {float:left; width:560px; border-right:1px dotted #ccc; padding:0 0 10px; }
	
	
	/* .imgarticle
	***************************************/
	#imgarticle {padding:8px 0 8px 8px; border-bottom:1px dotted #CCC;}
		#imgarticle li {float:left; width:182px; text-align:center; }		
			#imgarticle li img{margin:0 0 5px; width:175px; height:90px; border:1px solid #CCC;}
			#imgarticle li a {text-decoration:underline; }

	/* #articlelist
	***************************************/
	#articlelist {padding:10px; }

		.channelbox {float:left; display:inline; margin:0 10px;  width:97%;/* width:250px;*/ background:#fafafa;  }
			.channelboxtitle {height:26px; padding:0 8px; line-height:26px; text-align:right; background:#efefef; }
			.channelboxtitle h3 {float:left; font-size:12px; }
				.channelboxtitle a {color:#666; }
				.channelboxtitle h3 a {color:#666; }

			.channelbox ul {padding:6px 0 6px 5px; }
			.channelbox li {padding:0 0 0 12px; background:url(../img/li-bg.gif) no-repeat 4px 7px; }



	.channelboximg {padding:8px 0 8px 0px; border-bottom:1px dotted #CCC;}
	.channelboximg li {float:left; width:170px; text-align:center; padding:0; background:none; }		
		.channelboximg li img{margin:0 0 5px; width:160px; height:90px; border:1px solid #CCC;}
		.channelboximg li a {text-decoration:underline; }



/* #sidecolumn
***************************************/	
#sidecolumn { float:left; width:180px; text-align:center;}
	
	/* #channellist
	***************************************/
	#channellist { }
		#channellist li {float:left; display:inline; margin:8px 0 0 8px; width:80px; height:22px; border:1px solid #ccc; line-height:22px;  text-align:center; background:#fafafa;  }
			#channellist li a {display:block;}

	/* #recommend
	***************************************/
	#recommend {padding:0 0 0 8px; }
		#advertiseiframe {padding:0 0 0 2px; }
		#recommend li {padding:0 0 0 12px; text-align:left; background:url(../img/li-bg.gif) no-repeat 4px 7px; }	

			#recommendimg li {width:189px; text-align:center;}
			#recommendimg li img{margin:0 auto 5px; width:175px; height:90px; border:1px solid #CCC;}
			#recommendimg li a {text-decoration:underline; }


body#page-news #articlelist .channelbox {width:97%; height:auto; }
body#page-design #articlelist .channelbox {width:97%; height:auto; }
body#page-list #articlelist {}
body#page-list #articlelist .channelbox {width:auto; height:auto; background:none; }