/* blog pagination */
.f-blog-pagination{
    text-align: center;
}
.f-blog-pagination .f-pagination-item{
    display:inline-block;
    /*float:left;*/
	border: 1px solid #888;
	text-align:center;
	text-decoration:none;
    width: 20px;
}
.f-blog-pagination .f-pagination-item.f-disabled{
	opacity: 0.6;
}
.f-blog-pagination a:hover,
.f-blog-pagination .f-pagination-item.f-current{
	background: #888;
}
/* blog social icons */
.f-share-post{
	display: inline-block;
	text-indent: -99999px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
	font-size: 12px;
	background-image: url(../../gfx/placeholderImages/social.png);
	background-repeat: no-repeat;
}
.f-share-post.f-share-facebook{
	background-color: #405E9B;
	background-position: -153px -32px;
}
.f-share-post.f-share-twitter{
	background-color: #2AA8E0;
	background-position: -102px -32px;
}
.f-share-post.f-share-google{
	background-color: #DD2712;
	background-position: -50px -32px;
}
.f-share-post.f-share-pinterest{
	background-color: #C92327;
	background-position: 3px -30px;
}
.f-share-post.f-share-facebook:hover{
	background-color: #314877;
}
.f-share-post.f-share-twitter:hover{
	background-color: #1B8BBB;
}
.f-share-post.f-share-google:hover{
	background-color: #AF1E0E;
}
.f-share-post.f-share-pinterest:hover{
	background-color: #9C1C1E;
}
/*blog widgets*/

/* tag cloud */
.f-block-tagcould {
    line-height: 1;
}
.f-block-tagcould  h4{
	border-bottom:1px solid #888;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.f-block-tagcould em{
	font-size: 0.7em;
}
.f-block-tagcould span a{
	/*text-decoration: none;*/
	display: inline-block;
	padding: 0 2%;
}
.f-block-tagcould span a:hover{
	/*background: #888;*/
}
/* blog categories */
.f-blog-block-categories  h4{
	border-bottom:1px solid #888;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.f-blog-block-categories span{
	font-size: 0.7em;
	font-style: italic;
}
.f-blog-block-categories ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.f-blog-block-categories li{
	margin: 0;
}
.f-blog-block-categories li a{
	text-decoration: none;
	display: inline-block;
	line-height: 18px;
	margin-bottom: 5px;
}
.f-blog-block-categories li a:hover{
	text-decoration: underline;
}
/* blog archives */
.f-blog-block-archives  h4{
	border-bottom:1px solid #888;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.f-blog-block-archives ul ul{
	display: none;
	font-size: 100%;
	margin-top: 5px;
	margin-left: 12px;
}
.f-blog-block-archives ul li:first-child ul{
	display: block;
}


.f-blog-block-archives span{
	font-size: 0.7em;
	font-style: italic;
}

.f-blog-block-archives span.f-toogle-archives{
	display: inline-block;
	border: 1px solid hsl(0, 0%, 53%);
	width: 8px;
	height: 8px;
	line-height: 8px;
	font-style: normal;
	text-align: center;
	cursor: pointer;
}
.f-blog-block-archives ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.f-blog-block-archives ul > li{
	margin-bottom: 10px;
}
.f-blog-block-archives ul ul li{
	margin: 0;
}

.f-blog-block-archives li a{
	text-decoration: none;
	display: inline-block;
	line-height: 18px;
	margin-bottom: 5px;
}
.f-blog-block-archives li a:hover{
	text-decoration: underline;
}

