body {
background:#f2f4f8;
}
.header.navbar, .footer.navbar {
border-radius: 0;
border: none;
margin-bottom: 0;
padding: 0;
position: relative;
z-index: 1000;
}
.box-shadow {
box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
}
.bg-white {
background-color: #fff;
color: #3c4144;
}
@media (min-width: 768px)
.header-md {
min-height: 60px;
}



#home{
height: 100%;
display: table;
table-layout: fixed;
border-spacing: 0;
width: 100%;
}

/*=============================================导航*/
#header{
display: table-cell;
vertical-align: top;
height: 100%;
float: none;
background-color: #21211e;
color: #656b93;
width: 240px;
}
#blogTitle{
overflow: hidden;
width: auto;
background-color: #21211d;
padding: 15px;
height: auto;
}
#blogTitle h1{
font-size: 1.5em;
display: block;
width: 100%;
}
#blogTitle h1 a{
text-shadow: none;
color:#b0b3c8;
}
#blogTitle h2{
display: block;
font-size: 1em;
color: #515574;
margin-left: 1em;
margin-top: 0px;
padding-bottom: 15px;
line-height: 1.5em;
width: 100%;
float: none;
font-weight: normal;
clear:both;
}

#navigator{
width: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#navList{
padding-left: 0;
margin-bottom: 0;
margin-left:0;
list-style: none;
word-break: break-all;
width: 100%;
}
#navList li {
float: none;
position: relative;
display: block;
width: 100%;
text-align: -webkit-match-parent;
font-size: 1em;
}
#navList a{
padding: 8px 15px;
position: relative;
-webkit-transition: background-color .2s ease-in-out 0s;
transition: background-color .2s ease-in-out 0s;
/*background-color: rgba(50,50,50,0.25);*/
color: #8287a9;
display: block;
text-decoration: none;
float: none;
text-align: left;
font-size: 1em;
}
#navList a:hover{
text-decoration:none;
background-color: #ffde00;
color: #21211d;
text-shadow:none
}#navList a:hover:after{
position:absolute;
bottom:-20px;
left:37%;
content:"";
color:#d2d8de;
text-shadow:none;
font-size: 1em;
}

/*=============================================正文*/
#main{
display: table-cell;
vertical-align: top;
height: 100%;
float: none;
padding: 15px;
width: 100%;

}
#mainContent{
width: 76%;
padding: 10px;
}
#sideBar{
width: 20%;
padding: 10px 0;
}
.day{
border: 1px solid transparent;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
box-shadow: 0 1px 1px rgba(90,90,90,0.1);
color: #788288;

}
.dayTitle {
width: 50px;
height: 50px;
color: #21211e;
font-weight: bold;
line-height: 1em;
font-size: 100%;
clear: both;
text-align: right;
position: absolute;
left: -80px;
top: 5px;
border: 2px solid #fff;
background: #ffde00;
border-radius: 60px;
-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
box-shadow: 0 1px 1px rgba(90,90,90,0.1);
text-indent: 0px;
padding: 5px;
display: table-cell;
vertical-align: middle;
}
.dayTitle a{
margin-top: 12px;
display: block;
color: #21211e;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active {
font-size: 1.4em;
font-weight: normal;
color: #788288;
}
.postTitle a:hover {
color: #1d89cf;
text-decoration: none;
}
.postCon {
 text-indent: 0; 
}
.c_b_p_desc a{
color: #1d89cf;
}


.newsItem {
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background: #fff;
margin: 0 5px 20px;
padding: 5px;
border: 1px solid #eaeef1;
border-radius: 2px;
}

#blog-calendar{
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background: #1aae88;
margin: 0 5px 20px;
padding: 5px;
border: 1px solid #eaeef1;
border-radius: 2px;
}
.CalTitle{color: #fff;}
#blogCalendar{color: #fff;}

.catListTitle{
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: #f9fafc;
border-color: #eaeef1;
color: #333;
text-shadow: none;
}

.catListEssay, .catListLink, .catListNoteBook, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback {
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background: #fff;
margin: 20px 5px;
font-weight: normal;
font-size: 1em;
}

.mySearch div {
padding: 5px;
}



#topics {
background: #fff;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background: #fff;
min-height: 200px;
padding: 0 0 10px 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 5px;
margin: 0 5px 20px 0;
}
#topics .postTitle {
text-align: left;
}
#topics .postTitle a {
font-size: 1.5em;
font-weight: normal;
color: #000;
text-shadow: none;
line-height: 1.5em;
}

.postSeparator {
clear: both;
height: 1px;
border-top: 0px solid #fff;
width: 100%;
clear: both;
float: right;
margin: 30px auto 30px auto;
}



.height-60{
height: 50px; line-height: 50px; font-size: 2em; 
}
.header.navbar span{
	float: left;
text-align: center;
font-size: 20px;
font-weight: 700;
height: 50px;
line-height: 50px;
display: inline-block;
padding: 0 5px;
box-sizing: border-box;
}
.header.navbar span img{
margin-top: 5px;
max-height: 40px;
vertical-align: middle;
border: 0;
box-sizing: border-box;
}