/*
BLOG STYLES
------------------------------------------------*/

div.blog-container {width:900px;
					display:table;
					margin-left:auto;
					margin-right:auto;
					margin-top:12px;
					box-sizing:border-box;
					border-top-right-radius:12px;
					border-top-left-radius:12px;
					-moz-box-sizing:border-box; /* Firefox */
					}

div.blog-content { font-family:Bitter;
					background:#ececec;
					padding:20px;
					color:#505353;
					font-weight:400;
					font-size:18px;
					line-height:160%;
					width:710px;
					box-sizing:border-box;
					-moz-box-sizing:border-box; /* Firefox */
					border-top-left-radius:12px;
					
					}

div.articles {display:table-cell;
			vertical-align:top;}




.blog-content h1 {font-size:34px; margin:0px; line-height:30%}
.blog-content h2 {font-size:28px;}
.blog-content h3 {font-size:24px;}

.blog-date {display:block; font-size:14px;}

.blog-content a:hover {text-decoration:underline;}

div.blog-divider {height:20px;
				border-top:dotted 3px #505353;}

div.blog-categories {background:#c8c8c8;
					padding:6px;
					margin-top:12px;
					margin-bottom:12px;
					border-radius:6px;
					font-size:14px;}

div.blog-comment {background:#dad5bf;
					padding:10px;
					font-size:15px;
					line-height:150%;
					border-radius:8px;
					margin-bottom:10px;}

div.blog-comment-reply {background:#FFF;
						margin-left:12px;
						font-size:15px;
						line-height:150%;
						padding:10px;
						border-radius:8px;
						margin-bottom:10px;}

div.comment {border-bottom:dotted 1px #b4b8b9;
			font-weight:400;
			color:#6d7273;
			font-size:17px;}


div.blog-side {background:#3f3c38;
				font-size: 12px;
				font-family:Telex;
				padding:10px;
				display:table-cell;
				border-top-right-radius:12px;
				vertical-align:top;}

div.blog-nav {
	background: #ececec;
	padding:10px;
	border-radius:6px;
	margin-top:10px;
	margin-bottom:10px;
}

h2.blog-category {color:#CCC;}

a.blog-link {color:#cbd8db;
				text-decoration:none;
				display:block;
				margin-bottom:10x;
				}

a.blog-link:hover {color:#cbd8db;
					text-decoration:underline;}

div.blog-side-divide {height:2px;
					border-top:solid 1px #9b8344;
					margin-bottom:20px;}

div.blog-header {

	color:#ececec;
	display:block;
	padding:3px 6px;
	background:#3f3c38;
	font-family:Rufina;
	font-size:14px;
	margin-bottom:10px;
	border-radius:5px;

}

h1.blog-title {line-height:100%;}

.title-margin {margin-bottom:20px;}