body { color:#555; font-family:Arial,Helvetica,sans-serif; line-height:1.6em; margin:0; padding:0; font-size:14px; background-color:#fafafa;}
a {color: #59e;text-decoration:none;}
a:hover {color: #2a78da;/* text-decoration:underline; */}
ul,li { list-style:none;margin:0;padding:0; }

a img { border:0;}
.clear { height:0; font-size:0; clear:both;}

blockquote 
{
	margin:5px 0 5px 10px;
	padding:5px;
	background-color:#999;
	color:#fff;
}


#main { max-width:650px; width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;}
#header { height:135px; }

#header .title { border-bottom:0px solid #BBB;  text-align:center; }
#header .title h1 { color:#000; font-size:30px; line-height:50px; margin:0;padding:0; }
#header .title h2 { font-size:12px; margin:0;padding:0;  }
#header .title .rss { float:right;  line-height:80px; }
#header .title .rss a { font-size:20px; font-weight:bold; color:#FF8326; }

#header .navs { margin:0; padding:0; margin-top:10px; text-align:center;}
#header .navs a {  padding:0 10px; }

#content { margin-top:20px;}

#content #left { width:100%; float:left; overflow:hidden;}

#content #right { width:250px; float:right; overflow:hidden;}

#left .entry { margin-bottom:100px; }
#left .entry.status { margin-bottom:20px; }
#left .entry.single { margin-bottom:20px; }
#left .entry .entry-title {  }
#left .entry .entry-title a.title {  font-family:Georgia,"Times New Roman",Times,serif;  font-weight:bold; display:block; color:#000;  font-size:22px; margin:0; text-align:center;}
#left .entry .time {text-transform:uppercase;font-size:12px;color: #666666a3;text-align:center;margin-top: 5px;}
#left .entry .intro { clear:both; line-height:1.6em; font-size:14px; /*font-family: Berylium, 'Book Antiqua', Georgia;*/}
#left .entry .intro p { margin:0.8em 0;  }
#left .entry .info { margin:0;padding:0; line-height:1.2em; clear:both; }
#left .entry .info a.more { margin-right:10px;}
#left .entry .info a.comments {padding-left:16px;}

.album-menu { font-size:0.9em; }
.album-menu strong { font-weight:normal; color:#999;}
.album-menu ul { border-left:4px solid #eee; padding-left:5px; font-style:italic; opacity:0.8;}

#left .entry .intro ol li { list-style-type: decimal; padding:5px;}
#left .entry .intro ul { padding:0 0 0 43px; }
#left .entry .intro ul li { list-style-type: disc; list-style-position:outside;  padding:5px;}

.comments {  }
.comments .comment {position:relative;background-color:#eee;padding: 5px 35px 4px 9px;margin-bottom: 9px;border-radius: 10px;}
.comments .comment .avatar {float:left;margin: 4px 10px 0 0;border-radius: 7px;}
.comments .comment .name { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; min-height:20px; line-height:20px; }
.comments .comment .time {font-size:12px;color: #a9a9a9a3;white-space:nowrap;}
.comments .comment .reply {display:none;white-space:nowrap;}
.comments .comment:hover .reply {display: inline;}
.comments .comment .content { clear:both; margin-top:5px; line-height:1.6em; font-size:13px;}
.comments .comment .comment-floor { position:absolute; top:5px; right:5px; color:#999; }


#right .block { margin:10px 0 30px 80px; width:170px; overflow:hidden;}
#right .block h3 { color:#000; font-size:16px; margin:0;}
#right .block .content { margin-left:10px; }


#footer { border-top:1px solid #bbb; }

#footer .block { margin:30px 0 0 30px; overflow:hidden; }
#footer .block h3 { color:#000; font-size:16px; margin:0;}
#footer .block .content { margin-left:10px; }


#bottom { border-top:1px solid #bbb; margin-top:30px;}
#bottom .content { padding:20px;}


.block_links a.link-name { font-weight:bold; line-height:14px; display:block; margin-top:5px;}
.block_links .link-description { line-height:16px; font-size:12px; margin-bottom:10px;}

.block_comments { line-height:18px; }
.block_comments .info {  margin-top:5px; }
.block_comments .info a { font-style:normal; }
.block_comments .comment-content { font-size:12px; }
.new-comment { display:block; margin-top:10px; }
.new-comment .title { font-size:14px; color:#000; font-weight:bold; line-height:25px; }
.new-comment-row { display:flex; align-items:center; margin-bottom:6px; }
.new-comment-row label { flex:0 0 3em; font-size:12px; color:#555; }
.new-comment-row--textarea { align-items:flex-start; }
.new-comment .input {flex:1;border:1px solid #999;height:24px;line-height:24px;font-size:12px;padding:0 4px;box-sizing:border-box;max-width: 300px;border-radius: 5px;}
.new-comment .input.empty { border:1px solid #ff3333; }
.new-comment .text {flex:1;height:100px;font-size:12px;padding: 8px;box-sizing:border-box;border:1px solid #999;border-radius: 5px;}
.new-comment .bt {margin: 5px 5px 15px 36px;}

#wudiShow h4 { display:none; }
#wudiShow_List { margin-left:5px; } 
#wudiShow_List li { font-size:13px; margin-bottom:10px; line-height:20px; }
a.blacka { text-decoration:none; color:#333; }

.m-info
{
	font-weight:bold;
}
.m-content
{
	padding-left:10px;
	text-indent:10px;
}

.statuses li img { width:100px;  display:block; }

@media (max-width: 680px) {
	#header { height:auto; padding-bottom:10px; }
	#left .entry .entry-title a.title { font-size:18px; }
	#left .entry { margin-bottom:50px; }
	img { max-width:100%; height:auto; }
	pre, code { overflow-x:auto; }
.block.statuses .content ul li { width:100%; float:none; }
}


#cse-search-box input {
	height:20px;
	line-height:20px;
}

.md hr {
	border:1px dashed #aaa;
	border-bottom:none;
	margin:1em 0;
}

.md p {
	margin:0.8em 0;
}

.md h2 {
	margin: 1em 0;
}

.md pre {
	background-color: #00000066;
	padding: 8px 10px;
	color:#ffffff;
	font-size:0.8em;
	line-height:1.6;
	font-family: monospace;
	border-radius:5px;
	overflow: auto;
}

.md blockquote {
	border-left: 5px solid #eee;
	background:none;
	color:#555;
	font-style:italic;
	margin:0;
	padding:0.1em 0.5em;
}

.md p > code {
	font-family: monospace;
	color:#131b36;
	background-color: #f3f4f6;
	padding: 0.2em 0.3em;
	color: #dc2626;
	border-radius: 5px;
}