/* ---- grid ---- */
.grid {
  max-width: 1400px;
  position: relative;
}
/* ---- .grid-item ---- */
/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}
.grid-item {	
	float: left;	
	padding: 0px;
}
.grid-content{
	padding: 10px;
	margin: 4px;
	border: 1px solid #ccc;
	border-color: hsla(0, 0%, 77.6%, 0.7); 
}
div.category {
    text-align: right;
    background-color: #000;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 5px 8px 5px 8px;
    /*max-height: 23px;*/
    overflow: hidden;
}
div.category a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #000000;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}
div.category ul{
	padding-left: 0px;
	margin-bottom: 0px;
}
.post_item, #comments {
	background-color: #FFFFFF;
	box-shadow: 0 0 1px #adadad;
	margin: 4px;
}
.post_item{
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear ease-in-out .2s;
	-moz-transition: all 0.2s linear ease-in-out .2s;
	-o-transition: all 0.2s linear ease-in-out .2s;
	transition: all 0.2s linear ease-in-out .2s;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.post_item h3 {
	font-size: 22px;
	margin-top: 5px;
}
.post_item h1 {
	font-size: 38px;
	margin-bottom: 18px;
}
.post_item_title a {
	display: block;
	padding: 15px 10px 0px;
	font-weight: 500;
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 1.1;
	text-transform: uppercase;
}
.post_item_title a:hover {
	color: #E74C3C;
}
.post_item_title_img{
	position: relative;top: 50%;left: 50%;border-radius: 50%;margin: -45px -30px;padding: 5px;background: #fff;float: left;width: 50px;height: 50px;
}
.large_thumb {
	position: relative;
}
.post-body img {
	max-width: 500px;
}
.thumb {
	display: block;
	height: auto !important;
	width: 100% !important;
}
.post_meta {
	border-bottom: 1px dashed #ddd;
	padding: 8px 20px;
}
.post_meta span {
	color: #737373;
	font-size: 13px;
	/*text-transform: uppercase;*/
	font-family: 'Lato', sans-serif;
	line-height: 2;
	word-wrap: break-word;
}
.post_meta span.user {
	background: url("https://lh5.googleusercontent.com/-Qluew9h2rng/UcPyAuOTbeI/AAAAAAAAB7c/l4QJSdazCOA/s16/meta_user.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 18px;
}
.post_meta span.time {
	/*position: relative;
	right: -85%;
	top: -50px;*/
}
.post_meta span.comment {
	background: url("https://lh5.googleusercontent.com/-kfxAAytuHik/UcPyAHbhsxI/AAAAAAAAB7E/h9hMrLZPz3g/s16/meta_comment.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 20px;
}
.post_item_inner {
	padding: 10px;
	position: relative;
	font-family: 'Lato', sans-serif;
	color: #212121;
	line-height: 2;
	word-wrap: break-word;
	font-size: 15px;
}
.post_item_inner p {
	margin-bottom: 30px;
}
.button.normal {
	background-color: #E74C3C;
}
.button, .post_tag a, .letter_submit {
	background: url("https://lh6.googleusercontent.com/-VHd-MUXwJmQ/UcPx8zFDwjI/AAAAAAAAB5Y/qY_VtSSDbT8/s32/button.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
	outline: medium none;
	padding: 1em;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.button:hover {
	opacity: 0.8;
}
.like_post {
	background: url("https://lh3.googleusercontent.com/-1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png") repeat scroll 0 0 #F7F7F7;
	border-radius: 2px;
	float: right;
}
.post blockquote {
	background: url("https://lh3.googleusercontent.com/-oaTPjCsZXq8/UcPyCOOfHpI/AAAAAAAAB8E/H_lmDI9_W8A/s19/quote.png") no-repeat scroll 25px 20px #34495E;
	color: #FFFFFF;
	padding: 10px;
	position: relative;
}
.post-footer {
	border-top: 1px solid #EEEEEE;
	margin-top: 30px;
	padding-top: 20px;
}
.post_tag a {
	background-color: #EDEDED;
	background-image: url("https://lh3.googleusercontent.com/-kuwjHwxHU5M/UcPx9Rf6hYI/AAAAAAAAB5s/kBvMLWkeLz4/s32/button_gray.png");
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	color: #666666 !important;
	font-weight: normal;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0.7em 0.9em;
	text-shadow: 0 1px 1px #FFFFFF;
}
.post_tag a:hover {
	background-color: #E74C3C;
	color: #FFFFFF !important;
	opacity: 1;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}