/**
 * Theme:    Simple for write
 * Version:  v1.0.0
 * Author:   MillyLee
 * Update:   2013/04/25
 * Blog:     https://www.cnblogs.com/milly/
 * Licensed: https://opensource.org/licenses/mit-license.php
 *
 */

/* css reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0; padding:0;}
body, button, input, select, textarea {font:14px/24px "Microsoft YaHei",simsun,Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
table {border-collapse: collapse; border-spacing:0;}
em {font-style:normal;}
ul, ol {list-style:none;}
a {text-decoration:none; color:#3098EB;}
a:hover {text-decoration:none; color:#f60;}
fieldset, img {border:0;}
button, input,select,textarea {font-size:100%; border:0;}
.clearfix:after {content:"."; display: block; height:0; clear:both; visibility:hidden;}
.clearfix {*zoom:1;}

body {background:#fff; color:#666; padding-top:10px; border:2px solid #eee;}
html {border:15px solid #f6f6f6; border-left:30px solid #f6f6f6; border-right:30px solid #f6f6f6;}

/* home header */
#header {width:100%; margin:0 auto; padding:20px 0;}
#blogTitle h1 {font-size:30px; margin:0 0 5px 35px;}
#blogTitle h1 a {color:#000;}
#blogTitle h2 {display:inline; color:#999; margin-left:35px;}
	#navList {background-color:#1B1B1B; box-shadow:0 1px 3px #666; margin:30px 0 0 0; padding:10px; font-weight:bold;}
	#navList li {display:inline; margin-right:10px;}
	#navList li a {padding:15px; color:#fff;}
	#navList li a:hover {background-color:#f60; box-shadow:1px 1px 3px #000; text-decoration:none;}

#blogLogo {display:none;}
#navigator {}
.blogStats {display:none;}

/* home post list */
#main{width:95%; margin:0 auto;}

#mainContent {float:left; width:70%; border-right:1px solid #eee; margin-bottom: 50px; padding-right:30px;}

