/* Post */

.postTitle {
	font-size: 36px;
	line-height: 40px;
	padding: 0px !important;
	margin: 5px 0px !important;
	margin-bottom: 25px !important;
	padding-bottom: 25px !important;
	border-bottom: 1px solid #cbcbcb;
	font-weight: bold !important;
}

	body.kallyas-dark .postTitle {
		border-bottom: 1px solid #252525;
	}

.post-item {
	background: #fff;
	margin-bottom: 35px;
	padding: 15px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	box-shadow: 0 1px 0 #ccc;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

	body.kallyas-dark .post-item {
		background: #0c0c0c;
		box-shadow: 0 1px 0 #555;
	}

	.post-item:after {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -3px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		content: "";
		border-bottom-color: #ccc;
	}
	
		body.kallyas-dark .post-item:after {
			border-bottom-color: #555;
		}
	
	.post-item h2 {
		font-size: 24px;
		line-height: 40px;
		font-weight: bold;
		margin: 10px 0;
		padding: 0px;
	}
	
	.post-content .post-img,
	.blog-post-img {
		margin: 0px 20px 20px 0px;
		float: left;
		position: relative;
	}
		
		.post-content .post-img a,
		.blog-post-img a {
			display: block;
			cursor: pointer;
		}
		
		.post-content .post-img img,
		.blog-post-img img {
			display: block;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			transition: 200ms all ease-in-out; 
			-webkit-transition: 200ms all ease-in-out; 
			-moz-transition: 200ms all ease-in-out; 
			-o-transition: 200ms all ease-in-out;
		}
		
			.post-content .post-img a:hover img,
			.blog-post-img a:hover img { 
				opacity: 0.8; 
				filter: alpha(opacity=80); 
			}
		
		.post-content .post-img a:after,
		.blog-post-img a:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			-moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			-ms-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			-moz-backface-visibility: hidden;
		}
		
			.post-content .post-img a:hover:after,
			.blog-post-img a:hover:after { 
				-webkit-box-shadow: 0 0 0 5px #cd2122 inset; 
				-moz-box-shadow: 0 0 0 5px #cd2122 inset; 
				box-shadow: 0 0 0 5px #cd2122 inset; 
			}
			
		
	.post-text img {
		display: block;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin: 0px 0px 20px 0px;
	}
	
		.post-text img[align=left] {
			margin: 0px 20px 10px 0px;
		}
		
		.post-text img[align=right] {
			margin: 0px 0px 10px 20px;
		}

	.post-item .post-more {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 25px;
		margin-top: 4px;
		display: inline-block;
	}
	
	.post-text {
		padding: 0px 0px 25px 0px;
	}
	
	.post-content {
		margin: 0px;
	}
	
	.post-item-panel {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		font-size: 10px;
		margin-bottom: 25px;
		text-transform: uppercase;
		padding: 10px 0;
		font-weight: bold;
		position: relative;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: .6;
		-webkit-transition: opacity 150ms ease-in;
		-moz-transition: opacity 150ms ease-in;
		-o-transition: opacity 150ms ease-in;
		transition: opacity 150ms ease-in;
	}
	
		body.kallyas-dark .post-item-panel {
			border-top: 1px solid #555;
			border-bottom: 1px solid #555;
		}
	
		.post-item-panel:before {
		    content: '';
		    position: absolute;
		    left: 0;
		    bottom: -1px;
		    width: 25px;
		    height: 0;
		    border-bottom: 1px solid #ccc;
		}
		
		.post-item-panel:after {
		    content: '';
		    position: absolute;
		    left: 0;
		    top: -1px;
		    width: 25px;
		    height: 0;
		    border-bottom: 1px solid #ccc;
		}
		
		.post-item-panel:hover {
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		    filter: alpha(opacity=100);
		    opacity: 1;
		}
		
		.post-item-panel ul {
		    list-style: none;
		    margin: 0px;
		    padding: 0px;
		}
		
		.post-item-panel ul li {
		    float: left;
		    margin: 0px 20px 0px 0px;
		}
		
		.post-item-panel ul li p {
		    padding: 0px;
		    margin: 0px;
		}
		
		.post-item-panel ul li p i {
		    padding-right: 4px;
		}
		
	/* Post details */
	
	.post-details {
		padding-top: 20px;
		border-top: 1px solid #eee;
		border-top: 1px solid rgba(0,0,0,0.1);
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
		.post-details span {
			color: #aaa;
		}
	
		.post-details ul {
		    list-style: none;
		    margin: 0px;
		    padding: 0px;
		}
		
		.post-details ul li {
		    margin: 0px 0px 10px 0px;
		}
		
		.post-details ul li p {
		    padding: 0px;
		    margin: 0px;
		}
		
		.post-details ul li p i {
		    padding-right: 5px;
		}
		
	/* Tags */
	
	.tags {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		color: #aaa;
	}
	
		.tags ul {
			display: inline-block;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			list-style: none;
		}
		
			.tags ul li {
				display: inline;
				padding-right: 5px;
			}
				
/* Children */

.children-inner a.children-img {
	display: block;
	cursor: pointer;
	position: relative;
}

.children-inner a.children-img img {
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: 200ms all ease-in-out; 
	-webkit-transition: 200ms all ease-in-out; 
	-moz-transition: 200ms all ease-in-out; 
	-o-transition: 200ms all ease-in-out;
}

	.children-inner a.children-img:hover img { 
		opacity: 0.8; 
		filter: alpha(opacity=80); 
	}

.children-inner a.children-img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
	-moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
	box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-backface-visibility: hidden;
}

	.children-inner a.children-img:hover:after { 
		-webkit-box-shadow: 0 0 0 5px #cd2122 inset; 
		-moz-box-shadow: 0 0 0 5px #cd2122 inset; 
		box-shadow: 0 0 0 5px #cd2122 inset; 
	}
		
