@charset "utf-8";
/* CSS Document */
@import "reset.css";

body{ font-size:14px; background:#6d697a; color:#333;}
a{ color:#513c67;}
.post-cont blockquote, 
.post-cont pre, 
.post-cont ul, 
.post-cont ol, 
.post-cont dl{margin: 1em;}
.post-cont ul, .post-cont ol, .post-cont dl{margin-left: 1.5em;}
.post-cont dl dd {margin-left: 1em;}
.post-cont th,.post-cont td {padding: .3em;}
.post-cont caption{margin-bottom: .5em;}
.post-cont p, .post-cont fieldset, .post-cont table{margin-bottom: 1em;}

.clearfix:after{ display:block; clear:both; height:0; visibility:hidden; content:"";}
.clearfix{ zoom:1;}
#wrapper{ width:960px; margin:0 auto; text-align:left; background:#f4faef;}

/*----------------------#header-------------------------------*/
#header{ height:110px; padding-top:20px; background:url(images/header.jpg) no-repeat 0 0;}
	#header h1{ width:150px; padding:2px 20px; font-size:30px; background:#000; opacity:.6; filter:alhpa(opacity=60)}
	#header h1 a{ font-family:Georgia, serif; font-weight:700; color:#fff; text-transform:capitalize;}
	#blog-description{ color:#fff;}
#nav{ height:30px; margin-bottom:20px; padding:0 20px;}
	#nav li{ float:left; margin-right:10px;}
	#nav li a{ float:left; padding:2px 10px; font-size:14px; border-top:5px solid #6d697a;}
	#nav li a:hover{ border-top:5px solid #908d98;}
	
/*----------------------#container-------------------------------*/
#container{ display:inline; float:left; width:660px; margin-left:20px;}

.post{ position:relative; margin-bottom:40px; padding-bottom:20px;}
	.post-title{margin-bottom:10px; padding-left:60px; border-bottom:1px solid #ccc; font-size:16px;}
		.post-title a{ display:inline-block; padding:0 5px; color:#513c67;}
		.post-title a:hover{ background:#513c67; color:#fff;}
	.post-cont{ margin-left:60px;}
		.post-cont p{ margin:8px 0; text-indent:24px;}
		.post-cont a{ border-bottom:1px dashed #d4e6f8;}
		.post-cont a:hover{ background:#eaf2fa; border-bottom-style:solid;}
		.post-cont .btn-view-down{ height:32px; margin:8px 0;}
			.post-cont .btn-view-down a{ float:left; width:100px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:700; background:#efefef; border:none; border-left:10px solid #999; color:#999;}
			.post-cont .btn-view-down a:hover{ color:#000; border-left:10px solid #999;}
		.post-cont blockquote{padding:0 10px; border-left:5px solid #8b68a8;}
			.post-cont blockquote p{ text-indent:0;}
		.post-cont pre{padding:0 10px; border-left:4px double #8b68a8; overflow:auto;}
		.post-cont code{padding:0 1px; border-bottom:1px solid #e5e5e5; color:#666;}
		.post-cont li{ line-height:24px;}
	.post-meta{ margin-left:60px;}
	.post-date{ float:left; width:50px; font-family:Georgia, "Times New Roman", Times, serif;}
		.post-date .date-day{display:block; font-size:24px; font-weight:700; text-align:center;}
	.post-meta{ margin-top:10px;}
		.post-meta .seq{ margin:0 5px;}	
		
.navigation{}
	.navigation .na-pre{float:left;}
	.navigation .na-next{float:right;}
	.navigation a:hover{ text-decoration:underline;}
/*----------------------#sidebar-------------------------------*/
#sidebar{ float:right; width:220px; padding:10px; margin-right:20px; font-size:12px;}
.blog-search{}
	.blog-search .text{ width:170px; height:14px; padding:3px; background:#efefef; border:1px solid #e5e5e5;}
	.blog-search *{ vertical-align:middle;}
.widget{ margin-bottom:15px;}
	.widget h3{ margin-bottom:5px; color:#513c67;}
	.widget ul{ padding:0 10px;}
	.widget ul a{ display:inline-block; padding:0 10px; border-bottom:1px dashed #555; line-height:22px; color:#6c5780;}
	.widget ul a:hover{ background:#e9c5fe; text-decoration:none;}
.recentcomments{}
	.recentcomments .comment-title{ border-bottom:1px dashed #555;}
	.recentcomments .comment-summary a{border:none; margin-bottom:5px;}

/*----------------------#footer-------------------------------*/
#footer{ clear:both; padding:10px 0; text-align:center;}


.comments-template{
	margin: 20px 0 50px;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}
.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}
.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}
.commentmetadata{
	font-size: 12px;
}
.commentlist p{
	margin:10px 20px;
}
.comments-template p.nocomments{
	padding: 0;
}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
#commentform p{ padding:5px 20px;}