body{
	background:#3b3b3b;
	font-size:0.7em;
	font-family:"Microsoft Yahei","微软雅黑",Arial,sans-serif;
	color:#3b3b3b;
}


#top a, #top{
    color:#DFDFDF;
    width:972px;
    margin:0px auto;
    text-shadow:0 2px 0 black;
}

#topname{
    font-size:46px;
    float:left;
}

#topdesc{
    font-size:10px;
    margin-top:5px;
    float:left;
    margin-left:10px;
}

a{
	outline: none;
}

#header,#footer{
	margin:0px auto;
	width:973px;
}

#mainpage{
	background:transparent url("images/main.png") no-repeat top center;
	margin:100px auto;
	height:500px
}

.main, .main_anou, #pointer{
	margin:0px auto;
	width:971px;
    background:#DFDFDF;
	min-height:100px;
	#overflow:hidden;
}

.main_anou{
	border-top: 1px solid white;
	background:url("images/bglight.png") no-repeat scroll center top #DFDFDF;
}

#goleft, #goright {
    min-height:25px;
    min-width:25px;
    margin-top:40px;
    cursor:pointer;
}

#goleft{
    background:url("images/goleft.png") no-repeat top center transparent;
    margin-left:35px;
    float:left;
}

#anoucontent{
    float:left;
    text-align:center;
    width:839px;
    height:100px;
}

#anoucontent img{
    border:none;
}

#goright{
    background:url("images/goright.png") no-repeat top center transparent;
    margin-right:35px;
    float:right;
}

#header{
	background:transparent url("images/head2.png") no-repeat top center;
	min-height:66px;
	border-bottom: 1px solid black;
    margin-top:5px;
	#min-height:56px;
	#margin-bottom:-10px;
}

#rss{
	float:right;
	margin-top:27px;
	margin-right:200px;
}

#rss img{
	border:none;
}

#toplevel{
	background:transparent url("images/toplevel.png") no-repeat top center;
	min-height:228px;
	margin:0px auto;
	width:972px;
    display:none;
}

#footer{
	background:transparent url("images/end.png") no-repeat top center;
	min-height:43px;
}

.banner{
}

.home,.homeactive,.design,.about,.douban{
	min-height:46px;
	min-width:50px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}


.home a,.work a,.theme a,.design a,.about a,.douban a,.homeactive a,.workactive a,.themeactive a,.designactive a,.aboutactive a,.doubanactive a{
	text-indent:-9999px;
	#text-indent:0px;
	padding-left:10px;
	padding-top:29px;
	display:block;
	#white-space:nowrap; 
	#line-height:0px;
	#margin-top:17px;
	#overflow:hidden;
}

.home{
	background:transparent url("images/home_normal.png") no-repeat top center;
}

.homeactive{
	background:transparent url("images/home_active.png") no-repeat top center;
}

.douban{
	background:transparent url("images/douban_normal.png") no-repeat top center;
}

.doubanactive{
	background:transparent url("images/douban_active.png") no-repeat top center;
}

.about{
	background:transparent url("images/about_normal.png") no-repeat top center;
}

.aboutactive{
	background:transparent url("images/about_active.png") no-repeat top center;
}

.work,.workactive,.theme,.themeactive,.design,.designactive,.aboutactive,.doubanactive{
	min-height:46px;
	min-width:50px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.design{
	background:transparent url("images/design_normal.png") no-repeat top center;
}

.designactive{
	background:transparent url("images/design_active.png") no-repeat top center;
}

.work{
	background:transparent url("images/work_normal.png") no-repeat top center;
}

.workactive{
	background:transparent url("images/work_active.png") no-repeat top center;
}

.theme{
	background:transparent url("images/theme_normal.png") no-repeat top center;
}

.themeactive{
	background:transparent url("images/theme_active.png") no-repeat top center;
}

#content,#sidebar{
	float:left;
	padding:10px;
}

#content{
	width:958px;
}

.entry{
	font-size:1.2em;
	line-height:24px;
    padding-top:10px;
	text-shadow:0 1px 0 white;
    border-top:1px dashed white;
}

.entry p{
	margin-top:5px;
	margin-bottom:10px;
}

.entry img{
	padding:3px;
	border:1px solid #ccc;
	margin-top:5px;
	background:white;
}

.posts{
	padding-top:20px;
}

.blog_title{
	text-shadow:0 1px 0 white;
    border-bottom:1px dashed;
}

