*{box-sizing:border-box}
body,html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Segoe UI","Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei",微软雅黑,sans-serif;
}

::-webkit-scrollbar {width: 4px;height:6px; border-radius:5px}
::-webkit-scrollbar-track-piece{background-color: #eee;margin: -2px;border-radius:5px}
::-webkit-scrollbar-thumb{background: #ccc;min-height: 150px;min-width: 150px;border-radius: 10px;cursor:pointer}
::-webkit-scrollbar-thumb:vertical:hover{background: #ffcb00}
::-webkit-scrollbar-thumb:horizontal:hover{background: #ffcb00}

body #main{
	width: 1200px;
	margin:0 auto;
	display: table;
	position: relative;
}
#header{
	width:100%;
	background: #191919;
	margin-bottom: 40px;
}
#homepage_top_pager,
#mainContent .postCon,
#mainContent .postDesc{
	display:none;
}
#navigator{
	background:transparent;
	border:0;
	width: 1200px;
	margin:0 auto;
	padding:0;
}
#navigator ul li{
	width: 12%;
	margin-right: 0;
}
#navigator ul li a{
	color: #fff;
    letter-spacing: 4px;
    font-size:16px;
}
#navigator .blogStats{
    display:none;
}
#sideBar{
    border:0;
    position: absolute;
    color: #08c;
    letter-spacing: 3px;
    perspective: 500px;
    padding-bottom:0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    width: 20%;
    left: 0;
    padding: 0;
}
#sideBar #sideBarMain{
	perspective:500px;
	background-size: 100%;
	background-position: center;
}
#sideBar .catListTitle,
#sideBar #blog-calendar,
#sideBar #sidebar_search,
#sideBar #sidebar_shortcut,
#sideBar #profile_block,
#sideBar #calendar,
#sideBar #sidebar_topviewedposts,
#footer{
    display:none;
}

#mainContent .postTitle{
    border-bottom:none;
    margin:0;
    font-weight:normal;
	line-height:30px;
	font-size:16px;
}
#mainContent .postCon{	
    margin-left:30px;
}

body #home{
margin:0 auto;height: 100%;}

#mainContent{
	float: none;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 300px;
}
#mainContent .forFlow{
	margin: 0 33.333% 0 0;
	box-sizing: border-box;
}
#mainContent .day a{
	display:block;
}
#mainContent .postCon a{
	display:block;
	text-align:right
}
ul:after,
#mainContent .forFlow:after{
	clear:both;
	display:block;
	content:" ";
	visibility:hidden;
	height:0;
	line-height:0;
}
.entrylistItem,
#mainContent .forFlow .day{
    padding:0;
    margin-bottom:20px;
}
.entrylistItem a,
#mainContent .forFlow .day a{
    padding:5px 12px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.24);
	overflow: hidden;
	
}
.entrylistItem a:hover,
#mainContent .forFlow .day a:hover{
    color:#484848;
    animation: button-press 1s ease forwards;
}
@keyframes button-press{
    0%{}
    50%{
        box-shadow: none;
    }
    80%{
        box-shadow: none;
    }
    100%{
        background:#08c;
        color:#fff;
        box-shadow: none;
    }
}

.entrylistItem,
#mainContent .forFlow .day a:hover{
    color:#484848;    
}
#sideBar #blog-sidecolumn ul li{margin: 0 0 15px 5px;text-indent: 0;}
#blogTitle{
	padding:0;
	box-sizing: border-box;
	position:absolute;
	right:0;
}
#blogTitle:after{
	display:block;
	content:"";
	clear:both;
}
#blogTitle a{
	letter-spacing: 3px;
	font-size:18px;
	color:#33f;
	font-family: normal;
	font-style: italic;
	text-shadow: 8px 2px 2px;
}
#blogTitle .title{
    float:left;
    color: #5ef;
}
#blogTitle .subtitle{
	color: #5ef;
	float: left;
	margin-top:5px;
	padding:0 10px;
	font-style: italic;
	opacity: 0.8;
	font-weight:bold;
}
.pager{
float:right;
}
.pager a{
border:none
}