* {
	margin: 0;
	padding: 0;
}
body{
    background: radial-gradient(#7c808954, #f8f8f82e);
    font-family: '华文楷体','Microsoft YaHei','新宋体',DejaVu Sans Mono,Verdana,Arial,sans-serif;
}
a {
    -webkit-transition: margin-left .6s;
    color: black;
    text-decoration: none !important;
}

.c_b_p_desc a {
	color: rgb(255, 6, 1);
}

#sidebar_search_box {
	text-align: center
}

#post_detail {
    font-size: 1.2em;
}

#home {
    width: auto;
    margin: 0 auto;
    padding: 0 10px;
}

#home #header {
    padding: 5px 40px;
    overflow: auto;
    box-shadow: -2px 3px 5px inset;
    border-radius: 5px;
    margin: 10px 10px 0;
    background: repeating-linear-gradient(-45deg, #fcfcfcdb, #fefefe00 80px);
}

#navigator {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    clear: both;
    padding: 0 20px;
}
#navList {
    min-height: 30px;
    float: left;
}
#navList li {
    float: left;
    padding-left: 20px;
}

li {
    list-style: none;
}
.blogStats {
    float: right;
    color: #4caf50;
    padding-right: 10px;
    text-align: right;
}

#main {
    min-width: auto!important;
    padding-left: 0!important;
    width: auto!important;
    padding-right: 5px;
    text-align: left;
    padding: 15px 0 0 10px;
    overflow: hidden;
}


#mainContent {
    min-height: 200px;
    padding: 0px 0px 10px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: right;
    margin-left: -20em;
    margin-right: 10px;
    display: inline;
    width: 100%;
}


@media only screen and (max-width: 775px) {
    #mainContent {
        margin-left: 0!important;
        float: none!important;}
}

@media only screen and (max-width: 775px) {
    #mainContent .forFlow {
        margin-left: 5px!important;
    }
}

#mainContent .forFlow {
    margin-left: 21em;
    float: none;
    width: auto;
    min-height: 10px;
    border-radius: 7px;
    color: #444;
    padding: 20px 20px 10px;
    /*background: #f6f9f8b5;*/
    box-shadow: inset -2px 3px 5px 1px;
}

.day{
    min-height: 10px;
    border-radius: 7px;
    color: #444;
    margin: 0 5px 20px 0;
    padding: 5px 20px 10px;   
    background: repeating-linear-gradient(-45deg, #fcfcfcdb, #fefefe00 80px);
    box-shadow: 2px 3px 6px 1px;
    transition: box-shadow .3s;
}
.day:hover{
    box-shadow: 6px 7px 5px -1px;
}
.dayTitle {
    display: none;
}

#header  a:hover {
    color: #1d953f !important;
    border-bottom: 2px solid #d71345;
}
.postBody a:hover {
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}
.postBody span a:hover {
    color: #1d953f !important;
    margin-left: 0;
    /*border-bottom: 2px solid #d71345;*/
}
.postTitle  a:hover {
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}
#sidebar_categories  a:hover {
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}
#sidebar_topviewedposts a:hover {
    color: #1d953f !important;
    margin-left: 15px;
    /*border-bottom: 2px solid #d71345;*/
}
.catListLink a:hover {
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}
.catListLink {
    display: none;
}
.entrylistPosttitle a:hover{
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}
.postTitl2  a:hover {
    color: #1d953f !important;
    border-bottom: 2px solid #d71345;
}

.catListTag a:hover{
    color: #1d953f !important;
    margin-left: 10px;
    /*border-bottom: 2px solid #d71345;*/
}

#blogTitle h2 {
    margin-top: 5px;
    padding-left: 100px;
}

#cnblogs_post_body h1 {
    line-height: 35px;
    background-color: #ed0246ba;
    border-radius: 8px;
    box-shadow: 3px 3px 5px 1px #d1082480;
    text-align: center;
    word-spacing: 5px;
    font-size: 28px;
}

#cnblogs_post_body h2 {
    line-height: 35px;
    margin: 0 50px 10px;
    background-color: #edb907b8;
    border-radius: 8px;
    box-shadow: 3px 3px 5px 1px #e7c107c4;
    text-align: center;
    word-spacing: 5px;
    font-size: 24px;
}

#cnblogs_post_body h3 {
    line-height: 35px;
    margin: 0 80px 10px;
    background-color: #1b89e0;
    border-radius: 8px;
    box-shadow: 3px 3px 5px 1px #226bb6e0;
    text-align: center;
    word-spacing: 5px;
    font-size: 20px;
}

#cnblogs_post_body h4 {
    margin: 0 110px;
    border-radius: 5px;
    line-height: 25px;
    background-color: rgba(191, 23, 155, 0.78);
    color: rgba(33, 39, 35, 0.97);
    box-shadow: 3px 3px 5px 1px #6e0f48e0;
    text-align: center;
    word-spacing: 5px;
    font-size: 18px;
}

#myposts .pager {
    font-size: 1.1em;
    margin-right: 10px;
    text-align: -webkit-center;
}

#myposts .PostList {
    font-size: 20px;
    padding: 5px 0 5px 10px;
    border-radius: inherit;
    /*background-color: #b3afaf0f;*/
    box-shadow: -3px 3px 2px 1px #b3afaf;
}

