/* this css was created in 20170426 by jim  */
/* CSS Reset */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form,blockquote,pre,code {
	margin: 0;
	padding: 0;
	border: 0;
}
ul,ol {
	list-style: none;
}
html {
	color: #170426;
	background: #F6F6F6;
	line-height: 2;
}
body {
	word-wrap: break-word;
	font-size: 0.875rem;
	
}
/* typography */
h1 {
	font-size: 1.75rem;
	letter-spacing: 0.2rem;
}
h2 {
	font-size: 1.375rem;
	letter-spacing: 0.2rem;
}
h3 {
	font-size: 1.125rem;
}
h4 {
	font-size: 1rem;
}
h5,h6 {
	font-size: 0.75rem;
}
a {
	color: #170426;

}
a:hover {
	color: #A1B2C3;
	text-decoration: none;
}
dl, dt, dd {
	font-size: 0.75rem;
}
time {
	font-family: monospace;
	font-size: 0.625rem;
	letter-spacing: 0.1rem;
	color: #A1B2C3;
	text-transform: uppercase;
}
.colorDark {
	color: #170426;
}
.colorLight {
	color: #A1B2C3;
}
/* only for homePage begin */
#homePage {
	padding-top: 5rem;
	letter-spacing: 0.1rem;
}
#homePage div.homeMain {
	padding-left: 4rem;
	padding-right: 2rem;
}
#homePage h1 {
	font-weight: normal;
	font-size: 0.875rem;
	height: 2rem;
	line-height: 2rem;

}
#homePage h2 {
	font-size: 1rem;
	margin-top: 3rem;
	color: #A1B2C3;
}

#homePage ul {
	font-size: 0.875rem;
	margin: 1rem 0;
}
#homePage ul li {

}
#homePage ul a {
	text-decoration: none;
}
#homePage ol {
	margin: 1rem 0;
}
#homePage ol li time { margin-left: -3.5rem; margin-right: 1rem; }
#homePage ol li a {
	text-decoration: none;
}
#homePage nav a {
	text-decoration: none; margin-right: 1rem;
}
/* only for homePage end */

/* header */
header {
	height: 22px;
	padding: 20px 0;
}
header div.logo {
	padding-left: 15px;
	float: left;
	height: 22px;
}
header nav {
	font-size: 0.75rem;
	padding-right: 15px;
	float: right;
	height: 22px;
	line-height: 22px;
	color: #A1B2C3;
}
header nav a {
	color: #A1B2C3;
	text-decoration: none;
}
header nav a:hover {
	color: #170426;
}
/* layout */
.layout {
	max-width: 800px;
	margin: auto;
	
}
div.postLayout {
	padding: 3rem;
	background: #FFF;
	border-bottom: solid #A1B2C3 1px;
}
div.postLayout h6 {
	letter-spacing: 0.2rem;
	padding: 1rem 0;
}
/* postPage begin */
section.postTitle {
	margin-bottom: 5rem;
}
section.postTitle h1 {
	border-bottom:solid #A1B2C3 1px;
	padding-bottom: 1rem;
}
section.postAuthor {
	margin: 5rem 2rem;
}
aside.postInfo {
	margin: 0 0 1rem 0;
	float: right;
}
section.postContent {
	
	margin-bottom: 6rem;
}
section.postContent img {
	max-width: 100%;
	margin-left: -2rem;
}
section.postContent h2 {
	margin-top: 4rem;
}
section.postContent p {
	margin: 1rem 0;
	text-indent: 2rem;
	letter-spacing: 0.1rem;
}
section.postContent ul {
	margin: 0 0 0.5rem 2rem;
	list-style: disc outside;
}
section.postContent ol {
	margin: 0 0 0.5rem 2rem;
	list-style: decimal outside;
}
section.postContent ul.relatedPost {
	list-style: none;
	margin: 0;
}
section.postContent ul ol, section.postContent ol ol {
	list-style: decimal-leading-zero outside;
}
section.postContent ul ul, section.postContent ol ul {
	list-style: circle outside;
}
section.postContent ul ul ul {
	list-style: square outside;
}
section.postContent ul ul ul ul {
	list-style: none;
}
section.postContent ol ol ol {
	list-style: circle inside;
}
section.postContent ol ol ol ol {
	list-style: square inside;
}
section.postContent em {
	font-style: normal;
	margin: 0 0.2rem;
	font-size: 0.75rem;
}
section.postContent em:before {
	content: "["
}
section.postContent em:after {
	content: "]"
}
section.postContent blockquote {
	background: #F6F6F6;
	border-left: 0.2rem solid #A1A2A3;
	padding: 0.1rem 1rem;
	margin: 1rem 0;
	color: #666;
}
section.postContent code {
	font-family: monospace;
	letter-spacing: 0.1rem;
	background: #333;
	color: #FFF;
	padding: 0.3rem 0.5rem;
	margin: 0 0.5rem;
}
section.postContent pre {
	margin: 1rem 0;
	padding: 1rem 1.5rem;
	letter-spacing: 0.1rem;
	background: #333;
	color: #FFF;
	white-space: pre-wrap;
}
section.postContent pre code {
	padding: 0;
	margin: 0;
}
section.postContent hr {
	margin: 2rem 0;
	border-top: dashed #A1A2A3 1px;
}
/* postPage end */
/* postList begin */
article.postList {
	border-top: solid 1px #A1B2C3;
	padding: 2rem 0;
}