/* Comments */

.comments {
}
	
	.comments .comment {
		padding: 0px 0px 30px 0px;
	}
	
		.comments .comment .comment {
			padding: 30px 0px 0px 80px;
		}
	
		.comments .comment .avatar {
			width: 60px;
			position: absolute;
		}
	
		.comments .comment .comment-entry {
			padding: 20px;
			position: relative;
			margin: 0px 0px 0px 80px;
			background: #fff;
			border: 1px solid #e6e6e6;
			border-radius:         2px;
			-moz-border-radius:    2px;
			-webkit-border-radius: 2px;
		}
		
			.comments .comment .comment-entry:before {
				position: absolute;
				display: block;
				border-color: transparent;
				border-style: solid;
				border-width: 10px;
				content: "";
				top: 20px;
				left: -11px;
				border-right-color: #dedede;
				border-left-width: 0;
			}
			
			.comments .comment .comment-entry:after {
				position: absolute;
				display: block;
				border-color: transparent;
				border-style: solid;
				border-width: 10px;
				content: "";
				top: 20px;
				left: -10px;
				border-right-color: #fff;
				border-left-width: 0;
			}
			
			.comments .comment .comment-entry p {
				padding: 0px;
				margin: 0px;
			}
			
			.comments .comment .comment-entry .comment-author {
				padding: 0px 0px 5px 0px;
			}
			
				.comments .comment .comment-entry .comment-author strong {
					padding-right: 5px;
					font-size: 14px;
				}
				
				.comments .comment .comment-entry .comment-author span.date {
					color: #999;
				}
				
				.comments .comment .comment-entry .comment-author span.reply {
					float: right;
				}
				
	/* Add comment */
	
	#comment-add .input-group {
		margin: 0px 0px 10px 0px;
		width: 100%;
	}
		
		#comment-add label{  
			display: block;
			float: none;
			width: 100%;
		}
		
		#comment-add img {
			display: block;
		}
		
		#comment-add textarea {
			width: 100%;
			height: 250px;
		}
		
/* Blog children */

