#ib_all #blog_forum_view h1, #ib_all #blog_tags h1 { color: #283E7F; margin: 8px 0 2px 0 }
#ib_all #blog_forum_view .start_text { line-height: 150%; color: #657786; font-size: 100%}
#ib_all .blogpost, #ib_all .blog_sticky { padding-bottom: 24px; margin-bottom: 24px; border-bottom: #e1e4e8 1px solid}
#ib_all .blogpost h3 { font-size: 140%; padding-top: 4px; }
#ib_all .blogpost_date, #ib_all .blogcomment_date { padding-left: 10px; color: #657786; flex-grow: 1 }
#ib_all .blogpost:first-child { margin-top: 0; border-top: 0 }
#ib_all .blogpost_text { padding: 20px 0; clear: both; font-size: 16px }
#ib_all .blogpost_text br+br { /* line-height: 2.8em */ }
#ib_all .blogpost_text p.intb_wrap_code br { display: none }
#ib_all .blogpost_text img { margin: 3px auto; display: block }
#ib_all .blogpost_text .foldlink { display: none }
#ib_all .prating { display: inline; font-size: 120% }
#ib_all .prating .prvalue { padding: 3px; font-size: 110%; }
#ib_all .blogpost_avatar { float: left; margin: 0 12px 10px 0 }
#ib_all .blogpost_top { line-height: 140%; color: #657786; }
#ib_all .blogpost_info { color: #657786 }
#ib_all .blogpost_info br { display: none }
#ib_all .blogpost_info a { color: #657786; padding: 0 8px  }
#ib_all .blogpost_info .prating>a:first-child { padding-left: 0; }
#ib_all .avatar img {height:16px; width:16px; vertical-align: bottom; margin-right: 5px}
#ib_all .blog_sticky { padding-bottom: 0 }
#ib_all .blog_sticky h4 { margin:  20px 0 0 0; }
#ib_all .blog_sticky ul { padding: 0 15px; }
#ib_all .comment { clear: both; margin: 8px 0; padding: 12px 0; display: flex }
#ib_all .comment_avatar { min-width: 140px; order: 1; height: 100%; padding-right: 10px; text-align: right }
#ib_all .comment_body { order: 2; width: 100%; max-width: 840px; padding: 10px; }
#ib_all .comment .no_avatar { max-width: none; }
#ib_all .comment_top { width: 100%; border-bottom: #f6f8fa 1px solid; margin-bottom: 6px; display: flex }
#ib_all .comment_top .prating { padding-right: 24px; font-size: 110%; color: #657786 }
#ib_all .comment_avatar img { max-width: 120px }
#ib_all .comment .postnumber { padding-left: 5px;}
#ib_all .comment+.comment { border-top: #dcddde 1px solid  }
#ib_all .comment_text .username { color: inherit }
#ib_all #blog_forum_view .rss, #ib_all #blog_tags .rss  { display: block; float: right; font-size: 280% }
#ib_all #uLogin { display:inline-block; line-height: 110%}
#ib_all .blogpost_text table td {padding: 4px 8px}

#ib_all .blogpost_text pre, #ib_all .blogpost_text p.intb_wrap_code, #ib_all .comment_text p.intb_wrap_code { overflow: auto; background: #f3f3f4; border: 1px solid #dcddde; display: block; padding: 8px 10px; margin: 5px 0; white-space: pre }
#ib_all .blogpost_text pre br { display: none }

#ib_all .post .attach { color: #444; margin-top: 1.2em }
#ib_all .postform .attach * { vertical-align: middle }
#ib_all .post .attach ul { list-style: none; padding: 0; margin: 0}
#ib_all .post .attach li { padding: 0 20px }
#ib_all .post .attach li.attach_preview { display: inline; padding: 0 20px 0 0 }
#ib_all .postform legend { display: none }

#ib_all .post a.blocklink { padding: 9px; border: #dcddde 1px solid; display: block; text-decoration: none; max-width: 480px; margin: 6px 0; }
#ib_all .post a.blocklink b { display: block; font-size: 120%; border-bottom: #dcddde 1px solid; padding: 0 6px 6px 6px; color: #0101C4; margin-bottom: 10px; }
#ib_all .post a.blocklink img { display: block; margin: 10px 0; max-height: 200px }
#ib_all .post a.blocklink .linkdesc { padding: 0 6px; display: block; }
#ib_all .post a.blocklink .linkdomain { display: block; font-size: 100%; color: #A3CEFF; font-weight: bold; padding: 6px 6px 0 6px }

#ib_all .post .unfolded { max-height: none }
#ib_all .post .foldlink { position: relative; display: block; left: 86%; text-align: center; width: 7em; background: #234; padding: 5px; 
color: #fff; font-weight: bold; text-decoration: none; margin-bottom: -1.3em; clear: both; }

#ib_all .topic_tags li { display: inline-block; padding: 0 8px; }
#ib_all .topic_tags li a { text-decoration: none }
#ib_all #blog_tags .topic_tags { font-size: 250%; text-align: center }

#ib_all .ya-share2 { padding-bottom: 10px }

@media screen and (max-width: 480px) {
#ib_all .comment_avatar { min-width: 0; padding-right: 10px; padding-left: 5px }
}

@media screen and (min-width: 480px) and (max-width:1366px) {
  #ib_all .container { margin: 0 24px  }
}