.blog_h2{
	font-size:20px;
	float:left;
	margin-top:5px;
	max-width:558px;
	overflow:hidden;
	white-space:nowrap; text-overflow:ellipsis; overflow: hidden;
	-o-text-overflow:ellipsis;
	color:#282828;
}

.date{
	width:56px;
	height:67px;
	float:left;
	background:transparent url("images/date.png") no-repeat top center;
	text-align:center;
	font-weight:bolder;
	font-size:14px;
    display:none;
}

.titleall{
    font-size:10px;
}

.title{
	#position:absolute;
}

.postinfo{
    background:transparent url("images/info.png") no-repeat scroll left top;
    position:absolute;
    width:300px;
    height:30px;
    margin-top:38px;
    margin-left:60px;
    overflow:hidden;
	#margin-left:10px;
    display:none;
}

.comment{
    position:absolute;
    margin-top:9px;
    margin-left:82px;
}

.category{
    margin-top:9px;
    margin-left:223px;
    position:absolute;
}

.category a{
	display:none;
}

.category a:first-child{
	display:block;
}

.category .cate
{
	overflow:hidden;
    height:15px;
    width:50px;
}

.comment a{
}

.comment .num{
	width:21px;
	text-align:center;
}

.date .year{
	margin-top:10px;
}

.date .mday{
	margin-top:13px;
}

.details{
    text-align:right;
}

.details img{
    border:none;
	background:transparent;
}

#sidebar{
	margin-left:10px;
	width:280px;
    font-size:12px;
	text-shadow:0 1px 0 white;
}

#works,#about{
    margin-top:10px;
    text-align:center;
}

.clear{
	clear:both;
}

.recentliactive{
	background:gray url("images/a.png") no-repeat scroll left top;
}

#recent{
    margin-top:10px;
}

#recenthead{
	background:transparent url("images/recenthead.png") no-repeat scroll center top;
	height:44px;
	width:282px;
}

#recentcommentshead{
	background:transparent url("images/commentshead.png") no-repeat scroll center top;
	height:44px;
	width:282px;
}

#linkhead{
	background:transparent url("images/linkshead.png") no-repeat scroll center top;
	height:44px;
	width:282px;
}

#link{
	margin-top:10px;
}

#recentbody,#recentcommentsbody,#linkbody{
	background:transparent url("images/recentbody.png") repeat-y center top;
	width:282px;
	margin-top:-12px;
}

#recentbody ul,#recentcommentsbody ul,#linkbody ul{
	margin-left:-22px;
	#margin-left:22px;
}

#recentend,#recentcommentsend,#linkend{
	background:transparent url("images/recentend.png") no-repeat scroll center top;
	height:19px;
	width:280px;
	margin-top:-12px;
}

#recent li,#recentcomments li,#link li{
	list-style:none;
    width:233px;
	#width:220px;
    padding:5px;
	padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px dotted;
}

#recent li{
	background:transparent url("images/posts.png") no-repeat scroll left top;
}

#recentcomments{
    margin-top:10px;
}

#recentcomments li{
	background:transparent url("images/commentsidebar.png") no-repeat scroll left top;
}

.rtitle{
	float:left;
	padding-left:18px;
}

.commentstitle,.commentscomment{
	padding-left:18px;
}

.commentscomment{
	margin-top:7px;
}

.rcomments{
	font-size:10px;
	float:right;
}

.rcategory{
	font-size:11px;
	margin-top:5px;
	padding-left:18px;
}

.blog_navigation{
    padding-top:10px;
    padding-bottom:10px;
}

.blog_navigation .alignleft{
    float:left;
}

.blog_navigation .alignright{
    float:right;
}

a:link,a:visited{
	text-decoration:none;
	color:#3b3b3b;
}

a:hover{
    color:black;
}

#sidebar a:link,#sidebar a:visited{
    text-decoration:none;
    color:#3B3B3B;
}

#sidebar a:hover{
    color:black;
}

#comments{
	height:45px;
	border-top: 1px dashed;
	background:transparent url("images/commentinpost.png") no-repeat scroll left top;
}
#suggest{
	margin-top: 5px;
	padding-top: 5px;
}
#postcomment{
	border-top:1px dashed;
	height:45px;
	margin-top:5px;
	background:transparent url("images/commentsave.png") no-repeat scroll left top;
}

#commentlist{
	font-size: 1.1em;
}

#commentlist ol{
	margin-left:-37px;
	#margin-left:0px;
	font-size:1.0em;
	line-height:22px;
	text-shadow:0 1px 0 white;
}

#commentlist img{
	background:white;
	border:1px solid #ccc;
	padding:3px;
}

