/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}



/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/*----------------------------------------------
Article
------------------------------------------------*/
article, #article {
	background: #fff;
	width: 100%;
	height: auto;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	border-bottom: 1px solid #e0e0e0;
	}

.article_content {
	padding-top: 30px;
	padding-bottom: 30px;
	}

#page-single .article_content {
	padding-top: 60px;
	}


/*----------------------------------------------
			   P A G E C O N T E N T
------------------------------------------------*/
#pagecontent {
	width: 100%;
	height: auto;
	padding-bottom: 80px;
	display: none;
	}



/*----------------------------------------------
Entries
------------------------------------------------*/
.entries {
	width: 100%;
	margin-bottom: 30px;
	}

.entry {
	float: left;
	background: #fff;
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;
	}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.entry {
		width: 24%;
		margin-right: 1%;
	}
	.entry:last-child {
		margin-right: none;
	}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.entry {
		width: 32.33333333333333%;
		margin-right: 1%;
	}
	.entry:last-child {
		margin-right: none;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.entry {
		width: 32.33333333333333%;
		margin-right: 1%;
	}
	.entry:last-child {
		margin-right: none;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.entry {
		width: 98%;
		margin-right: auto;
		margin-right: auto;
		float: none;
	}
}

.entry .img_holder img {
	width: 100%;
}

.entry .entry-headline {
	border-left: 5px solid #139083;
	padding-left: 15px;
	margin: 20px 15px 20px 15px;
	}

.entry .entry-title {
	margin-bottom: 5px;
	}
.entry .entry-title a{
	color: #666;
	font-size: 0.83em;
}

.entry .entry-title a:hover {
	color: #188070;
}

.entry-date {
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	}

.entry .entry-info {
	background: url(../image/masonry/seperator_default.png) repeat-x top left;
	font-size: 11px;
	line-height: 18px;
	padding: 15px;
	}

.entry .entry-meta {
	margin-top: 15px;
	}

.entry .entry-meta div.right_float {
	margin-left: 15px;
	}


#entry-single .entry-headline {
	border-left: 5px solid #139083;
	padding-left: 15px;
	}

#entry-single .entry-title {
	margin-bottom: 5px;
	}

#entry-single .entry-info {
	background: url(../image/masonry/seperator_main.png) repeat-x top left;
	margin-top: 30px;
	padding-top: 30px;
	}

#entry-single .entry-meta {
	background: url(../image/masonry/seperator_main.png) repeat-x top left;
	margin-top: 30px;
	padding-top: 30px;
	}



/*----------------------------------------------
Filter
------------------------------------------------*/
.filter {
	overflow: hidden;
	margin-bottom: 15px;
	margin-top: 30px;
	list-style-type: none;
	margin-left: 0px;
	}

.filter li {
	float: left;
	background: url(../image/masonry/seperator_filter.png) no-repeat center right;
	padding-right: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	}

.filter li:last-child {
	margin-right: 0px;
	padding-right: 0px;
	background: none;
	}

.filter li a {
	text-decoration: none;
	color: #222;
	}
.filter li a:hover { color: #333333; text-decoration: none;}
.filter li a.active { color: #0f5951; }


/*----------------------------------------------
Meta Datas
------------------------------------------------*/
.entry-meta div {
	float: right;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 5px;
	display: inline-block;
	}

.meta_likes a {
	color: #999999;
	padding-left: 17px;
	}
.meta_likes a:hover { color: #ec8ab8; }

.meta_comments a {
	background: url(../image/masonry/comments_icon.png) no-repeat 0px 1px;
	padding-left: 17px;
	color: #999999;
	}
.meta_comments a:hover {color: #666666; }

.meta_views {
	background: url(../image/masonry/views_icon.png) no-repeat 0px 4px;
	padding-left: 17px;
	}

.meta_tags {
	background: url(../image/masonry/tags_icon.png) no-repeat 0px 4px;
	padding-left: 17px;
	}



/*----------------------------------------------
Comments
------------------------------------------------*/
#comments  {
	padding-top: 30px;
	padding-bottom: 30px;
	}

#comments .comment {
	overflow: hidden;
	padding-top: 30px;
	}
#comments .comment:first-child {
	padding-top: 0px;
	}

#comments .comment .comment {
	padding-left: 65px;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#comments .user {
	float: left;
	width: 50px;
	}

#comments .comment_content {
	margin-left: 65px;
	padding-left: 15px;
	border-left: 1px dashed #e5e5e5;
	}

#comments .comment_date {
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 15px;
	}


/*----------------------------------------------
Leave Comments
------------------------------------------------*/
#leave_comment {
	padding-top: 30px;
	padding-bottom: 30px;
	}