/*
Theme Name: jzy
Theme URI: http://8164.org
Description: theme for 8164.org.
Version: 1.0
Author: Jin Yang
Author URI: http://8164.org/

*/
/* reset starts */
@charset "UTF-8";
/* CSS Document */
html, body, p, table, section, hgroup, header, footer, nav, article, div, span, form, img {
	margin: 0;
	padding: 0;
	border: none;
}

section, header, footer, nav, article, hgroup {
	display: block;
}

body {
	
	color: #555;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #fcfcfc;	
	vertical-align: baseline;
	/*-webkit-text-size-adjust:none;*/
	background-attachment: fixed;
	background-repeat:no-repeat;	
	background-position: center center;
}

article.main a, section#comments a, section.meta a {
	background-color: #f4f4f4;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
	color: #444;
	padding: 0px 2px;
	text-shadow: 1px 1px 1px #fff;
}

article.main a:hover, section#comments a:hover, section.meta a:hover {
	background-color: #ddd;
	color: #444;
}

.centerAlign {
	text-align: center;	
}

p {
	margin-bottom: 30px;
	line-height: 22px;
}


ul {
	margin-bottom: 30px; 
	list-style:square;

}

ul li {
	margin: 0 30px 15px 0;	
}

ul.archives {
	margin: 0 auto 30px auto;
	padding: 0;
	width: 600px;
	list-style: none;
	list-style-position: outside;
}

ul.archives li {
	margin-bottom: 15px;
	margin-left: 0;
	background: transparent url('images/dot.png') repeat-x scroll 0 19px;
	clear: both;
	overflow: hidden;
	width: 100%;
}

ul.archives li span.postedDate {
	float: left;
	font-size: 10px;
	padding-right: 10px;
	color: #888;
	font-style: italic;

}

ul.archives h3 {
	margin: 0;	
	font-size: 16px;
	font-weight: normal;
	float: left;
}

ul.archives h3.viewArchives a {
	display: block;
	margin-top: 30px;
	background-color:#333;
	color: #fff;
	padding: 5px 10px;
	text-shadow: none;
}

ul.archives h3.viewArchives a:hover {
	background-color:#888;
	color: #fff;
}

ul.archives .articleMeta {
	float: right;
	padding: 0 4px;
	background-color: #fff;
	color: #888;
	font-size: 11px;
	font-style: italic;	
}


ul.archives a {
	color: #444;
	padding: 2px 5px;
	text-transform: lowercase;
}

.fRight { float: right; display: block; }
.fLeft { float: left; display: block;}
.fMiddle { margin: 0 auto 30px auto; }

#page {
	width: 100%;
	height: 100%;
	overflow: auto;
}
section.title, header.article, section.wrapper, section#comments header {
	border: 1px dotted rgb(220,220,220);	
	border: 1px dotted rgba(220,220,220,0.5);	
}

nav.topLinks, header.article, section.wrapper {
	margin: 0 auto;	
}

nav.topLinks {
	width: 870px;
	border-top: none;
	border-bottom: none;
	clear: both;
	overflow: auto;
}

nav.topLinks a, footer a{
	text-decoration: none;
	color: #888;
}

nav.topLinks a:hover{
	text-decoration: none;
	color: #000;
}

nav.topLinks ul {
	list-style: none;
	list-style-position:inside;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	float: left;

}

nav.topLinks ul li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	line-height: 10px;	
	padding: 0;
}

#lnkHome {
	display: block;
	width: 20px;
	height: 18px;
	margin-top: -4px;
	background: transparent url('images/trigram.png') no-repeat scroll top left;
	float: left;
	margin-right: 30px;
	text-indent: -9999px;
	outline: none;
}

section.title {
	width: 100%;
	overflow: hidden;
	border-left: none;
	border-right: none;
}

header.article {
	width: 801px;
	border-right: none;
	border-bottom: none;
	border-top: none;	
	overflow: auto;
	padding: 0;
}

section.wrapper {
	width: 800px;
	border-top: none;
	min-height: 400px;
	overflow: visible;
	margin-bottom: 20px;
	background-color: rgba(255,255,255,.99);		
}

section.meta {
	width: 100%;
	text-align: right;
	background-color: #eee;
	background-color: rgba(237,237,237,0.5);
	padding: 0px 0 4px 0;
	letter-spacing: 1px;

}

.navigation {
	float: left;	
}

section.meta span {
	margin: 5px 30px;	
	font-size: 10px;
}

h1.main {
	float: right;
/*	font-family: Geogrotesque;*/
	font-weight: normal;
	text-transform: lowercase;
	font-size: 50px;
	line-height: 60px;
	color: #666;
	width: 550px;
	text-align: right;
	margin: 15px 0;
	overflow: hidden;
}

h2 {
	font-weight: normal;
	text-transform: lowercase;
	font-size: 25px;
	line-height: 30px;
	color: #666;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
	-webkit-text-size-adjust:none;
}	


h2.comments {
	margin: 10px 0 10px 30px;	
	color: #666;
	float: left;
	line-height: 25px;
}

h2.comments span.count {
	color: #aaa;
	font-size: 20px;

}