/*selected posts */
.selected-posts .f-post-list-layout1 .f-post-title a{
	text-decoration: none;
}
.selected-posts .f-post-list-layout1 aside img{
	max-width: 100%;
}
.selected-posts .f-post-list-layout1 article{
	margin: 3% 0;
	padding: 3% 0;
	border-bottom: 1px solid #888;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout1 .f-post-title,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout1 .f-post-title{
	font-size: 0.8em;
	margin: 0;
	line-height: normal;
	font-weight: 700;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout1 p,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout1 p{
	margin: 0;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout1 .f-post-readmore,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout1 .f-post-readmore{
	font-size: 0.8em;
	margin-top: 3px;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout1 .f-post-description,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout1 .f-post-description{
	display: none;
}



.selected-posts .f-post-list-layout2 .f-post-readmore{
	float: right;
}
.selected-posts .f-post-list-layout2 aside img{
	max-width: 100%;
}
.selected-posts .f-post-list-layout2 aside{
	margin: 3% 0;
}
.selected-posts .f-post-list-layout2 .f-post-title a{
	text-decoration: none;
}
.selected-posts .f-post-list-layout2 article{
	margin: 3% 0;
	padding: 3% 0;
	border-bottom: 1px solid #888;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout2 .f-post-title,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout2 .f-post-title{
	font-size: 0.8em;
	margin: 0;
	line-height: normal;
	font-weight: 700;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout2 p,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout2 p{
	margin: 0;
}

.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout2 .f-post-readmore,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout2 .f-post-readmore{
	font-size: 0.8em;
	margin-top: 3px;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout2 .f-post-description,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout2 .f-post-description{
	display: none;
}


.selected-posts .f-post-list-layout3 .f-post-title a{
	text-decoration: none;
}
.selected-posts .f-post-list-layout3 article{
	margin: 3% 0;
	padding: 3% 0;
	border-bottom: 1px solid #888;
}
.selected-posts .f-post-list-layout3 aside{
	float: left;
	width: 33.3333%;
	margin-right: 2%;
}
.selected-posts .f-post-list-layout3 aside img{
	max-width: 100%;
}
.selected-posts .f-post-list-layout3 section{
	float: left;
	width: 64%;
}
.selected-posts .f-post-list-layout3 .f-post-readmore{
	float: right;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout3 .f-post-title,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout3 .f-post-title{
	font-size: 0.8em;
	margin: 0;
	line-height: normal;
	font-weight: 700;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout3 p,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout3 p{
	margin: 0;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout3 .f-post-readmore,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout3 .f-post-readmore{
	font-size: 0.8em;
	margin-top: 3px;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout3 .f-post-description,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout3 .f-post-description{
	display: none;
}




.selected-posts .f-post-list-layout4 article{
	float: left;
	width: 44%;
	margin: 3%
}
.selected-posts .f-post-list-layout4 aside img{
	max-width: 100%;
}
.selected-posts .f-post-list-layout4 .f-post-title a{
	text-decoration: none;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout4 .f-post-description,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout4 .f-post-description,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout4 .f-post-title,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout4 .f-post-title,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout4 .f-post-readmore,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout4 .f-post-readmore,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout4 .f-post-param,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout4 .f-post-param{
	display: none;
}

.selected-posts .f-post-list-layout5 article{
	float: left;
	width: 44%;
	margin: 3%
}
.selected-posts .f-post-list-layout5 aside img{
	max-width: 100%;
}
.selected-posts .f-post-list-layout5 .f-post-title a{
	text-decoration: none;
}
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout5 .f-post-description,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout5 .f-post-description,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout5 .f-post-title,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout5 .f-post-title,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout5 .f-post-readmore,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout5 .f-post-readmore,
.diy-left-bar .diy-canvas-left-area .selected-posts .f-post-list-layout5 .f-post-param,
.diy-right-bar .diy-canvas-right-area .selected-posts .f-post-list-layout5 .f-post-param{
	display: none;
}


.selected-posts .f-post-list-layout6 .f-post-title{
	font-weight: 700;
}
.selected-posts .f-post-list-layout6 a{
	text-decoration: none;
}





/* POSTLIST LAYOUTS for blog /categories/ tags */
.f-post-list {
	padding: 10px;
}

/*layout1*/
.f-list-layout-1 .f-single-post-item{
	margin-bottom: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #888;
}
.f-list-layout-1 .f-single-post-item aside{
	float: left;
}
.f-list-layout-1 .f-post-leading-image{
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 200px;
}
.f-list-layout-1 .f-post-leading-image img{
	width: 100%;
	/*border: 1px solid #888;*/
	display: block;
}
.f-list-layout-1 .f-single-post-item section{
	margin-left: 215px;
}
.f-list-layout-1 .f-post-title{
	font-size: 2em;
	margin: 0;
	line-height: normal;
}
.f-list-layout-1 .f-post-title a{
	text-decoration: none;
}
.f-list-layout-1 .f-post-author{
	font-weight: bold;
}
.f-list-layout-1 .f-post-readmore{
	float: right;
	font-size: 0.9em;
	margin-right: 10px;
}

/*layout2*/
.f-list-layout-2 .f-single-post-item{
	margin: 1%;
	width: 48%;
	float: left;
	position: relative;
	overflow:hidden;
}
.f-list-layout-2 .f-post-leading-image{
	display: inline-block;
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/*border: 1px solid #888;*/
}
.f-list-layout-2 .f-post-leading-image img{
	width: 100%;
	display: block;
	position: relative;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.f-list-layout-2 .f-single-post-item section{
	height: auto;
	width: 96%;
	padding: 2%;
	background:hsl(210, 4%, 28%);
	color:#ffffff;
	position:absolute;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.f-list-layout-2 .f-single-post-item:hover section{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.f-list-layout-2 .f-single-post-item:hover img{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.f-list-layout-2 .f-post-title{
	font-size: 2em;
	margin: 0;
	line-height: normal;
}
.f-list-layout-2 .f-post-title a{
	text-decoration: none;
	color: #888;
}
.f-list-layout-2 .f-post-author{
	font-weight: bold;
}
.f-list-layout-2 .f-post-readmore{
	float: right;
	font-size: 0.9em;
	margin-right: 3px;
	color: #ffffff;
}

/*layout3*/
.f-list-layout-3 .f-single-post-item{
	margin-bottom: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #888;
}
.f-list-layout-3 .f-post-title{
	font-size: 2em;
	margin: 0;
	line-height: normal;
}
.f-list-layout-3 .f-post-title a{
	text-decoration: none;
}
.f-list-layout-3 .f-post-author{
	font-weight: bold;
}
.f-list-layout-3 .f-post-description{
	margin: 0;
}
.f-list-layout-3 .f-post-readmore{
	float: right;
	font-size: 0.9em;
	margin-right: 10px;
	border: 1px solid #888;
	text-decoration: none;
	padding: 5px 15px ;
	margin-top: 5px;
	display: inline-block;
}

/*layout4*/
.f-list-layout-4 .f-single-post-item{
	margin: 0 8% 12px 10%;
	padding: 20px 0;
	border-bottom: 1px solid #888;
	position: relative;
}
.f-diy-canvas-left-area .f-list-layout-4 .f-single-post-item,
.f-diy-splitter-inner .f-list-layout-4 .f-single-post-item{
	margin: 0 0 12px 10%;
	padding: 20px 0;
	border-bottom: 1px solid #888;
	position: relative;
}
.f-list-layout-4 .f-post-datetime{
	display: inline-block;
	position: absolute;
	right: 101%;
	color: #ffffff;
	background: #888;
	padding: 3px 10px;
	text-align: center;
	width: 10%;
}
.f-list-layout-4 .f-post-dateday{
	font-weight: bold;
}
.f-list-layout-4 .f-post-dateyear{
	font-size: 1.5em;
	display: block;
}
.f-list-layout-4 .f-post-leading-image{
	display: inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 100%;
}
.f-list-layout-4 .f-post-leading-image img{
	width: 100%;
	/*border: 1px solid #888;*/
	display: block;
}
.f-list-layout-4 .f-post-title{
	font-size: 2em;
	margin: 0;
	line-height: normal;
}
.f-list-layout-4 .f-post-title a{
	text-decoration: none;
}
.f-list-layout-4 small,
.f-list-layout-4 .f-post-author{
	font-weight: bold;
	font-size: 1em;
}
.f-list-layout-4 .f-post-author-by{
	opacity: 0.8;
	font-style: italic;
	font-weight: normal;
}
.f-list-layout-4 small{
	margin-bottom: 12px;
	display: inline-block;
}
.f-list-layout-4 .f-post-social{
	margin-bottom: 15px;
	text-align: right;
}
.f-list-layout-4 .f-post-description{
	margin: 20px 0;
}
.f-list-layout-4 .f-post-readmore{
	font-size: 0.9em;
	margin-right: 10px;
	border: 1px solid #888;
	text-decoration: none;
	padding: 5px 15px ;
	display: inline-block;
}
@media screen and (max-width:480px){
	.f-list-layout-1 .f-single-post-item aside{
		float: none;
	}
	.f-list-layout-1 .f-post-leading-image{
		width: 100%;
	}
	.f-list-layout-1 .f-single-post-item section{
		margin-left:0px;
	}

	.f-list-layout-2 .f-single-post-item{
		margin: 0;
		width: 100%;
	}
}
@media screen and (max-width:767px){
	.f-list-layout-4 .f-single-post-item{
		margin: 0 ;
	}
	.f-list-layout-4 .f-post-datetime{
		position: relative;
		left: 0;
	}
	.f-list-layout-4 .f-post-dateyear{
		font-size: 1em;
		display: inline;
	}
}


/* POST  LAYOUTS for single post page */

/*single post layout1*/
.f-single-layout-1 .f-single-post-item{
	margin-bottom: 12px;
	border-bottom: 1px solid #888;
}
.f-single-layout-1 .f-post-title{
	font-size: 2em;
	margin: 0px 0 15px 0;
	line-height: normal;
}
.f-single-layout-1 .f-post-datetime{
	font-style: italic;
	font-size: 0.8em;
}
.f-single-layout-1 .f-post-tags,
.f-single-layout-1 .f-post-social{
	margin-bottom: 15px;
}


/*single post layout2*/
.f-single-layout-2 .f-single-post-item{
	margin-bottom: 12px;
	border-bottom: 1px solid #888;
}
.f-single-layout-2 .f-post-tags{
	margin-bottom: 12px;
	padding: 0;
}

.f-single-layout-2 .f-post-title{
	font-size: 2em;
	margin: 15px 0;
	line-height: normal;
}
.f-single-layout-2 .f-post-social{
	margin-bottom: 15px;
}
.f-single-layout-2 .f-post-author,
.f-single-layout-2 .f-post-datetime{
	width: 48%;
	margin: 1%;
	float: left;
}
.f-single-layout-2 .f-post-datetime{
	text-align: right;
}

/*single post layout3*/
.f-single-layout-3 .f-single-post-item{
	margin-bottom: 12px;
	border-bottom: 1px solid #888;
}
.f-single-layout-3 .f-post-tags{
	margin-bottom: 12px;
	padding: 0;
}

.f-single-layout-3 .f-post-title{
	font-size: 2em;
	margin: 15px 0;
	line-height: normal;
}
.f-single-layout-3 small,
.f-single-layout-3 .f-post-author{
	font-weight: bold;
	font-size: 1em;
}
.f-single-layout-3 small{
	margin-bottom: 12px;
	display: inline-block;
}
.f-single-layout-3 .f-post-tags,
.f-single-layout-3 .f-post-social{
	width: 48%;
	margin: 1%;
	float: left;
}
.f-single-layout-3 .f-post-social{
	text-align: right;
}


/*single post layout4*/
.f-single-layout-4 .f-single-post-item{
	margin: 0 7% 12px 10%;
	padding: 20px 0;
	border-bottom: 1px solid #888;
	position: relative;
}
.f-diy-canvas-left-area .f-single-layout-4 .f-single-post-item,
.f-diy-splitter-inner .f-single-layout-4 .f-single-post-item{
	margin: 0 0 12px 10%;
}
.f-single-layout-4 .f-post-tags{
	margin: 0 7% 12px 10%;
	padding: 20px 0;
}
.f-single-layout-4 .f-post-datetime{
	display: inline-block;
	position: absolute;
	right: 101%;
	color: #ffffff;
	background: #888;
	padding: 3px 10px;
	text-align: center;
	width: 10%;
}

.f-single-layout-4 .f-post-dateday{
	font-weight: bold;
}
.f-single-layout-4 .f-post-dateyear{
	font-size: 1.5em;
	display: block;
}

.f-single-layout-4 .f-post-title{
	font-size: 2em;
	margin: 0;
	line-height: normal;
}

.f-single-layout-4 small,
.f-single-layout-4 .f-post-author{
	font-weight: bold;
	font-size: 1em;
}
.f-single-layout-4 .f-post-author-by{
	opacity: 0.8;
	font-style: italic;
	font-weight: normal;
}
.f-single-layout-4 small{
	margin-bottom: 12px;
	display: inline-block;
}
.f-list-layout-4 .f-post-social,
.f-single-layout-4 .f-post-social{
	margin-bottom: 15px;
	float: right;
	clear: none;
}
.f-list-layout-4 .f-diy-post-content,
.f-single-layout-4 .f-diy-post-content{
	clear: both;
}
/*RSS*/
.f-blog-rss{
	float: right;
	margin:0;
}
.f-blog-rss a{
	background: #F90 url(../../gfx/rss.png) no-repeat 50%;
	margin-right:10px;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	text-indent: -99999px; 
	display: inline-block;
}

@media screen and (max-width:767px){
	.f-single-layout-3 .f-post-tags,
	.f-single-layout-3 .f-post-social{
		width: 100%;
		margin: 1% 0;
	}


	.f-single-layout-4 .f-single-post-item,
	.f-single-layout-4 .f-post-tags{
		margin: 0 ;
	}
	.f-single-layout-4 .f-post-datetime{
		position: relative;
		left: 0;
	}
	.f-single-layout-4 .f-post-dateyear{
		font-size: 1em;
		display: inline;
	}
}
@media screen and (max-width:479px){
	.f-share-post{
		padding: 0px 7px;
		font-size: 11px;
	}
	.selected-posts .f-post-list-layout4 article,
	.selected-posts .f-post-list-layout5 article{
		float: none;
		width: 100%;
		margin: 3% 0;
	}
}