.day {min-height:10px; _height:10px; margin-bottom:20px; padding-bottom:5px;}
.dayTitle {display:none; color:#666; font-weight:bold; line-height:26px;	font-size:14px; margin:5px 0 10px 0; border-bottom: 2px solid #666;	text-align:center;}

.postTitle {font-size:20px; margin:15px 0 10px;}
.postTitle a {padding-left:10px; border-left:3px solid #3098EB}
.postTitle a:hover {border-left:3px solid #f60;}

.postCon {}

.postDesc {font-size:12px; color:#999; padding:10px 0; border-bottom:1px solid #eee;}
.postDesc a {color:#3098EB;}
.postDesc a:hover {text-decoration:none;}

.postSeparator {clear:both;	height:1px;	border-top:1px dotted #666;	width:100%;	clear:both;	float:right; margin:0 auto 15px auto;}

/* sidebar */
#sideBar {margin-left:75%;}

#sideBar .catListTitle {margin:5px 0; font-size:16px; font-weight:bold; color:#222; border-bottom:1px solid #333;}
#sideBar p {margin: 10px 0 20px 0; }
#sideBar ul {list-style: none; }
#sideBar ul a {color:#444;}
#sideBar ul li {background:#fafafa; margin: 1px 0 0 0; padding:5px;}

.newsItem,#calendar,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListArticleArchive,.catListImageCategory,.mySearch,.catListComment,.catListView,.catListFeedback {margin-bottom:10px; word-break:break-all;}

/* google search */
.input_my_zzk {width:50%; border:1px solid #999;}
.btn_my_zzk {background-color:#3098EB; color:#fff; border-radius:4px; cursor:pointer;}
.btn_my_zzk:hover {background-color:#f60;}

/* calendar */
#calendar {}
#calendar .Cal {width:100%;	line-height:1.5em;}
.Cal {border:none; color:#666;}
#calendar table a:link, #calendar table a:visited, #calendar table a:active {font-weight:bold;}
#calendar table a:hover {color:white; text-decoration:none; background-color:#F60;}
.CalTodayDay{color:#f60;}
#calendar .CalNextPrev a:link,#calendar  .CalNextPrev a:visited, #calendar .CalNextPrev a:active {font-weight:bold;	background-color:white;}
.CalDayHeader{border-bottom:1px solid #ccc;}
.CalTitle{width:100%; background:white; color:black; font-weight:bold; border-bottom:1px solid #666;}

.catListTitle {margin:5px 0; font-size:16px; color:#222;}
.catListComment {line-height:1.5em;}
.divRecentComment {text-indent:2em;	color:#666;}
#sideBarMain ul {line-height:1.5em;}

/* catListEssay */
.catListEssay {}
.catListEssay ul {}
.catListEssay ul li {width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* post */
#topics {width:100%; min-height:200px; padding:0px 0px 10px 0; float:left; text-overflow:ellipsis; overflow:hidden;	word-break:break-all;}
#topics .postTitle {float:left; width:100%; border-bottom:1px solid #999; padding:5px 0 5px 5px;}
.postBody {padding:5px 2px 5px 5px; line-height:1.5em; color:#000; border-bottom:1px solid black;}
#EntryTag {color:#666;}
#EntryTag a {margin-left:5px;}
#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active {color:#666;}
#EntryTag a:hover {color:#f60;}
#topics .postDesc {float:right; width:100%;	text-align:right; padding-right:5px; color:#666; margin-top:5px;}
.feedback_area_title {font-weight:bold;	margin-top:20px; border-bottom:1px solid #333; margin-bottom:10px; padding-left:8px;}
.louzhu {padding-right:16px;}
.feedbackListSubtitle {color:#666;}
.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active {color:#666; font-weight:normal;}
.feedbackListSubtitle a:hover {color:#f60; text-decoration:none;}
.feedbackManage {width:200px; text-align:right;	float:right;}
.feedbackCon {margin:10px 0 10px 10px; padding:0 10px 0 20px; border-left:5px solid #eee; color:#333; background-color:#f9f9f9;}
#divRefreshComments {text-align:right; margin-bottom:10px;}
.commenttb {width:320px;}

/* list */
.entrylistTitle, .PostListTitle, .thumbTitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid black; text-align: right; padding-bottom: 3px; padding-right: 10px; }
.entrylistDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }
.entrylistItem { min-height: 20px; _height: 20px; margin-bottom: 30px; padding-bottom: 5px; width: 100%; }
.entrylistPosttitle { font-size:20px; width: 100%; margin:15px 0 10px;}
.entrylistPosttitle a {padding-left:10px; border-left:3px solid #3098EB;}
.entrylistPosttitle a:hover {border-left:3px solid #f60; }
.entrylistPostSummary { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; }
.entrylistItemPostDesc {font-size:12px; text-align: right; color: #999; padding:10px 0; border-bottom:1px solid #eee;}
.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { color: #666; }
.entrylistItemPostDesc a:hover { color: #f60; }
.entrylist .postSeparator { clear: both; width: 100%; font-size: 0; line-height: 0; margin: 0; padding: 0; height: 0; border: none; }
.pager { text-align: right; margin-right: 10px; }

.PostList { border-bottom: 1px solid #ccc; clear: both; min-height: 1.5em; _height: 1.5em; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; }
.postTitl2 { float: left; }
.postDesc2 { color: #666; float: right;  margin-right:;
}
.postText2 { clear: both; color: #666; word-break: break-all; }

.pfl_feedback_area_title { text-align: right; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 10px; }
.pfl_feedbackItem {border-bottom:1px solid black; margin-bottom:20px;}
.pfl_feedbacksubtitle {width:100%; border-bottom:1px dotted #666; height:1.5em;}
.pfl_feedbackname {float:left;}
.pfl_feedbackManage {float:right;}
.pfl_feedbackCon {color:black; padding-top:5px;	padding-bottom:5px;}
.pfl_feedbackAnswer {color:#F40; text-indent:2em;}

.tdSentMessage {text-align:right;}
.errorMessage {width:300px;	float:left;}

/* photo */
.divPhoto {border:1px solid #ccc; padding:2px; margin-right:10px;}

.thumbDescription {color:#666; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:10px; margin-bottom:10px;}

/* footer */
#footer {padding:10px 50px; margin-top: 50px; border-top:2px solid #eee; clear:both; font-size:12px; font-family:Arial; text-align:center;}
#footer a {color:#999;}

/* comment */
.comment_textarea {border:1px solid #999;}
.personInfo {margin-bottom:20px;}
.pages {text-align:right;}

/* article used html tag */
.postBody {}
.postBody h3 {font-size:18px; margin:15px 0; padding:10px; background-color:#eee; border-left:5px solid #666;}
.postBody h4 {font-size:16px; margin:10px 0;}
.postBody h5 {font-size:14px; margin:10px 0;}
.postBody h6 {font-size:14px; margin:10px 0;}

.postBody p {text-indent: 2em; margin-bottom: 10px;}
.postBody ul {margin:15px 0 15px 30px;}
.postBody ul li {padding:5px; list-style:disc; color:#444;}
.postBody img {}
.postBody table {width:100%; margin:10px 0; padding:10px; background-color:#fafafa;}
.postBody tr,
.postBody th,
.postBody td {border:1px solid #ddd; padding:0 5px;} 
.postBody tr {height:30px;}
.postBody th {background-color:#eaeaea;}
.postBody blockquote {padding:5px 10px 5px 20px; border:none; border-left:5px solid #eee; color:#333; background-color:#f9f9f9;}

/* under post advertisement message */
#MySignature {margin-top: 20px;}
	/* baidu tuijian */
	.hm-t-container {width: auto!important;}
	.hm-t-footer {display: none!important;}
	
	.article_message {margin-top:20px; padding:10px; background-color:#eee; border-top:1px solid #666;}
#ad_text_under_commentbox,#site_nav_under,#ad_under_post_holder {display:none;}

/* comment */
div.commentform textarea.comment_textarea {width: 100%; height: 150px;}
#blog_news_kb,
#under_post_news,
#google_ad_c2,
#under_post_kb {display: none!important;}

/* pace */
.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}