h3 {
	font-weight: normal;
	text-transform: lowercase;
	font-size: 19px;
	line-height: 19px;
	color: #666;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
	-webkit-text-size-adjust:none;
}

article.main {
	width: 740px;
	margin: 30px;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}

.initP:first-letter {
	float:left;
	font-size:40px;
	margin-right:6px;
	margin-top:6px;
}

article.main blockquote {
	color: #666;
	font-size: 13px;
	padding-left: 60px;
	background: transparent url('images/quotes.png') no-repeat scroll 0px 4px;
	width: 500px;
	text-align: left;
	margin: 10px auto 30px 60px;
}


article.main blockquote p{
	line-height: 18px;
	margin-bottom: 15px;
}

div.col2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;

	column-width: 355px;
	-moz-column-width: 355px;
	-webkit-column-width: 355px;

	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;

	column-rule: 1px dotted #ccc;
	-moz-column-rule: 1px dotted #ccc;
	-webkit-column-rule: 1px dotted #ccc;
}

div.col2 p { 
  break-before: column; 
  break-inside: avoid-column; 
  break-after: avoid-column;
}

div.col3 {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;

	column-width: 225px;
	-moz-column-width: 225px;
	-webkit-column-width: 225px;

	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;

	column-rule: 1px dotted #ccc;
	-moz-column-rule: 1px dotted #ccc;
	-webkit-column-rule: 1px dotted #ccc;
}

div.half {
	width: 370px;	
}

section#comments {
	margin-top: 60px;
}

#commentWrapper {
	display: none;
}
section#comments header{
	border-right: none;
	border-left: none;
	background-color: #eee;		
	background-color: rgba(237,237,237,0.5);	
	overflow: auto;
}

section#comments div.msg{
	float: right;
	margin-right: 30px;
	font-size: 12px;
	line-height: 46px;
}

section#comments div.cmtToggle {
	color: #aaa;
	font-size: 12px;
	float: left;
	line-height: 46px;
	width: 200px;
	margin-left: 20px;
}

section#commentEntries {
	
}

section#cmtForm {
	width: 100%;
	/*background-color: rgba(0,0,0,0.8);*/
	background-color: #282828;
	overflow: auto;
}

.commentSingle {
	margin: 0 30px 30px 30px;
	font-size: 12px;
	border-bottom: 1px dotted rgba(220,220,220,0.5);	
	overflow: auto;
	padding-bottom: 15px;
}

.commentSingle blockquote {
	border-left: 4px solid #ffd97f;
	padding-left: 15px;
	overflow: auto;
}

.commentSingle:first-child {
	margin-top: 30px;	
}

.commentSingle strong {
	text-transform:uppercase;
}

.commentSingle p {
	margin-bottom: 18px;
	line-height: 16px;
}


.commentSingle .commentDate {
	color: #aaa;
	display: block;
	margin-top: 5px;
}

.commentAuthor {
	background-color: #eee;
	background-color: rgba(230,230,230,0.6);
	padding: 30px 30px 15px 30px;
	margin-left: 0;
	margin-right: 0;	
}

.commentAuthor:first-child {
	margin-top: 30px;	
}

form.comment{
	margin: 30px;
	overflow: auto;
}

form.comment input, form.comment textarea {
	font-size: 14px;
	color: #888;
	border: none;
	padding: 4px;
}

form.comment input{
	margin: 0 30px 30px 0;
	width: 175px;
	padding-left: 30px;
}

form.comment input.emailInput{
	background: #fff url(images/mail.png) no-repeat 6px center;
}

form.comment input.commenterName {
	background: #fff url(images/user.png) no-repeat 6px center;
}

form.comment input.commenterURL {
	background: #fff url(images/url.png) no-repeat 6px center;	
}

form.comment textarea{
	width: 490px;
	height: 128px;
	margin: 0 0 30px 0;
	overflow: auto;
}

form.comment .btnComment {
	border-top: 1px solid #efefef;
	border-left: 1px solid #ccc;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #888;	
	background-color:#fbcd46;
	color: #666!important;
	padding: 2px 5px 4px 5px;
	color: #fff;
	width: auto;
	margin: 0px;
}

div.siteMsg {
	width: 500px;
	text-align: center;
	font-size: 12px;
	margin: 30px auto 30px auto;
}

footer {
	text-align: center;	
	font-size: 11px;
	letter-spacing: 2px;
	text-shadow: 0px 1px 0px #eee;
	overflow: hidden;
}


.imgBox strong{
	text-transform: uppercase;
}

.imgBox {
	background-color: #f6f6f6;
	padding: 0;
	overflow: hidden;
	margin: 0 auto 30px auto;
	text-align: center;
}

.imgBox img {
	clear: both;
	border-collapse:collapse;
}

.imgBox p {
	font-size: 12px;
	line-height:15px;
	margin: 10px;
	color: #444;
	text-align: left;
}

.imgBox2 {
	padding: 0;
	overflow: hidden;
	margin: 0 auto 30px auto;
	vertical-align: top;
}
.imgBox2 img {
	float: left;
	margin-right: 30px;
}

.imgBox2 p {
	
}
	
code {
text-align: left!important;	

font-size: 12px;
line-height: 14px;
}

pre {
text-align: left!important;	
display: block;
}