body {
    background: #2E363F;
    font-family: 'Microsoft Yahei';
    color:#939da8;
}
#header {
    position: fixed;
    width: 100%;
    z-index: 100;
}
div#blogTitle {
    background: #1f262d;
    height: 50px;
    padding: 0;
}
div#blogTitle .title {
    text-indent: 20px;
    padding-top: 15px;
    float:left;
}
div#blogTitle .title a {
    color: #939da8;
}
div#blogTitle .subtitle {
    text-indent: 20px;
    color: #fff;
    margin-bottom: 0;
    color:#939da8;
    padding-top:20px;
}
div#navigator ul#navList {
    position: absolute;
    top: 0px;
    right: 10px;
    display:none;
}
ul#navList li {
    margin: 0;
    float: left;
    list-style-type: none;
    position: relative;
    padding: 0;
    border-left: 1px solid #2e363f;
    border-right: 1px solid #000;
}
div#navigator ul#navList li a {
    font-size: 14px;
    display: block;
    background: #1f262d;
    color: #939da8;
    width: 65px;
    padding: 16px 10px;
    text-align: center;
    margin: 0;
    line-height: 120%;
}
div#navigator ul#navList li a:hover {
    background: #000;
    color: #fff;
}
#sideBar {
    border: none;
    position: absolute;
    top: 50px;
    left: 0;
    background: #2E363F;
    padding: 0;
    width: 280px;
}
#mainContent {
    background: #dee7de;
    margin-left: 280px;
    margin-right: 0;
    margin-top: 0;
}
div.forFlow {
    border: 1px solid #ced7ce;
    border-right: none;
    background: #fff;
    padding: 45px 37px 40px;
    margin-left: 0;
    left: 0;
    padding-top: 100px;
}

#site_nav_under,#google_ad_c1,#under_post_news,#google_ad_c2,#under_post_kb{
    display:none;
}
div.blogStats {
    position: absolute;
    top: 50px;
    width:160px;
    height:50px;
    text-align:center;
    line-height:50px;
    background:#fff;
    color: #27a9e3;
    right: 0px;
    opacity:0.6;
}
#sideBar h1,#sideBar h2,#sideBar h3,#sideBar h4,#sideBar h5,#sideBar h6,#sideBar th {
    font-weight: normal;
    color: #2255a4;
}
#sidebar_search,#calendar,#sidebar_scorerank{
    display:none;
}
#sideBar a:hover {
    color: #fff;
}
.myHeader{
height:50px;width:160px;background:#28b779;color:#fff;position:fixed;top:0;right:0;z-index:101;text-align:center;line-height:50px;
display:none;
}
.myHeader a{
padding:10px;
color:#fff;
}
.myHeader:hover{
background:rgba(40,183,121,0.8);
}
.myFooter{
height:50px;
width:100%;
background:red;
}
div#blogTitle .title a:hover {
    color: #fff;
}
@media (min-width:898px) {
.myHeader{
    display:block;
}
div#navigator ul#navList {
    right:180px;
}
}
@media (min-width:768px) {
div#navigator ul#navList {
    display:block;
}
}
@media (max-width:898px) {
.subtitle {
    display:none;
}
}
@media (max-width:768px) {
.title,.subtitle {
    display:block;
}
}
@media (max-width:840px) {
.title,{
    display:none;
}
}
@media (max-width:898px) {
#sideBar{
    display:none;
}
#mainContent {
    margin-left: 0px;
}
}

#cnblogs_post_body h2 {
    border-left:4px solid #545454;
    background-color: grey;
    padding-left: 5px;
    color:#fff;
    font-size: 20px;
    font-weight: normal;
}
#cnblogs_post_body p{
    color:#000;
}
.postTitle{
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 20px;
    padding-bottom:10px;
}
div.postTitle a,postTitle a{
    color:#69c;
}
div.postTitle a:hover,.postTitle a:hover{
    color:red;
}

div.mylink a{
    font-size:18px;
    color:blue;
}
div.mylink a:hover{
    color:red;
}