.cont
{
	width:950px;
	margin:0 auto;
}
.cleft
{
	float:left;
	width:650px;
}
.cright
{
	float:left;
	display:inline;
	margin:0 0 0 20px;
	width:280px;
}

#latest h2,#minfo h2,#coolsite h2,#tuts h2,#coolsite .more a,#tuts .more a
{
	background:url(/theme/v2blue/images/st/index_ele.gif) no-repeat 0px 0px;
}
#latest .item .imgc,#coolsite .site .imgc,#tuts .tutorial .imgc
{
	background:url(/theme/v2blue/images/st/ele_bg_01.png) repeat 0px 0px;
}
#focus
{
	text-align:center;
	margin:10px 0;
}
#latest
{
	width:650px;
	height:720px;
}
#latest h2
{
	background-position:0px -160px;
	height:40px;
}
#catnav
{
	float:left;
	margin:7px 0 0 120px;
	height:20px;
}
#catnav li
{
	float:left;
	font-size:14px;
	line-height:20px;
	color:#333333;
	font-weight:bold;
	margin:0 8px;
	padding:0 3px;
	cursor:pointer;
}
#catnav li .in
{
	display:none;
}
#catnav li.active
{
	color:#fff;
	background:#000;
}
#catnav li.active .in
{
	display:inline;
	font-size:12px;
	color:#fff;
	padding:0 0 0 10px;
	font-weight:normal;
}
#latest .c
{
	position:relative;
	width:650px;
	height:650px;
	overflow:hidden;
}
#latest #catshow
{
	position:absolute;
	top:0px;
	width:7800px;
}
#latest .catnew
{
	float:left;
	width:650px;
}
#latest .item
{
	background:url(/theme/v2blue/images/st/ele_bg_02.png) repeat-x 0px bottom;
	padding:0 0 10px 0;
	margin:0 0 8px 0px;
}
#latest .item .imgc
{
	float:right;
	display:inline;
	margin:0 8px 0 0;
	border:1px solid #d0d0d0;
}
#latest .item .imgc img
{
	margin:5px;
}
#latest .item .parac
{
	float:left;
	width:316px;
}
.food #latest .item .imgc
{
	float:left;
	display:inline;
	margin:3px 8px 5px 0;
	border:1px solid #d0d0d0;
}
.food #latest .item .imgc img
{
	margin:5px;
	width:130px;
	height:80px;
}
.food #latest .item .parac
{
	float:left;
	width:500px;
	margin:0 0 5px 0;
}
#latest .item .parac .time
{
	background:url(/theme/v2blue/images/st/time_bg.png) no-repeat 0px 0px;
	height:24px;
	line-height:24px;
	color:#545454;
	font-size:12px;
	padding:2px 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#latest .item .parac .time a
{
	line-height:24px;
	color:#545454;
	font-size:12px;
	padding:0 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#latest .item .parac h3
{
	margin:0 0 0 10px;
}
#latest .item .parac h3 a
{
	color:#308bd1;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
#latest .item .parac .desc
{
	color:#666666;
	font-size:12px;
	line-height:20px;
	margin:0 10px;
	font-family:Arial, Helvetica, sans-serif;
}
#latest .item .parac
{
	float:left;
}


#minfo
{
	width:280px;
}
#minfo h2
{
	background-position:0px -120px;
	height:40px;
}
#minfo .c
{
}
#minfo .c .info
{
	margin:0 0 0 10px;
	width:270px;
}
#minfo .info .i1 .imgc
{
	float:left;
	background:url(/theme/v2blue/images/st/shadow.gif) no-repeat 3px 3px;
	width:135px;
	height:75px;
	display:none;
}
#minfo .info .i1 .imgc img
{
	border:1px solid #000;
	width:130px;
	height:70px;
}
#minfo .info .i1 .parac
{
	float:left;
	display:inline;
	width:252px;
	margin:0 0 0 6px;
}
#minfo .info .i1 .parac h3
{
	margin:0 0 6px 0;
}
#minfo .info .i1 .parac h3 a
{
	color:#308bd1;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
#minfo .info .i1 .parac .desc
{
	font-size:12px;
	color:#666666;
	width:248px;
	line-height:20px;
}
#minfo .info .i
{
	margin:5px 0 0 0;
}
#minfo .info .i .imgc
{
	float:left;
	width:52px;
	height:52px;
	display:none;
}
#minfo .info .i .imgc img
{
	width:52px;
	height:52px;
	background:url(/theme/v2blue/images/st/index_ele_2.gif) no-repeat 0px 0px;
}
#minfo .info .i2 .imgc img
{
	background-position:0px 0px;
}
#minfo .info .i3 .imgc img
{
	background-position:0px -62px;
}
#minfo .info .i4 .imgc img
{
	background-position:0px -124px;
}
#minfo .info .i .parac
{
	float:left;
	display:inline;
	width:252px;
	margin:0 0 0 6px;
	padding:0 0 5px 0;
	background:url(/theme/v2blue/images/st/ele_bg_02.png) repeat-x bottom 0px;
}
#minfo .info .i .parac h3
{
}
#minfo .info .i .parac h3 a
{
	color:#308bd1;
	font-size:12px;
	line-height:24px;
}
#minfo .info .i .parac .desc
{
	font-size:12px;
	color:#666666;
	width:240px;
	line-height:20px;
}
#minfo .poster
{
	float:left;
	width:212px;
	margin:0 0 0 13px;
}
#minfo .poster .post
{
	width:80px;
	margin:0 13px 10px;
	float:left;
	display:inline;
}
#minfo .poster .post .imgc img
{
	border:1px solid #999999;
	padding:1px;
	width:75px;
	height:100px;
}
#minfo .poster .post .ac
{
	text-align:center;
}
#minfo .poster .post .ac a
{
	color:#308bd1;
	line-height:24px;
	font-size:12px;
}
#coolsite
{
	width:280px;
}
#coolsite h2
{
	background-position:0px 0px;
	height:40px;
}
#coolsite .c
{
}
#coolsite .site
{
	margin:0px 0 12px 14px;
	width:252px;
}
#coolsite .site .imgc
{
	padding:5px;
	border:1px solid #d0d0d0;
	width:240px;
	height:70px;
	overflow:hidden;
	margin:0 auto;
}
#coolsite .site .imgc img
{
	width:240px;
	height:70px;
	overflow:hidden;
}
#coolsite .site .ac
{
	color:#333;
	line-height:24px;
	font-size:12px;
	text-align:left;
	display:none;
}
#coolsite .site .ac a
{
	color:#333;
	line-height:24px;
	font-size:12px;
}
#coolsite .more
{
}
#coolsite .more a
{
	display:block;
	background-position:0px -400px;
	height:30px;
	margin:0 0 0 96px;
}


#tuts
{
	width:280px;
}
#tuts h2
{
	background-position:0px -40px;
	height:40px;
}
#tuts .c
{
}
#tuts .tutorial
{
	margin:0px 0 12px 14px;
	width:252px;
	height:135px;
	position:relative;
}
#tuts .tutorial .imgc
{
	padding:5px 5px 30px;
	border:1px solid #d0d0d0;
	width:240px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}
#tuts .tutorial .imgc img
{
	width:240px;
	height:100px;
	overflow:hidden;
}
#tuts .tutorial .ac
{
	position:absolute;
	bottom:5px;
	left:6px;
	width:240px;
	height:20px;
	line-height:20px;
	background:#ffffff;
}
#tuts .tutorial .ac a
{
	font-size:12px;
	color:#333333;
	padding:0 3px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
#tuts .more
{
}
#tuts .more a
{
	display:block;
	background-position:0px -440px;
	height:30px;
	margin:0 0 0 96px;
}