#blog{padding: 20px;}

#blog .item-wrap{padding: 0 0 11px; margin: 0 0 14px; position: relative;}
#blog .item-wrap.empty:after{background: none}
#blog .item-wrap:after{
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../base/i/horiz-bg-sprite.png) repeat-x scroll 0 -107px transparent;
    display: block;
    position: absolute;
}
#blog .item-content{margin: 0 0 0 46px; line-height: 19px;}
#blog .item-content-html{margin: 0 0 10px; overflow: hidden;}
#blog .item-content h3{font-weight: bold; margin: 0 0 5px;}
#blog .item-footer{line-height: 24px; padding: 0 19px; border-left: 1px solid #e0e7ec; float: left; color: #73818a;}
#blog .js-link{color: #73818a; cursor: pointer; text-decoration: underline}
#blog .js-link:hover{text-decoration: none}
#blog .item-footer:first-child{padding: 0 19px 0 0; border-left: none}
#blog .item-footer-wrap{margin: 0px;}
#blog .user-photo, #blog .user-photo img{float: left; width: 36px}
#blog .blog-comments {margin-top: 15px;}
#blog .blog-comments .show-more-link {margin-bottom: 10px;}

#blog .talk-box{ position: relative; overflow: hidden;}
#blog .talk-box .new-blog-content{margin: 5px 0 0 46px;}
#new-blog-form.talk-box{padding: 0 0 20px; margin: 0 0 20px;}
#new-blog-form.talk-box:after{
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../base/i/horiz-bg-sprite.png) repeat-x scroll 0 -107px transparent;
    display: block;
    position: absolute;
}

#blog .comment-area{resize: vertical; border:  1px solid #c3d0d8; position: relative; }
#blog .comment-area-inner p{margin: 0;}
#blog .comment-area-inner{
    height: 13px;
    padding: 5px 12px;
    position: relative;
    z-index: 2;
    cursor: text;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
            transition: all .2s ease;
    overflow: hidden;
    word-wrap: break-word;
}
#blog .comment-area-placeholder{cursor: text; position: absolute; left: 12px; top: 5px; z-index: 1; color: #73818a; line-height: 13px;}
#blog .comment-area:before{position: absolute; content: ""; width: 7px; height: 13px; top: 5px; left: -7px; background: url(i/sp.png) 0 0;}
#blog .comment-area.focused .comment-area-inner{min-height: 70px; height: auto; line-height: 19px;}
#blog .comment-area.focused .comment-area-placeholder{display: none;}

#blog .comment-user-item{margin: 0 0 15px; position: relative;}
#blog .comment-user-item .icn-close{opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0; cursor: pointer;}
#blog .comment-user-item:hover .icn-close{opacity: .5; filter: alpha(opacity=50)}
#blog .comment-user-item .icn-close:hover{opacity: 1; filter: alpha(opacity=100)}
#blog .comment-user-content{margin: 0 0 0 46px; line-height: 16px;}
#blog .comment-user-name{color: #9da7ad; margin: 0 0 2px;}
#blog .comment-user-name a{margin: 0 10px 0 0;}

#new-blog-text-unsupported{display: none;}
#blog .new-blog-append{display: none; overflow: hidden; padding: 10px 0 0;}
#blog .new-blog-append a{margin: 0 10px 0 0;}
#blog .new-blog-append .btn{margin: 0 10px 0 0;}
#blog .new-blog-append .helper{color: #999;}
#blog .new-blog-footer{line-height: 26px;}
#blog .new-blog-footer .jslink{margin: 0 0 0 10px;}

#blog .attach-photo-item,
#blog .attach-video-item{line-height: 16px; margin: 0 0 5px;}
#blog .attach-photo-item .icn,
#blog .attach-video-item .icn{vertical-align: middle; cursor: pointer}
#blog-attach-info{}

#blog-attach-link{display: inline-block; *display: inline; margin: 0 0 10px;}
.blog-attach-photo-item{padding: 0 0 5px;}
.blog-attach-photo-item .icn{cursor: pointer;}
.blog-attach-photoitem input{margin: 0 0 10px;}
#app_blog_style_css{display: none;}

#blog .blog-photo {display: block;float: left; margin-right: 5px; margin-bottom: 5px;}