/*****home和头部开始**************************/
#home {
	margin: 0 auto;
	width:95%;
	min-width: 930px;
}
#header {
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	margin-top: 10px;
}
#blogTitle {
	height: 160px;
	clear: both;
	background-color: #666;
	background-size: cover;
	background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/756171/galleries/2344747/o_230917002054_99479599_p0.png);
}
.headermaintitle{
	color: cornflowerblue !important;
	text-shadow: 2px 2px 4px rgba(79, 220, 236, 0.5);
  text-decoration: none !important;
}
#blogTitle h1 {
  font-family: "宋体";
  text-align: center;
  font-size: 300%;
  font-weight: bold;
  line-height: 1.5em;
  margin-left: 1em;
  margin-top: 10px;
  width: 50%;
  float: left;
}
#blogTitle h1:hover{
	transition: transform 0.5s ease;
	transform: translateX(50px) !important;
}

#blogTitle h1:active{
	transition: transform 0.5s ease;
	transform: translateX(50px) !important;
}


#blogTitle h2 {
  color: cornflowerblue;
  text-align: center;
  margin-left: 4em;
  line-height: 1.5em;
  width: 50%;
  float: left;
}
#blogLogo {
	float: right;
}
#navigator {
	background-color: black;
	height: 30px;
	clear: both;
}
#navList {
	min-height: 30px;
	float: left;
}
#navList li {
	float: left;
}
#navList a {
	display: block;
	width: 5em;
	height: 22px;
	float: left;
	text-align: center;
	padding-top: 8px;
	border-right: 1px solid #ccc;
}
#navList a:link, #navList a:visited, #navList a:active {
	color: #ccc;
}
#navList a:hover {
	color: white;
	background-color: #F60;
	text-decoration: none;
}

.blogStats {
	float: right;
	color: #ccc;
	margin-top: 8px;
	margin-right: 2px;
	text-align: right;
}
/*****home和头部结束**************************/
body{
	background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/756171/galleries/2344747/o_a378d176.jpg);
	background-size: 100% auto;
}
#main {
  width: 100%;
  min-width: 950px;
  text-align: left;
}
#mainContent .forFlow {
  margin-left: 22em;
  float: none;
  width: auto;
}

#mainContent {
  max-height: 1900px;
  overflow-x: hidden !important; /* 隐藏水平滚动条 */
  overflow-y: auto !important; /* 启用垂直滚动条 */
  min-height: 200px;
  padding: 0px 0px 10px 0;
  padding-top: 10px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;

  float: right;
  margin-left: -25em;
  width: 100%;
}
/* 卡片样式 */
.day {
  background-color: rgba(240, 248, 255, 0.6) !important;
  margin: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1000px;
  padding: 10px;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

/* 鼠标移入时的效果 */
.day:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

/* 焦点样式 */
.day:focus-within {
  box-shadow: 0px 10px 20px rgba(0, 123, 255, 0.5);
}

.postTitle {
  font-size: 200%;
  font-weight: bold;
  border-bottom: 1px solid #666;
  float: right;
  line-height: 1.5em;
  width: 100%;
  clear: both;
}
.postTitle a:link,
.postTitle a:visited,
.postTitle a:active {
  color: #444;
}
.postTitle a:hover {
  color: #f60;
  text-decoration: none;
}
.postCon {
  float: right;
  line-height: 1.5em;
  font-size: 120%;
  width: 100%;
  clear: both;
  padding: 10px 0;
}
.newsItem {
  background-color: rgba(240, 248, 255, 0.6) !important;
  padding: 15px 0 5px 0px;
  margin-bottom: 8px;
}
/**日历控件样式开始**/
#calendar {
  background-color: rgba(240, 248, 255, 0.6) !important;
  width: 229px;
}

.catListEssay,
.catListView,
.catListLink,
.catListTag,
.catListNoteBook,
.catListPostCategory,
.catListPostArchive,
.catListArticleArchive,
.catListImageCategory,
.catListComment {
  background-color: rgba(240, 248, 255, 0.6) !important;
  border-radius: 10px;
}

.catListView,
.catListEssay:hover, 
.catListLink:hover, 
.catListTag:hover, 
.catListNoteBook:hover, 
.catListPostCategory:hover, 
.catListPostArchive:hover, 
.catListArticleArchive:hover, 
.catListImageCategory:hover, 
.catListComment:hover {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}

#blog-calendar{
  background-color: rgba(240, 248, 255, 0.6) !important;
}