.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/v2dark/images/st/index_ele.gif) no-repeat 0px 0px;
}
#latest .item .imgc,#coolsite .site .imgc,#tuts .tutorial .imgc
{
	background:url(/theme/v2dark/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 .catnew .info
{
	margin:0 0 0 36px;
	width:600px;
}
#latest .catnew .info .i1 .imgc
{
	float:left;
	background:url(/theme/v2dark/images/st/shadow.gif) no-repeat 3px 3px;
	width:135px;
	height:75px;
}
#latest .catnew .info .i1 .imgc img
{
	border:1px solid #000;
	width:130px;
	height:70px;
}
#latest .catnew .info .i1 .parac
{
	float:left;
	display:inline;
	width:430px;
	margin:0 0 0 10px;
}
#latest .catnew .info .i1 .parac h3
{
	margin:0 0 6px 0;
}
#latest .catnew .info .i1 .parac h3 a
{
	color:#308bd1;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
#latest .catnew .info .i1 .parac .desc
{
	font-size:12px;
	color:#666666;
	width:430px;
	line-height:20px;
}
#latest .catnew .info .i
{
	margin:8px 0 0 0;
}
#latest .catnew .info .i .imgc
{
	float:left;
	width:52px;
	height:52px;
}
#latest .catnew .info .i .imgc img
{
	width:52px;
	height:52px;
	background:url(/theme/v2dark/images/st/index_ele_2.gif) no-repeat -80px -80px;
}
#latest .catnew .info .i2 .imgc img
{
	background-position:0px 0px;
}
#latest .catnew .info .i3 .imgc img
{
	background-position:0px -57px;
}
#latest .catnew .info .i4 .imgc img
{
	background-position:0px -114px;
}
#latest .catnew .info .i5 .imgc img
{
	background-position:0px -171px;
}
#latest .catnew .info .i6 .imgc img
{
	background-position:0px -228px;
}
#latest .catnew .info .i7 .imgc img
{
	background-position:0px -285px;
}
#latest .catnew .info .i8 .imgc img
{
	background-position:0px -342px;
}
#latest .catnew .info .i9 .imgc img
{
	background-position:0px -399px;
}
#latest .catnew .info .i10 .imgc img
{
	background-position:0px -456px;
}
#latest .catnew .info .i .parac
{
	float:left;
	display:inline;
	width:512px;
	height:49px;
	margin:0 0 0 6px;
	padding:0 0 5px 0;
	background:url(/theme/v2dark/images/st/ele_bg_02.png) repeat-x bottom 0px;
}
#latest .catnew .info .i .parac h3
{
}
#latest .catnew .info .i .parac h3 a
{
	color:#308bd1;
	font-size:12px;
	line-height:24px;
}
#latest .catnew .info .i .parac .desc
{
	font-size:12px;
	color:#666666;
	width:510px;
	line-height:20px;
}
#latest .catnew .poster
{
	float:left;
	width:610px;
	margin:0 10px 0 30px;
}
#latest .catnew .poster .post
{
	width:116px;
	margin:0 8px 10px 20px;
	float:left;
	display:inline;
}
#latest .catnew .poster .post .imgc img
{
	border:1px solid #999999;
	padding:1px;
	width:96px;
	height:128px;
}
#latest .catnew .poster .post .ac
{
	text-align:center;
}
#latest .catnew .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;
}