@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}
img{
border:0px;
}
ul li{
list-style:none;
}
a{
text-decoration:none;
}
div{
overflow:hidden;
}

html{
width:100%;
height:100%;
background:url(../images/bg.jpg) top center no-repeat;
}
body{
width:100%;
height:100%;
}

#title{
position:absolute;
color:#CCCCCC;
left:150px;
top:10px;
width:900px;
height:100px;
}

#site{
background:url(../images/site_bg.png) top left no-repeat;
width:988px;
margin:0 auto 100px;
position:relative;
top:120px;
clear:both;
}
#header{
width:988px;
position:relative;
}
#header #menu{
position:relative;
width:982px;
margin:5px 2px 5px 5px;
padding:0px 0px 0px 0px;
height:38px;
background:url(../images/navbg.png) no-repeat;
}

#header #menu ul{
position:relative;
width:100%;
height:100%;
display:block;
}

#header #menu ul li{
position:relative;
float:left;
display:block;
width:117px;
height:100%;
margin:0px;
padding:0px;
}
#header #menu ul li#logout,#header #menu ul li#username_login{
display:none;	
}
#header #menu ul li#register,#header #menu ul li#logout{
float:right;
right:20px;
}
#header #menu ul li#login,#header #menu ul li#username_login{
float:right;

}



#header #menu ul li a{
background:url(../images/navbg.png) no-repeat 0 0;
width:100%;
height:100%;
position:relative;
display:block;
padding-top:8px;
text-align:center;
margin:0px;
font-size:large;
color:#333333;
font-family:黑体,宋体;
}

#header #menu ul li a:hover{
color:#CCCCCC;
}

#header #menu ul li.active a{
background-position:0 -38px;
color:#CCCCCC;
}

#header #menu ul li#but1 a:hover{ background-position:0 -38px}


#header #menu ul li#but2 a:hover{ background-position:-118px -38px}

#header #menu ul li#but3 a:hover{ background-position:-235px -38px}

#header #menu ul li#but4 a:hover{ background-position:-352px -38px}

#header #menu ul li#but5 a:hover{ background-position:-469px -38px}

#header #menu ul li#search a:hover{ background-position:-469px -38px}

/*默认首页*/
#header #menu ul li#but1 a{ 

}

#content{
position:relative;
width:99%;
min-height:500px;
background-color:#FEFEFE;
border:#EEEEEE solid 2px;
margin:0px 3px 0px 5px;
border-radius:5px;
}

#content #main{
margin:10px 5px 5px 5px;
width:75%;
min-height:450px;
float:left;
position:relative;
border:#EEEEEE solid 2px;
border-radius:5px;
}

#content #main #post{
margin:10px 5px 5px 5px;
border-radius:5px;
min-height:250px;
width:95%;
border-radius:5px;
padding:20px 5px 5px 10px;
}

#content #main #post div.post_part{
height:45px;
border-bottom:#CCCCCC solid 1px;
margin:0px 5px 5px 5px;
position:relative;
padding:20px 0px 0px;
}



#content #main #post div.post_part a.post_title{
display:block;
float:left;
width:57%;
overflow:hidden;
font-family:黑体,宋体;
font-size:20px;
color:#333333;
margin:0px 5px 0px 0px;
padding:0px;
}

#content #main #post div.post_part a.post_date{
display:block;
float:left;
font-family:黑体,宋体;
font-size:15px;
color:#999999;
width:27%;
margin:0px 2px 0px 0px;
padding:0px;
}

#content #main #post div.post_part a.post_view{
display:block;
float:right;
font-family:黑体,宋体;
font-size:15px;
color:#83A1B9;
width:13%;
padding:0px;
}

#content #main #post_comment_link{
width:30%;
margin:20px 0px 0px 0px;
position:relative;
left:500px;
font-size:14px;
}

#content #main #post_comment_link font{
font-size: 12px; 
color:#FF3300;
}


#content #main .relative_post{
width:95%;
min-height:30px;
border:#EEEEEE solid 1px;
border-radius:10px;
margin:10px 10px 10px;
}



#content #main .relative_post a#title{
width:100%;
height:25px;
background-color:#F4F4F4;
border-bottom:#EEEEEE solid 1px;
text-align:left;
font-size:21px;
color:#CE0012;
position:relative;
padding:2px 5px;
display:block;
margin:0px;
top:0px;
left:0px;
}

#content #main .relative_post dl{
width:100%;
position:relative;
}

#content #main .relative_post dl dd{
background:url(../images/icon.gif) no-repeat scroll 5px 8px;
display:block;
padding:0px 5px 0px 15px;
margin:5px 1px 5px 5px;
width:45%;
height:16px;
float:left;
overflow:hidden;
font-size:15px;
}
#content #main #comment{
width:95%;
min-height:50px;
border:#EEEEEE solid 1px;
border-raduis:5px;
position:relative;
margin:10px 10px 10px;
}

#content #main h3{
border-bottom:#EEEEEE solid 2px;
width:30px;
display:block;
width:100%;
padding:5px 0px 5px 20px;
}

#content #main #comment #comment_post{
width:100%;;
}

