.content-main{border-left:1px solid #DDDDDD;float:left;overflow:hidden;padding:10px;width:840px;}

.con_mid{ display:inline; float:left;padding:10px; width:574px;  overflow:hidden; border:1px solid #DDDDDD;  border-bottom-style:none; border-bottom-width:0;}
.con_right{ display:inline; float:right; padding:10px 5px;width:254px; overflow:hidden; border-top:1px solid #dddddd; background-color:#f7f7f7;}

/*new style struction*/
.hd{ background-image:url(../../images/blog/picbg_hd.gif); background-position:top; background-repeat:no-repeat;}
.hd ul{padding-top:50px;padding-bottom:12px;}
.hd ul li{padding-left:15px; line-height:22px; text-align:left; background-image:url(../../images/blog/icon_hd.gif); background-position: 0 7px; background-repeat:no-repeat;}
.hd ul li a span{ color:#D78A3E; font-weight:bold;}

#create-group{ clear:both;padding:10px 0;}

.groupinfo{width:552px;padding:10px; border:1px solid #e4e4e4;}
.groupinfo li{line-height:20px;}
.groupinfo h1{padding-bottom:20px; font-size:14px; font-weight:bold; text-align:left;}
.groupinfo .info{ float:left; width:260px;/*width:210px;*/}
.groupinfo .notice{ float:left;padding:10px; width:530px; margin-top:10px; border:1px dashed #e4e4e4; line-height:22px; text-align:left;}
.groupinfo .text{ float:left;text-align:left;}
.groupinfo .pic{float:left; padding:5px; border:1px solid #e4e4e4; text-align:center;}
.groupinfo .text ul{padding-left:10px;}
.groupinfo .controls{ float:right;padding-right:10px;}
.groupinfo .controls li{background:url(../../images/blog/icon_butsj.gif) left center no-repeat;padding-left:15px;}
.groupinfo .subnav{padding-top:10px;clear:left;}
.groupinfo .subnav a{color:#336699;}
	/*wide*/
	.groupinfo-wide{width:818px;}
	.groupinfo-wide .info{width:210px;} 
	.groupinfo-wide .notice{ width:480px;}


.side-item{}
.side-item a{color:#336699;}
.side-item .title{background-image:url("../../images/blog/bloglist_thbg.gif");background-repeat:repeat;border-top:1px solid #3B5998;height:30px; position:relative;font-weight:bold;
height:25px;line-height:25px; text-align:left;padding-left:10px;}
.side-item .title .more{position:absolute;right:0;top:0;}
.side-item .subtitle{background-image:url("../../images/blog/cjr_th2bg.gif");height:26px;line-height:26px;margin-top:10px;}
.side-item .subtitle div{background-color:#FFFFFF;float:left;font-weight:bold;padding:0 10px;text-align:left;}
/*.side-item .title h3{float:left;background:url("../../images/blog/icon_blog.gif") no-repeat 10px 3px;font-weight:bold;line-height:25px;padding-left:30px;text-align:left;width:100px;}*/
.side-item .content li{float:left;line-height:22px;margin:10px 8px;}
.side-item .content .pic{background-image:url("../../images/blog/photobg_headbit.gif");height:58px;padding-top:3px;width:65px;}
.side-item .content .desc{padding:0;width:65px;height:20px; overflow:hidden;}
.side-item .content .keywords{line-height:22px;padding:10px; text-align:left;}

.side-item .category{padding:10px 0px}
.side-item .category ul{padding:0px 30px;}
.side-item .category li{background:url("../../images/blog/icon_sort.gif") 0 10px no-repeat;float:left;height:30px;line-height:30px;padding-left:13px;text-align:left;width:80px;}

.side-item .content-list ul{padding:10px;}
.side-item .content-list li{background:url("../../images/blog/icon_hd.gif") 0 7px no-repeat;line-height:25px;padding-left:15px;text-align:left;}

.side-item .ranklist{padding:0 10px 10px;}
.side-item .ranklist ul{background:url("../../images/top_num.gif") 0% 5px no-repeat;}
.side-item .ranklist ul li{height:25px;line-height:25px;padding-left:22px;text-align:left; position:relative;}
.side-item .ranklist ul li span{position:absolute;right:0;top:0;width:35px;color:#E76F0E;}
.side-item .rank-user,.side-item .rank-score{height:30px;line-height:30px;padding-left:17px;}
.side-item .rank-user{background:url("../../images/blog/icon_star.gif") 0 6px no-repeat; float:left;}
.side-item .rank-score{background:url("../../images/blog/icon_pbook2.gif") 0 6px no-repeat;float:right;}

.group-creator{padding:10px 0 5px;}
.group-creator a{color:#216B8A;}
.group-creator .pic{float:left;}
.group-creator .pic img{width:50px; height:50px;}
.group-creator .text{float:left;line-height:22px;padding-left:10px;text-align:left}

.item-list{padding-top:10px;}
.item-list a{color:#216B8A;}
.item-list .item1,.item-list .item2,.item-list .item3,.item-list .item4,.item-list .item5,.jifenitem1,jifenitem2,.jifenitem3,.jifenitem4,.jifenitem5{float:left; overflow:hidden;}
.item-list .item1{width:320px;}
.item-list .item2{width:90px;}
.item-list .item3{width:75px;}
.item-list .item4{width:75px;}
.item-list .title{background:url("../../images/blog/groupinfo_thbg.gif");height:26px;}
.item-list .title h2{ text-align:left;background:url("../../images/blog/icon_tsquer.gif") no-repeat center left;font-size:13px;font-weight:bold;height:26px;line-height:26px;padding-left:10px; position:relative;}
.item-list .title .more{ position:absolute; right:10px; top:0;}
.item-list .subtitle{background-color:#D8DFEA;height:22px;line-height:22px;margin-top:10px;}
.item-list .subtitle div{}
.item-list .content div{ height:30px;}
.item-list .content .item1,.jifenitem1{ text-align:left;}
.item-list .content .item3{color:#E76F0E;}
.item-list .content .item4,.item-list .content .item5{color:#929191;}
.item-list .content li{border-bottom:1px dashed #E4E4E4; clear:both;height:30px;line-height:30px;}
.item-list .photos li{float:left;line-height:22px;margin:10px 8px;}
.item-list .photos .pic{background-image:url("../../images/blog/photobg_headbit.gif");height:58px;padding-top:3px;width:65px;}
.item-list .photos .desc{padding:0;width:65px;height:20px; overflow:hidden;}

/*wide*/
.item-list-wide .item1{width:400px;}
.item-list-wide .item2{width:120px;}
.item-list-wide .item3{width:120px;}
.item-list-wide .item4{width:120px;}
.item-list-wide .item5{width:75px;}

.item-list-wide .jifenitem1 {
    width: 20px;
}
.item-list-wide .jifenitem2 {
    width: 240px;
}
.item-list-wide .jifenitem3 {
    width: 120px;
}
.item-list-wide .jifenitem4 {
    width: 120px;
}
.item-list-wide .jifenitem5 
{
	width:120px;
}

.member-list{margin-bottom:10px;}
.member-list a{color:#336699;}
.member-list ul{padding-left:10px;}
.member-list li{float:left;padding-top:15px;text-align:left;width:200px;}
.member-list li.pcline{ border-bottom:1px dashed #E4E4E4;width:820px;font-size:0px;}
.member-list li dt{border:1px solid #E4E4E4;float:left;margin-top:5px;padding:5px;}
.member-list li dd{ margin-left:70px;height:20px;line-height:20px;}
.member-list li dd.u{ padding-top:5px;}

/*list item box*/
.headnews{ background: url(../../images/blog/headnews2_picbg.gif) left top no-repeat;}
.headnews a{color:#336699;}
.headnews .title{ background:url(../../images/blog/headnews_thpicbg.gif) right top no-repeat;}
.headnews .title h1{padding:20px 0 0 155px; font-size:18px; font-weight: bold; color:#4C79A5; text-align:left;}
.headnews .title .text{padding-left:155px;padding-top:10px; padding-bottom:10px; text-align:left; line-height:22px;}
.headnews .item{padding:0 10px 10px 10px;}
.headnews .item li{height:25px;line-height:25px;text-align:left; position:relative;overflow:hidden;padding-right:100px;}
.headnews .item li span{width:100px; position:absolute; right:0px;top:0;}
.headnews .item li span a{color:#929191;}

#star-blog{margin-bottom:10px;}
#star-blog a{color:#336699;}
#star-blog .cgray{color:#4D4B4B;}
#star-blog .content{ }
#star-blog .content ul{padding-left:10px;}
#star-blog .content li{float:left;padding-top:10px;text-align:left;width:267px;}
#star-blog .content li dt{border:1px solid #E4E4E4;float:left;margin-top:5px;padding:5px;}
#star-blog .content li dd{ margin-left:70px;height:20px;line-height:20px;}
#star-blog .content li dd.t{ width:190px; overflow:hidden;}
#star-blog .content li dd span{color:#929191;}
#star-blog .content li dd.u{ padding-top:5px;}
#star-blog .content ul.wide{padding:0 10px;}
#star-blog .content ul.wide li{width:100%;border-bottom:1px dashed #E4E4E4;padding-bottom:10px;}
#star-blog .content ul.wide li dd{ float:left;margin-left:5px; width:200px; line-height:25px; height:25px;}
#star-blog .content ul.wide li dd.info{width:420px;height:auto;}
#star-blog .content ul.wide li dd span{color:#929191;}

#hot-blog{}
#hot-blog a{color:#336699;}
#hot-blog .title,#star-blog .title{background-image:url("../../images/blog/bloglist_thbg.gif");background-repeat:repeat;border-top:1px solid #3B5998;height:30px; position:relative;}
#hot-blog .title h2,#star-blog .title h2,#hot-blog .title h1,#star-blog .title h1{float:left;background:url("../../images/blog/icon_blog.gif") no-repeat 10px 3px;font-weight:bold;line-height:25px;padding-left:30px;text-align:left;}
#hot-blog .title ul{ position:absolute;top:0px; right:100px;}
#hot-blog .title ul li{ float:left; background:url(../../images/blog/bloglist_menuoff.gif) no-repeat;height:26px;line-height:20px;margin-left:10px;margin-top:4px;width:73px;}
#hot-blog .title ul li.focus{ background:url(../../images/blog/bloglist_menuon.gif) no-repeat;}
#hot-blog .title span{ position:absolute; right:10px; top:5px;}

#hot-blog .content{padding:10px;}
#hot-blog .content ul li{padding-left:20px; background:url(../../images/blog/icon_list.gif) no-repeat 0 10px; text-align:left;height:30px; line-height:30px; position:relative;overflow:hidden;padding-right:106px;}
#hot-blog .content ul li span{ position:absolute; right:0; top:0;width:100px;}
#hot-blog .content span a{color:#929191;}


.tagth{ height:28px; background-image:url(../../images/blog/bg_tagth.jpg); background-repeat:repeat; margin:5px;}
.tagth ul li{ float:left; width:147px; margin-right:10px; height:28px;}
.tag_on{width:147px; height:28px; line-height:24px; background-image:url(../../images/blog/tag_on.jpg); text-align:center; font-weight:bold; color:#216B8A;}
.tag_off{width:147px; height:28px; line-height:24px; background-image:url(../../images/blog/tag_off.jpg); text-align:center;  color:#216B8A;}