article.postList h3 {
	letter-spacing: 0.2rem;
}
article.postList h3 a {
	text-decoration: none;
}
article p.catalog {
	font-style: normal;
	letter-spacing: 0.2rem;
	font-size: 0.75rem;
}
article p.catalog a {
	text-decoration: none;
}
article.postList time {
	margin-left: 1rem;
	float: right;
	text-transform: uppercase;
}
article.postList img {
	max-width: 100%;
}
div.thumbPic {
	max-height: 500px; 
	overflow: hidden;
	margin: 1rem 0;
}
section.pages {
	border-top: solid 1px #A1B2C3;
	padding: 3rem 0;
	font-size: 0.625rem;
}
ol.page-navigator {

}
ol.page-navigator li {
	float: left;
}
ol.page-navigator li a {
	display: block;
	text-decoration: none;
	padding: 0px 4px;
	margin-right: 2px;
	border: solid 1px #F6F6F6;
}
ol.page-navigator li.current a {
	background: #A1B2C3;
	color: #F6F6F6;
}
/* postList end */
/* HTTP 404 */
article.http404 {
	padding: 5rem 0;
}
/* footer */
footer {
	padding: 1rem 0;
}
footer {
	letter-spacing: 0.1rem;
	color: #A1B2C3;
	font-size: 0.625rem;
	line-height: 1.5;
}
footer a {
	color: #A1B2C3;
	text-decoration: none;
}
footer a:hover {
	color: #170426;
}
div.copyright {
	padding:1rem;
}
div.copyright nav a:first-child {
	border: none;
	padding: 0;
}
div.copyright nav a {
	padding-left: 0.5rem;
	border-left: solid #A1B2C3 1px;
	margin-right: 0.5rem;
}
div.weblink {
	padding: 1rem;
	display: none;
}
div.disNone { 
	display: none; 
}
/* media */
@media screen and (max-width: 736px) {
	html { font-size: 18px; }
	/* when screen max-width size is 736px */
	#homePage { padding-top: 1rem; }
	#homePage div.homeMain { padding: 2rem 1rem; }
	#homePage h1 { font-size: 0.75rem; }
	#homePage ul { list-style: none; height: 2rem; font-size: 0.875rem; margin: 0.5rem 0; }
	#homePage ul li { float: left; margin-right: 0.5rem;}
	#homePage ul li a { padding: 0.2rem 0.5rem; border: solid 1px #A1B2C3; }
	#homePage ol li { border-bottom: solid 1px #A1B2C3; padding: 0.5rem 0;}
	#homePage ol li time { margin: 0; float: right;}
	header { position: fixed; z-index: 999; padding: 15px 0; background: #FFF; width: 100%; }
	footer { background: #FFF; }
	div.postLayout { background: #F6F6F6; padding: 4rem 1rem 2rem 1rem; }
	section.postTitle { margin-bottom: 0rem; }
	section.postAuthor { margin: 2rem; }
	article.postPage h1 {  border: none; }
	section.postContent { margin-left: 0; }
	section.postContent img {  }
	section.postContent ul.relatedPost { list-style: square outside;}
	section.postContent ul.relatedPost time { margin:0; float: right; }
	aside.postInfo { float: none; }
	div.copyright { display: none;}
	div.weblink  { display: block;  text-align: center; }
}