a { color: #036; text-decoration: none; }
a:hover { color: #258DC9; text-decoration: underline; }
.s_font { font-family: Arial, Helvetica, sans-serif; color: #090; }
.gray_font { color: #666; }

#bodycenter { width: 768px; margin: 0 auto; margin-top: 8px; }

#blogindex_l { width: 740px; float: left; }

#blogindex_r { width: 210px; float: right; }

.w366 { width: 366px; }
#newcomer { height: 210px; float: left; }

.newcomerstat ul { margin: 0; list-style: none; padding-left: 3px; }
.newcomerstat li { line-height: 30px; }

.newcomerholder { margin-top: 2px; width: 50%; float: left; }
.newcomerphoto { height: 62px; float: left; }
.newcomerblogtitle { clear: both; padding: 4px; }

#newarticle { margin-left: 3px; height: 210px; float: left; }
#newarticle ul { margin: 0; list-style: none; padding-left: 3px; padding-right: 3px; }
#newarticle li { line-height: 25px; text-indent: 2px; }

#hotreply { margin-top: 3px; height: 290px; float: left; }

#hotreply ul { margin: 0; margin-top: 2px; list-style: none; padding-left: 3px; padding-right: 3px; }

#hotreply li { line-height: 25px; text-indent: 2px; }

#hotclick { margin-left: 3px; margin-top: 3px; height: 290px; float: left; }

#hotclick ul { margin: 0; margin-top: 2px; list-style: none; padding-left: 3px; padding-right: 3px; }

#hotclick li { line-height: 25px; text-indent: 2px; }

.areaborder1 { border: 1px solid #B6CAE0; overflow: hidden; }
.areaborder2 { border: 1px solid #CFE586; }

.titlebg { height: 30px; line-height: 30px; text-indent: 1em; font-weight: bold; }
.titlebg1 { background: #F5FAFE; color: #0578BC; }
.titlebg2 { background: #F7FBEC; color: #f60; }

#newphoto { clear: both; margin-right: 1px; margin-top: 3px; height: 250px; }

#newphoto_c { margin-top: 8px; }

.photoholder { float: left; margin-left: 11px; _margin-left: 8px; height: 103px; margin-bottom: 4px; }

.photoholder img { border: 1px solid #ccc; }

.photoname { margin-top: 3px; text-align: center; }

#blog { border: 1px #cbcbcb solid; margin-bottom: 4px; width: 203px; background-image: url(../images/blog.gif); height: 72px; margin-left: 2px; }

#userwindow { height: 135px; width: 205px; margin: 2px; background: url(../images/repeatlog_05.gif);  }
#userwindow .userButton { line-height:43px; margin:20% auto; background: url(../Images/userButton.gif); width: 150px; height: 43px; color: #6a7b85; font-size: 14px; font-weight: bold; text-align: center; }
#userwindowtitle { width: 205px; background-image: url(../images/bbblog_03.gif); height: 33px; }

#password1 { height: 104px; width: 205px; }

#userid { padding-left: 21px; line-height: 18px; height: 18px; }
#userkey { padding-left: 21px; line-height: 18px; height: 18px; margin-top: 8px; }

#nopassword { height: 60px; }

#blogtop10 { width: 203px; margin-left: 2px; height: 290px; }


#blogtop10_c ul { margin: 0; list-style: none; padding-left: 3px; }

#blogtop10_c li { line-height: 25px; _padding-top: 5px; }

#newupdate { width: 203px; margin-top: 3px; margin-left: 2px; height: 250px; }

#newupdate ul { margin: 0; margin-top: 2px; list-style: none; padding-left: 3px; padding-right: 3px; }

#newupdate li { line-height: 24px; text-indent: 2px; }


table.userBlogInfo { float: left; text-align: center; width: 115px; height: 85px; margin: 3px; }