#myposts .PostList:hover {
    background-color: #b3afaf0f;
    box-shadow: 0px 0px 2px 1px #b3afaf;
}

#myposts .postDesc2 {
    font-size: 14px;
    padding-left: 5px;
}

#myposts .postTitl2 {
    font-size: 23px;
}

.forFlow #myposts {
    /*background: #65c294;*/
    background: repeating-linear-gradient(-45deg, #fcfcfcdb, #fefefe00 80px);
    box-shadow: 1px 3px 8px 1px;
    padding: 25px;
    border-radius: 7px;
    margin-left: 0;
}

.forFlow #myposts .myposts_title {
    font-size: 2em;
    border-bottom: 3px solid #4caf50;
}

.postTitle {
    font-weight: bold;
    border-bottom: 1px dashed #b20ae9;
    line-height: 2.5em;
    font-size: 24px;
    width: 100%;
    clear: both;
    margin-bottom: 10px
}
.postCon {
    float: right;
    line-height: 1.5;
    width: 100%;
    clear: both;
    padding: 10px 0;
}
#mainContent .forFlow .day .postDesc {
    border-bottom: 3px inset rebeccapurple;
    margin-bottom: 10px;
    text-align: right;
    color: #b91206;
    font-size: 13px;
    font-weight: bold;
}


#sideBar {
    width: 280px;
    min-height: 200px;
    padding: 20px 10px 0px;
    float: left;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    border-radius: 7px;
    color: #444;
    /*background: #f6f9f8b5;*/
    box-shadow: inset -2px 3px 5px 1px;
}


@media only screen and (max-width: 775px) {
    #sideBar {width: auto!important;}
}

#sideBar #sideBarMain h3 {
    border-radius: 5px;
    line-height: 30px;
    background-color: #4CAF50;
    color: #555;
    border-bottom: 2px solid #6ce26cdb;
    text-align: center;
}

.newsItem, #blog-calendar {
    margin-bottom: 15px;
    text-indent: 0;
    padding: 15px;
    /*background: #65c294;*/
    background: repeating-linear-gradient(-45deg, #fcfcfcdb, #fefefe00 80px);
    border-radius: 7px;
    box-shadow: 1px 1px 2px #A7A8AD;
    line-height: 1.5;
}

.catListEssay ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListImageCategory ul li, .catListArticleArchive ul li, .catListView ul li, .catListFeedback ul li, .catListComment ul li, .catListBlogRank ul li, .catList ul li, .catListArticleCategory ul li {
    text-indent: 1em;
    padding: 7px 5px;
    border-bottom: 2px solid #d2d9d3bd;
    border-top: 2px solid #FFFFFF;
    overflow: hidden;
    background-color: #fcfcfcdb;
}


#blog-sidecolumn #sidebar_imagecategory {
    display: none;
}
.catListEssay, .catListNoteBook, .catListTag, .catListPostCategory, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    margin-bottom: 15px;
    background: #FAFCFD;
    border-radius: 7px;
    box-shadow: 1px 1px 2px #A7A8AD;
    overflow: hidden;
    zoom: 1;
}

.entrylist .entrylistItem {
    margin: 0 0 20px;
    border-radius: 5px;
    /*background: #65c294;*/
    background: repeating-linear-gradient(-45deg, #fcfcfcdb, #fefefe00 80px);
    box-shadow: 2px 3px 6px 1px;
    padding: 10px;
    transition: box-shadow .3s
}

.entrylist .entrylistItem:hover{
    box-shadow: 6px 7px 5px -1px;
}

.entrylist .entrylistItem .entrylistPosttitle {
    font-size: 22px;
    padding: 5px 0;
    border-bottom: 1px dashed #ccc;
    line-height: 1.2em;
}

.entrylist .entrylistItem .entrylistPostSummary{
    padding: 10px 0;
}
.entrylist .entrylistItem .entrylistItemPostDesc {
	text-align: right;
	color: rgba(255, 6, 1, 0.81);
}

#green_channel {
    width: auto !important;
    border: none;
    background: #0fe0f6;
    border-radius: 5px;
    box-shadow: 1px 4px 2px -1px;
}
#green_channel #green_channel_favorite, #green_channel_follow, #green_channel_digg {
    background: #17546c !important;
    font-size: 16px !important;
    box-shadow: inset 4px 4px 4px -1px !important;
}

div.commentform input.author {
    border: 2px solid rgba(11, 83, 247, 0.77);
    width: 60px;
}

div.commentform textarea {
    height: 150px;
}

#post_next_prev {
    display: none;
}

#comment_form_container {
    margin-left: -10px;
}

#author_profile {
    width: auto;
}

#footer {
    text-align: center;
    min-height: 15px;
    border-top: 1px dotted;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 1.7em;
    color: #f15a22;
}

.topicListFooter {
    text-align: -webkit-center;
    border-radius: 7px;
    color: #444;
    margin: 0 5px 10px 0;
    /*padding: 10px 0px 5px;*/
    background: #65c294;
    box-shadow: -1px 3px 6px 1px;
}

.feedbackItem {
    padding: 10px 40px;
    overflow: auto;
    box-shadow: 1px 0px 5px #6ce7d0e0;
    border-radius: 5px;
    margin: 10px 10px 0;
    background: #38b4b8d1;
}