#commentlist .even .avatar,#commentlist .even .type{
	float:left;
}

#commentlist .odd .avatar,#commentlist .odd .type{
	float:right;
}

#commentlist .even .type{
	margin-left:10px;
}

#commentlist .even .commenthead,#commentlist .even .commentbody,#commentlist .even .commentend,
#commentlist .odd .commenthead,#commentlist .odd .commentbody,#commentlist .odd .commentend{
	width:400px;
	padding-left:33px;
}

.commentbody img{
	background:transparent;
	border:none;
}

#commentlist .even .commenthead{
	background:transparent url("images/commenthead.png") no-repeat scroll center top;
	height:31px;
}

#commentlist .even .commentbody{
	background:transparent url("images/commentbody.png") repeat-y scroll center top;
	margin-top:-14px;
	#margin-top:-1px;
}

#commentlist .even .commentbody p{
	width:371px;
}

#commentlist .even .commentend{
	background:transparent url("images/commentend.png") no-repeat scroll center top;
	height:13px;
	margin-top:-14px;
	#margin-top:-1px;
}

#commentlist .odd .commenthead{
	background:transparent url("images/commentheadadmin.png") no-repeat scroll center top;
	height:31px;
}

#commentlist .odd .commentbody{
	background:transparent url("images/commentbodyadmin.png") repeat-y scroll center top;
	margin-top:-14px;
	#margin-top:-1px;
}

#commentlist .odd .commentbody p{
	width:371px;
}

#commentlist .odd .commentend{
	background:transparent url("images/commentendadmin.png") no-repeat scroll center top;
	height:13px;
	margin-top:-14px;
	#margin-top:-1px;
}

#commentlist ol li{
	margin:0px;
	list-style:none;
	position:relative;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:10px;
}

/*Code*/
.code
{
    background:#F7F7F7 url(img/code.png) no-repeat top right;
    padding:5px 5px 5px 5px;
	border:1px dashed #ccc;
	color:black;
	margin-right:10px;
}

.code img
{
	border:0px;
}

.kwrd
{
    color:Blue;
}

.rem
{
    color:Green;
}

.floatleft,.floatright{
	font-size:12px;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.linktitle{
	font-weight:bolder;
}

.linkdes{
	font-size:11px;
}

.search{
	float:right;
	margin-right:10px;
	margin-top:25px;
}

.searchbox{
	border:none;
	background:transparent url("images/searchbox.png") no-repeat top center;
	padding:5px;
	width:172px;
    height:16px;
	color:gray;
	padding-left:14px;
	padding-top:4px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.entry a, .blog_h2 a{
	font-weight:bolder;
	padding-left:5px;
	padding-right:5px;
}

.entry a:hover, .blog_h2 a:hover{
	background:#545454;
	color:white;
	text-shadow:0 1px 0 black;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px 4px 4px 4px;
}

.details a:link{
    background:transparent;
}

.details a:visited{
    background:transparent;
}

.details a:hover{
    background:transparent;
}

::selection {
    background:#4C4C4C;
    color:#ffffff;
	text-shadow:0 1px 0 black;
}

::-moz-selection{
    background:#4C4C4C;
    color:#ffffff;
	text-shadow:0 1px 0 black;
}

#douban_ra2{
    color:#333333;
    font-size:12px;
    margin:30px 0 0 18px;
    text-align:left;
}

#douban_ra2 ul{
    margin-left:-40px;
}

#douban_ra2 ul li div{
    margin-top:5px;
}

.dbfm {
    padding-left:20px;
    background:url("images/boardcast.png") no-repeat scroll 9px 0 transparent;
    height:180px;
}

.dbbottom{
    display:none;
}

input, textarea{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background:white;
    border:1px solid gray;
    min-height:15px;
    padding:5px;
    -moz-box-shadow:0 1px 0 white;
    -webkit-box-shadow:0 1px 0 white;
    box-shadow:0 1px 0 white;
}

#commentform{
    font-size:12px;
}

#pointer{
    text-align:center;
    min-height:10px;
}

#pointer ul{
    margin:0 0 0 454px;
    padding:0px;
}

#pointer ul li{
    list-style:none;
    float:left;
    cursor:pointer;
}

.p_a, .p_n{
    min-height:10px;
    min-width:10px;
    margin-left:3px;
}

.p_a{
    background:url("images/p_active.png") repeat scroll 0 0 transparent;
}

.p_n{
    background:url("images/p_normal.png") repeat scroll 0 0 transparent;
}