html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
border:0;
padding:0;
}
body{color:#333;background:#E5E5E5;font-family: 'Poiret One',sans,'Microsoft YaHei', 微软雅黑; font-size:12px;line-height:2;}
::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292}
h1,h2,h3,h4,h5{font-weight:normal}
body h3{font-size:16px;}
.clear{clear: both;}
em {
background: #48B;
color: #FFF;
padding: 1px 5px;
border-radius: 2px;
}
a ,a:visited{
text-decoration: none;
color: #5895BE;
display:inline-block;
line-height:1;
}
a:hover {
color: hsl(2, 81%, 61%);
text-decoration: none;
}
h2{border-bottom: 1px solid #EEE!important;}

.entrylistItemPostDesc,#profile_block,#lnkBlogLogo,#comment_form,#blog_post_info_block,.topicListFooter,.postDesc,.dayTitle,#navigator{
display:none;
}
#blogTitle{height: 40px;padding: 0;background: #333;border-bottom: 5px solid #474747;}
.forFlow{
position: relative;
padding-bottom: 30px;
}
.topicListFooter{
display: block;
position: absolute;
left: 0;
}
.topicListFooter a:first-child{
display:none
}
.topicListFooter .pager{margin-top: 20px;}
#blogTitle h1{
width: 120px;
background: #48B;
color: #FFF;
font-size: 15px;
border-bottom: 5px solid #4E92C5;
padding: 15px 0 10px 0;
text-align: center;
text-transform: uppercase;
float: left;
}
#blogTitle h2{
display: inline-block;
float: left;
border-bottom: 0!important;
}
#blogTitle h2 ul{
margin: 0;
padding: 0;
font-size: 12px;
text-shadow:0 -1px 0 rgba(0,0,0,.7);
}
#blogTitle h2 ul li{
list-style: none;
display: inline-block;
float: left;
padding: 15px 25px;
border-right: 1px solid hsl(0, 0%, 28%);
}
#blogTitle h2 ul li a,#blogTitle h2 ul li a:visited{color: #bbb}
#blogTitle h2 ul li a:hover{color: #FFF}
#blogTitle h1 a,#blogTitle h1 a:visited{color: #FFF}

#main{margin-top: 30px;position: relative;}
#mainContent{margin-left: 125px;padding:20px;background: #FFF;border: 1px solid #FFF;border-radius: 3px;box-shadow: 0 0 2px rgba(0, 0, 0, .4);margin-right: 365px;}
#sideBar{text-align: right;color: #999;text-transform: uppercase;text-shadow: 0 1px 0 #FFF;}
#sideBar .newsItem{width: 350px;top: 0;right: 0;margin-top: 5px;position: absolute;text-align: left;}

#sideBar h3{color: #4488BB}
#sideBar .newsItem img{width: 40px;border-radius: 3px;display: block;clear: both;}
#sideBar .newsItem .catListTitle{display: none;}
#sideBar #leftcontentcontainer{position: absolute;top: 0;left: 0;width: 110px;}
#sideBar h3{font-size: 12px;}
#sideBar ul{padding: 0;margin: 0;}
#sideBar ul li{list-style: none;}
.social-icon{font-size:18px;}
.social-icon a{padding-right:2px}
#sideBar li a {
border-radius: 3px;
color: #999;
display: inline-block;
line-height: normal;
overflow: hidden;
padding: 2px 5px;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
box-sizing: border-box;  
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;
}
#footer{padding: 20px 0 10px 125px;}
#sideBar li a:hover,
#sideBar li a:active,
#sideBar li a:focus {
background: #CDCDCD;
color: #333;
}

.entrylistPosttitle,.postTitle{font-size: 150%;margin-bottom: 20px;}
.entrylistPosttitle a,.entrylistPosttitle a:visited,.postTitle a,.postTitle a:visited{color: #000;}
.entrylistPosttitle a:hover,.postTitle a:hover{color: #4488BB}
.post .postTitle a, .post .postTitle a:visited {
color: #4488BB;
}
.post .postTitle:before {
display: none;
}
.postCon{margin-bottom: 20px;}
.postCon p{margin: 0;}
.desc_img{float: right;clear: both;margin-left:10px;max-height:100px;max-width:150px;}
a.c_b_p_desc_readmore {
display: inline-block;
margin:20px 0;
background: #F0F0F0;
border: 1px solid #CCC;
color: #666;
padding: 5px 10px;
text-shadow: 1px 1px 0 #FFF;
border-radius: 3px;
clear: both;
}

a.c_b_p_desc_readmore:hover,
a.c_b_p_desc_readmore:focus,
a.c_b_p_desc_readmore:active {
background: #09c;
border-color: #09c;
color: #FFF;
text-shadow: -1px -1px 0 rgba(0,0,0,.3);
}
.day{padding-left: 100px;position: relative;border-bottom: 1px solid #EEE;margin-bottom: 30px;}
.entrylistItem{border-bottom: 1px solid #EEE;margin-bottom: 20px;}
.postTitle:before{
display: block;
content:attr(data-date);
background: #F0F0F0;
padding: 10px;
text-align: center;
color: #333;
position: absolute;
left: 0;
width: 60px;
text-shadow: 1px 1px 0 #FFF;
border-radius: 3px;
font-size:12px;
line-height:1.3;
}
.postTitle:before span{

}
.dayTitle a,.dayTitle a:visited{color:#333;}