#content #main #comment #comment_post .comment_post_part{
width:100%;
padding:10px 10px 10px 20px;
border-bottom:#CCCCCC dashed 1px;
background-color:#F8FAFD;
}

#content #main #comment #comment_post span.comment_post_user{
background:url(../images/dot.gif) no-repeat 0px 9px;
color: #009;
padding-left: 12px;
display:block;
margin:2px 5px 10px 0px;
width:80%;
position:relative;
}

#content #main #comment #comment_post span.comment_post_user h4{
display:inline;
}

#content #main #comment #comment_post span.comment_post_user a.comment_date{
display:inline;
float:right;
color:#666666;
font-size:15px;
}

#content #main #comment #comment_post span.comment_post_content{
display:block;
width:95%;
margin:0px 5px 0px 10px;
}

#content #main #comment #comment_page{
display:block;
width:80%;
margin:10px;
}

#content #main #comment #comment_form{
position:relative;
width:95%;
background-image:url(../images/comment-bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:600px;
height:236px;
padding:14px 0 0 18px;
margin:10px 10px 10px 30px;
overflow:hidden;
}
#content #main #comment #comment_form h3{
width:560px;
padding:5px 0px 5px 0px;
border:#CCCCCC solid 0px;
}
#content #main #comment #comment_form #comment_form_post{
width:90%;
position:relative;
}

#content #main #comment #comment_form #comment_form_post #textarea{
height:200px;
width:100%;
display:block;
clear:both;
position:relative;
}
#content #main #comment #comment_form #comment_form_post #comment_form_submit{
width:80px;
display:block;
height:30px;
margin:5px 20px 5px 350px;
clear:both;
position:relative;
}

#content #main #comment #comment_form #comment_form_post #check_login{
float:left;
height:35px;
margin:10px 5px 5px 5px;
}

#content #main #comment #comment_notice{
width:95%;
border-top:#CCCCCC dashed 1px;
margin:10px 5px 10px 10px;
padding:5px 3px 5px 5px;
}

#content #siderbar{
width:22%;
float:right;
min-height:450px;
position:relative;
margin:10px 5px 5px 0px;

}

#content #siderbar #search{
width:100%;
min-height:30px;
margin:0px 0px 10px 5px;
position:relative;
border:#EEEEEE solid 2px;
border-radius:5px;
padding:10px 0px 0px 0px;
}

#content #siderbar #tree{
width:95%;
margin:0px 0px 0px 5px;
position:relative;
border:#EEEEEE solid 2px;
padding:0px 0px 3px 0px;
border-radius:5px;
height:auto;
}

#content #siderbar #tree .dtree{
display:block;
margin:0px 0px 30px 0px;
}

#content #siderbar #tree h3{
background:url(../images/navgrad-normal.png) repeat-x 0 0;
width:100%;
height:20px;
margin:0px;
text-align:center;
}
#content #siderbar #tree a.tree_a{
background:url(../images/sidebar-toggle.gif) no-repeat;
display: block;
height: 20px;
width:20px;
overflow:hidden;
position: absolute;
right: 10px;
top: 0px;
cursor: pointer;
}

#content #siderbar #tree #category{
display: block;
height: 100%;
width:100%;
top: 20px;
position:relative;
}


#content #siderbar #news{
width:95%;
height:auto;
margin:10px 0px 0px 5px;
position:relative;
border:#EEEEEE solid 2px;
border-radius:5px;

}

#content #siderbar #news h3{
background:url(../images/navgrad-normal.png) repeat-x 0 0;
width:100%;
height:20px;
margin:0px;
text-align:center;
}
#content #siderbar #news a.tree_a{
background:url(../images/sidebar-toggle.gif) no-repeat;
display: block;
height: 20px;
width:20px;
overflow:hidden;
position: absolute;
right: 10px;
top: 0px;
cursor: pointer;
}


#content #siderbar #news #news_content{
position:relative;
margin:10px 0px 10px;
width:90%;
height:90%;
}
#content #siderbar #news #news_content dl{
position:relative;
margin:0px;
width:100%;
height:100%;
}

#content #siderbar #news #news_content dd{
background:url(../images/icon.gif) no-repeat scroll 5px 8px;
display:block;
padding:0px 5px 0px 15px;
margin:5px 1px 5px 5px;
width:95%;
height:16px;
overflow:hidden;
font-size:15px;
}

div.clear{
clear:both;
}

#footer{
clear:both;
position:relative;
width:100%;
border-top:#EEEEEE solid 2px;
text-align:center;
margin:10px 5px 5px 5px;
padding:5px;
}

#footer span{
float:left;
left:100px;
position:relative;
}

#footer ul#navigation{
display:block;
}

#footer ul#navigation li{
display:block;
float:right;
position:relative;
right:100px;
}

div#dialog_login{
display:none;
}

div#dialog_register{
display:none;
}


div#dialog_login h3,div#dialog_login input,div#dialog_login img,div#dialog_login a,div#dialog_register input,div#dialog_register h3,div#dialog_register a,div#dialog_register img{
display:block;
margin:0px 0px 0px 5px;
}