#newsArchives li a {
	width:20%;
text-align:center;
padding:5px;
		display:block;
		float:left;
	border:1px solid;
}

@media screen and (min-width: 769px)
{
	#newsArchives li a {

	}
}

.post h3 {
	font-size:215%;
	font-weight:bold;
}
.post p {
	font-size:115%;
}
.post li {
	display:inline-block;
	font-weight:bold;
	color:#666666;
	margin-right:15px;
	list-style: none !important
}
.post li a{color: #333333}
.post li a:hover{color: #f00}
.post li.cal:before {
	font-family: 'FontAwesome';
	content: '\f133';
	color:#333333;
	margin-right:10px;
}
.post li.cat:before {
	font-family: 'FontAwesome';
	content: '\f07c';
	margin-right:10px;
}
.post li.tag:before {
	font-family: 'FontAwesome';
	content: '\f02b';
	margin-right:10px;
}
.post img {
	width:80%;
}

.index {
	padding-bottom:30px;

}
.index h3 {
	border-bottom:none;
}

aside h3 {
	font-weight:bold;
	color:#333333;
	padding:5px;
	padding-left:15px;
	background:#cfcfcf;
}

.Container h3 {
	margin-bottom:0;
	text-align:left;
}

.Container h3:before {
	padding:0 50px;
}

.Container h3:after {
	border-bottom:none;
}

aside {
	padding:5px;
}
aside section {
	padding:15px;
}

aside ul {
	background:#ffffff;
}
aside ul li a {
	display:block;
	font-weight:bold;
	line-height:1.5rem;
	padding:10px 25px;
	border-bottom:1px solid #dddddd;
}
aside ul li a:hover {
	text-decoration:underline;
}

@media screen and (min-width: 769px)
{
	div#Main {
		float:left;
		width:66%;
	}
	aside {
		float:right;
		width:25%;
		background:#eeeeee;
	}
}

/****************************************
		5. Post Entry 
*****************************************/
	div.post:first-child .title{margin-top:0 !important;}
	.title a{color: #295c00;font-weight:bold;text-decoration:none;}
	.title a:hover{color: #51b800}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
	.post ul {
		padding-bottom:10px;
		border-bottom:1px solid #dddddd;
		margin-bottom:30px;
	}
	.post ol li{list-style: decimal outside;margin-left:20px;}

/****************************************
		4.  Main
*****************************************/
/*** Blog info ***/


/*** Contents ***/
img.attachment-post-thumbnail{margin:0 15px 0 0 !important;}
a.more-link{
	background:url("/images/blog/arrow_next.png") no-repeat right top;
	color:#333;
	font-size:85%;
	padding:2px 20px 5px 10px;
	text-align:right;
	text-decoration:none;
	margin-left:480px;
	display:block;
	}
	a.more-link:hover{color: #999}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 40px 0 0;overflow:auto;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#333;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #999
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		background:url("/images/blog/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		padding:2px 20px 2px 10px;
		background:url("/images/blog/arrow_next.png") no-repeat right top;
		}

/****************************************
		6. Comments
*****************************************/
h3#comments{
	padding: 10px 0 10px 10px;
	clear: both;
	margin-top:40px;
	border-top:1px solid #ddd;
	}
	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		border-top:1px solid #ddd;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border:1px solid #ddd;
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .comment-meta{margin-bottom:10px;}
		.commentlist .comment-meta a{
			color: #999;
			font-size:85%;
			text-decoration:none;
			}
			.commentlist .comment-meta a:hover{color: #ccc;}
	.commentlist p{margin-bottom:15px;}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px;
		background: #ddd;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #999}
		
/*** Comment form ***/
#respond{margin-top:70px;}
#respond h3{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:10px 0 10px 10px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	*:first-child+html #commentform label{ position:relative\9; top: -15px\9; } /* IE7 */
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #06c;
			}

/****************************************
		8.  Form
*****************************************/
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}