@charset 'utf-8';
body {
    font-family: '黑体', 'Microsoft YaHei';
    font-size: 16px;
    background-color: #f1f1f1;
}
body, h1, h2, h3, ul {margin: 0;}
ul {padding: 0;}
li {list-style: none;}
a {
    text-decoration: none;
    color: #222;
}

#header {
    background-color: #222;
}
#blogTitle {
    display: none;
}
#navigator {
    width: 100%;
    max-width: 1200px;
    min-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}
#navList {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}
#navList li {
    float: left;min-width: 50px;
}
#navList li a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 0 20px;
}
#navList li a:hover {
    color: #f00;background-color: #fff;
}
.blogStats {
    display: none;
}
#main {
    max-width: 1200px;
    min-width: 800px;
    min-height: 650px;
    margin: 15px auto;
    position: relative;
}
.entrylist {
    padding: 5px 20px 10px 20px;
    background: #fff;
    box-shadow: 1px 1px 2px #a7a8ad;
    position: relative;
    border-radius: 6px;
}
.entrylistTitle {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
.entrylistTitle::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #45ec51;
}
.entrylistPosttitle {
    line-height: 38px;
}
.entrylistPosttitle > a {
    display: inline-block;
    height: 100%;
    font-size: 18px;
    position: relative;
    color: #f90;
}
.entrylistPosttitle > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scaleX(0);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
}
.entrylistPosttitle > a:hover::before {
    transform: scaleX(1);
    visibility: visible;
}
.entrylistPostSummary {
    margin-bottom: 5px;
    text-indent: 2em;
    padding: 10px;
}
.entrylistItemPostDesc {
    text-align: right;
    margin-top: 10px;
    color: #ccc;
    font-size: 14px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #ccc;
}
.day {
    color: #666;
    box-shadow: 1px 1px 2px #a7a8ad;
    background: #fff;
    padding: 5px 20px 10px 20px;
    position: relative;
    border-radius: 6px;
    margin-bottom: 10px;
}
.dayTitle {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
.dayTitle::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #45ec51;
}
.dayTitle > a {
    color: #222;
}
.postTitle {
    line-height: 38px;
}
.postTitle > a {
    display: inline-block;
    height: 100%;
    font-size: 18px;
    position: relative;
    color: #f90;
}
.postTitle > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: scaleX(0);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
}
.postTitle > a:hover::before {
    transform: scaleX(1);
    visibility: visible;
}
.postCon {
    margin-bottom: 5px;
    text-indent: 2em;
    padding: 10px;
}
.postDesc {
    text-align: right;
    margin-top: 10px;
    color: #ccc;
    font-size: 14px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #ccc;
}
.postSeparator {
    height: 20px;
}
.postDesc > * {
    color: #ccc;
}
#mainContent {
    margin-right: 240px;
}
#sideBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    min-height: 500px;
}
.newsItem {
    padding: 5px;
    border-radius: 6px;
    box-shadow: 1px 1px 2px #a7a8ad;
    background: #fafcfd;
    margin-bottom: 10px;
}
.newsItem .catListTitle {
    display: none;
}
#blog-calendar {
    padding: 5px;
    margin: 0 0 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 2px #A7A8AD;
}
#sidebar_search, #sidebar_shortcut {
    display:  none;
}
.catListEssay, .catListLink, .catListNoteBook, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback {
    margin: 20px 0;
}
.catListEssay, .catListLink, .catListNoteBook, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback {
    border-radius: 6px;
    box-shadow: 1px 1px 2px #a7a8ad;
    background: #fafcfd;
    margin: 20px 5px;
}
.catListTitle {
    background: #390;
    font-weight: normal;
    color: #fff;
    font-size: 1.2em;
    border-bottom: 1px solid #dadfe1;
    height: 1.5em;
    line-height: 1.5em;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px;
    text-indent: 1em;
    text-shadow: 1px 1px 0 rgba(0,0,0,.3);
}
#sideBarMain ul {
    line-height: 1.5em;
}
.catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListNoteBook ul, .catListTag ul, .catListPostCategory ul, .catListPostArchive ul, .catListArticleArchive ul, .catListImageCategory ul, .mySearch ul, .catListComment ul, .catListView ul, .catListFeedback ul {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li {
    text-indent: 1em;
}
.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li {
    border-bottom: 1px solid #dadfe1;
    border-top: 1px solid #fff;
    overflow: hidden;
    padding: 5px;
}
#sideBar a:link, #sideBar a:visited, #sideBar a:active {
    color: #567286;
}
a:visited {
    color: #444;
    text-decoration: none;
}
a:link {
    color: #444;
    text-decoration: none;
}
#footer {
    text-align: center;
}
#div_digg {
    display: none;
}
@media screen and (max-width: 634px) {
    #sideBar {
        display: none;
    }
}