.blog-children {
	background: #fff;
	margin-bottom: 35px;
	padding: 15px 15px 10px 15px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	box-shadow: 0 1px 0 #ccc;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

	body.kallyas-dark .blog-children {
		background: #0c0c0c;
		box-shadow: 0 1px 0 #555;
	}

	.blog-children:after {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -3px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		content: "";
		border-bottom-color: #ccc;
	}
	
		body.kallyas-dark .blog-children:after {
			border-bottom-color: #555;
		}
	
	.blog-children h3 {
		font-size: 24px;
		line-height: 40px;
		font-weight: bold;
		margin: 10px 0 15px 0;
		padding: 0px;
	}
	
	.blog-children h4 {
		text-transform: uppercase;
		font-size: 16px;
		color: #535353;
		font-weight: bold;
	}
	
	.blog-children .sub-description {
	}
	
/* Modules 
------------------*/

/* Blog comments */

.blog-comments {
	position: relative;
	margin: 0px 0px -20px 0px;
}

	.blog-comments div.pav-comment {
		padding: 20px 0px;
		border-top: 1px solid #f9f9f9;
	}
	
		body.kallyas-dark .blog-comments div.pav-comment {
			border-top: 1px solid #252525;
		}
	
		.blog-comments div.pav-comment:first-child {
			border: none !important;
			padding-top: 0px;
		}
		
			.blog-comments div.pav-comment img {
				border: 1px solid #e6e6e6;
				padding: 2px;
				margin-right: 10px;
			}
			
			.blog-comments div.pav-comment .comment-author {
				font-weight: 500;
			}
			
/* Blog Category */

#categorymenu {
}

	#categorymenu ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
		#categorymenu > ul > li {
			position: relative;
			padding: 0px;
			margin: 0px;
		}
		
			#categorymenu ul li a {
				color: #535353;
				text-transform: uppercase;
				padding: 4px 0 4px 20px;
				display: block;
			}
			
				#categorymenu ul li > a:after {
					color: #ddd;
					content: "\203A";
					position: absolute;
					left: 7px;
					top: 6px;
					font-size: 16px;
					line-height: 1;
					width: 4px;
					height: 4px;
					font-family: Arial;
					transition: color 200ms ease-in-out;
					-webkit-transition: color 200ms ease-in-out;
					-moz-transition: color 200ms ease-in-out;
				}
				
					#categorymenu ul li > a:hover:after,
					#categorymenu ul li a:hover {
						color: #cd2122;
					}
			
				#categorymenu ul li .head a {
					position: absolute;
					right: 0;
					top: 0;
					font-size: 22px;
					color: #ccc;
					font-family: Vrinda;
					font-weight: bold;
					line-height: 27px;
					transition: color 200ms ease-in-out;
					-webkit-transition: color 200ms ease-in-out;
					-moz-transition: color 200ms ease-in-out;
					padding: 0px;
				}
				
					#categorymenu ul li .head a:hover {
						color: #cd2122;
					}
		
			#categorymenu ul li ul {
				padding-left: 10px;
				margin: 0px 0px 5px 0px;
			}
			
				#categorymenu ul li ul a {
					display: block;
					padding: 2px 0px 1px 10px;
					color: #797979;
					text-transform: uppercase;
				}
				
					#categorymenu ul li ul a:before {
						content: '- ';
					}
					
					#categorymenu ul li ul a:hover { 
						color: #fff; 
						background-color: #cd2122; 
						border-radius: 2px; 
						-moz-border-radius: 2px; 
						-webkit-border-radius: 2px; 
					}
			
/* Blog latest */

.box-blog-latest {
	position: relative;
	margin: 0px 0px -30px 0px;
}

	.blog-latest > div {
		margin-bottom: 35px;
	}

		.box-blog-latest h4 {
			margin: 0px 0px 5px 0px;
			text-transform: uppercase;
			font-size: 20px;
			color: #cd2122;
		}
		
		.box-blog-latest em {
			font-size: 11px;
			color: #7d7d7d;
			margin-bottom: 5px;
			display: block;
		}
		
		.box-blog-latest .post-thumb a {
			display: block;
			position: relative;
			margin: 0px 0px 10px 0px;
		}
		
		.box-blog-latest .post-thumb a span.readmore {
			position: absolute;
			left: -10px;
			bottom: 11px;
			color: #fff;
			padding: 5px 8px;
			background: #cd2122;
			font-size: 12px;
			font-weight: 500;
			line-height: 1;
			margin: 0;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			z-index: 2;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			-ms-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			-moz-backface-visibility: hidden;
		}
		
			.box-blog-latest .post-thumb a:hover span.readmore { left: 10px !important; }
		
		.box-blog-latest .post-thumb a img {
			display: block;
			transition: 200ms all ease-in-out; 
			-webkit-transition: 200ms all ease-in-out; 
			-moz-transition: 200ms all ease-in-out; 
			-o-transition: 200ms all ease-in-out;
		}
		
			.box-blog-latest .post-thumb a:hover img { 
				opacity: 0.8; 
				filter: alpha(opacity=80); 
			}
		
		.box-blog-latest .post-thumb a:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			-moz-box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			-ms-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			-moz-backface-visibility: hidden;
		}
		
			.box-blog-latest .post-thumb a:hover:after { 
				-webkit-box-shadow: 0 0 0 5px #cd2122 inset; 
				-moz-box-shadow: 0 0 0 5px #cd2122 inset; 
				box-shadow: 0 0 0 5px #cd2122 inset; 
			}
			
	.box-blog-latest .description {
		height: 76px;
		overflow: hidden;
	}
		
.col-sm-3 .blog-latest {
}
		
	.col-sm-3 .blog-latest > div,
	.col-sm-4 .blog-latest > div {
		float: none;
		width: 100%;
	}
	
	.col-sm-3 .box-blog-latest .description,
	.col-sm-4 .box-blog-latest .description {
		height: 38px;
	}
	
	.col-sm-3 .box-blog-latest h4,
	.col-sm-4 .box-blog-latest h4 {
		font-size: 16px;
		color: #535353;
	}
	
	.col-sm-3 .box-blog-latest .post-thumb a span.readmore,
	.col-sm-4 .box-blog-latest .post-thumb a span.readmore {
		font-size: 10px;
		left: -7px;
		bottom: 9px;
	}