/*
Theme Name: Pico
Theme URI: http://themes1.com/themes/bano/
Description: Food/Lifestyle blog.
Author: Themes1
Author URI: http://themes1.com
Version: 1.0
Tags: dark, red, gray, violet, two-columns, left-sidebar, custom-background, featured-images, custom-colors, post-formats, sticky-post, theme-options
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/************************************************************************/

/* CSS reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: solid 1px #ccc;
	margin-bottom: 15px;
}
td{
	padding: 8px;
	border: solid 1px #ddd;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}



/************************************************************************/


/*=====================================*/
/*	GENERAL
/*=====================================*/

	.clear{
		clear:both;
		display: block;
	}

	*::selection{
		color: #fff;
	}
	*::-moz-selection{
		color: #fff;
	}

	.unselectable{
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none;
	}
	
	.nicescroll-rails{
	}
	.nicescroll-rails div{
		border: none !important;
		z-index: 70 !important;
	}
	
	pre{
		font-size: 12px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		color: #888;
	}

	h1{
		font-size: 26px;
		font-weight: 400;
		margin-bottom: 15px;
	}

	h2{
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 15px;
	}
	
	h3{
		font-size: 18px;
		font-weight: 400;
	}
	
	h4{
		font-size: 18px;
		font-weight: 400;
	}
	
	h3,
	h4,
	h5,
	h6{
		margin-bottom: 15px;
	}
	
	p,
	address{
		margin-bottom: 1.7em;
	}
	
	a,
	a:link,
	a:visited{
		color: #999;
		text-decoration: none;
		transition: border 0.3s, color .3s;
		
	}
	a:hover{
		color: #444;
		transition: border 0.3s, color .3s;
	}

	h1 a,
	h2 a,
	h3 a,
	h4 a{
		text-decoration: none;
	}
	
	.font-bold{
		font-weight: bold;
	}

	.font-italic{
		font-style: italic;
	}

	input,
	textarea,
	select{
		background: #fff;
		color: #99999b;
		border: solid 1px #ddd;
		padding: 4px;
	}

	img{
		max-width: 100%;
		height: auto;
	}
	
	html{
		margin: 0;
		padding: 0;
		width: 100%;
		-webkit-text-size-adjust: 100%;
	}

	body{
		color: #888;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.7;
		margin: 0;
		width: 100%;
		word-wrap: break-word;
	}
	
	#wrapper{
		margin: 0 auto;
		overflow: hidden;
	}
	
	#main.homepage{
		padding: 0;
		overflow: hidden;
	}
	
	#hide-on-ajax{
		display: none;
		height: 100%;
	}
	
	#ajax-content{
		background: #222;
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8;
		overflow: auto;
	}
	
	#ajax-post{
		position: relative;
		padding: 50px;
	}
	
	/* loading animation */
	#loading-icon-wrapper{
		margin: 0 auto;
		width: 32px;
		height: 32px;
	}
	.loading-icon{
		position: absolute;
		background: url(images/loading.png) no-repeat center;
		width: 30px;
		height: 30px;
		-webkit-animation-name: loadingrotate; 
		-webkit-animation-duration: 1s; 
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: loadingrotate; 
		-moz-animation-duration: 1s; 
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
	}
	.lb-cancel .loading-icon{
		margin-left: -15px;
	}
	@-webkit-keyframes loadingrotate {
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(360deg);}
	}
	
	@-moz-keyframes loadingrotate {
		from {-moz-transform: rotate(0deg);}
		to {-moz-transform: rotate(360deg);}
	}
	
	.breadcrumbs{
		padding: 45px 0 30px;
		text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.7 );
	}
/*=====================================*/
/*	SOME WP BASICS
/*=====================================*/

    img.alignleft{
        margin: 3px 25px 20px 0;
        float: left;
    }
    img.aligncenter{
        display: block;
        margin: 3px auto 20px;
        float: none;
    }
    img.alignright{
        margin: 3px 0 20px 25px;
        float: right;
    }
    .wp-caption.alignleft{
        float: left;
        margin: 0 15px 20px 0;
    }
    .wp-caption.aligncenter{  
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
    .wp-caption.alignright{
        float: right;
        margin: 0 0 20px 15px;
        text-align: right;
    }

	.wp-caption{
		max-width: 100%;
	}
	.wp-caption-text{	
	}
	
	.sticky{	
	}
	

/*=====================================*/
/*	HEADER
/*=====================================*/

	.header-wrapper{
		background: #10a8b5;
		box-shadow: 0 10px 8px rgba( 0, 0, 0, 0.3 );
		width: 100%;
		z-index: 10;
	}
	
	#header{
	}
	
	/* Logo */
	
	.site-logo div{
		box-shadow: 0 6px 4px rgba( 0, 0, 0, 0.05 );
		background-color: #fff;
		background-image: url(images/logo.png);
		background-repeat: no-repeat;
		background-position: center;
		color: #222;
		font-family: 'Mrs Saint Delafield', cursive;
		font-size: 60px;
		height: 150px;
		line-height: 150px;
		margin-bottom: 30px;
		text-align: center;
	}

	/* Navigation toggle - on smaller screen */

	#nav-toggle{
		background: url(images/nav-toggle.png) no-repeat center;
		cursor: pointer;
		float: right;
		margin: 7px;
		width: 36px;
		height: 40px;
	}

	/* Navigation */
	
	#nav{
		text-align: center;
	}
	
	#nav a{
		display: block;
		padding: 6px 10px;
		text-decoration: none;
	}
	
	#nav > ul > li > a,
	#nav > ul > li{
		color: #fff;
	}

	#nav > ul > li > a{
		border-top: solid 1px rgba( 0, 0, 0, 0.1 );
		font-size: 12px;
	}

	#nav .has-sub-menu{
		position: relative;
	}
	
	#nav .sub-menu{
		display: none;
		padding: 5px;
		z-index: 10;
	}

	#nav .sub-menu a{
		color: #fff;
	}

	#nav > ul > li > .sub-menu{
		margin: 0 0 0 0;
	}

	
/*=====================================*/
/*	SEARCH FORM
/*=====================================*/

	.search-wrapper{
	}
	.searchform{
		background: #fff;
	}
	.searchform .submit{
		background: url(images/search.png) no-repeat center;
		border: none;
		cursor: pointer;
		float: right;
		width: 34px;
		height: 34px;
		margin: 0;
		padding: 0;
	}
	.searchform .field-wrapper{
		margin-right: 45px;
	}
	
	#sidebar .searchform{
		border-top: dotted 1px #999;
		border-bottom: dotted 1px #999;
		position: relative;
		height: 35px;
		margin: 0 -20px -1px;
		padding: 1px 20px 0 11px;
	}
	#sidebar .searchform .submit{
		width: 20px;
	}
	.searchform .field{
		color: #666 !important;
		border: none;
		width: 100%;
		font-size: 14px;
		margin: 3px 0 0 6px;
	}
	.searchform .field:focus{
		outline: none;
	}
	#header .search-wrapper{
		margin-right: 120px;
		padding: 10px 0 0 10px;
		max-width: 300px;
	}
	#header .searchform{
		height: 35px;
	}

/*=====================================*/
/*	SIDEBARS
/*=====================================*/

	.sidebar{
		background: #fff;
		word-wrap:break-word;
		position: relative;
	}
	
	.sidebar-right-border{
		border-right: solid 1px #ddd;
		height: 100%;
	}
	
	.sidebar a{
		color: #3f3f3f;
		text-decoration: none;
		transition: color .3s;
	}
	.sidebar a:hover{
		color: #000;
		transition: color .3s;
	}
	
	.sidebar h1,
	.sidebar h2,
	.sidebar h3{
		color: #222;
	}

	.sidebar,
	.sidebar ul{
		list-style: none;
	}
	
	#main .sidebar .widget:after{
		content: "";
		background: #5f6468;
		display: block;
		height: 1px;
		width: 28px;
		position: absolute;
		margin-top: 29px;
	}
	

/*=====================================*/
/*	LISTING
/*=====================================*/

	.listing {
		padding-bottom: 10px;
	}
	#main.homepage .listing{
		padding-bottom: 0;
	}
	
	.listing ul{
		list-style: none;
	}

	.listing .item{
		background-color: #fff;
		border: solid 1px #ccc;
		box-shadow: 5px 5px 2px rgba( 0, 0, 0, 0.05 );
		transition: box-shadow 0.4s;
	}
	.listing .item:hover{
		box-shadow: 6px 10px 8px rgba( 0, 0, 0, 0.09 );
		transition: box-shadow 0.4s;
	}
	.listing .item.featured{
		background: none;
		border: none;
		box-shadow: none;
	}

	.listing .item.featured  .item{
		display: none;
	}
	.listing .item.featured  .item:first-child{
		display: block;
	}

	#featured-slider{
		margin-bottom: 0;
	}
	#featured-dots{
		position: absolute;
		top: 15px;
		right: -16px;
		width: 14px;
	}
	
	#featured-dots .dot{
		border: solid 2px #aaa;
		border-radius: 20px;
		cursor: pointer;
		width: 8px;
		height: 8px;
		margin: 0 0 8px 6px;
	}

	#featured-dots .dot.active{
		background: #aaa;
	}
	
	.listing .item-topborder{
		height: 0px;
		margin-top: -1px;
	}

	.item-cat{
		box-shadow: 3px 3px 1px rgba( 0, 0, 0, 0.1 );
		display: inline-block;
		height: 25px;
		font-size: 12px;
		font-style: italic;
		line-height: 25px;
		margin: 22px 0 17px -28px;
		padding: 0 18px 0 32px;
		position: relative;
	}
	.item-cat .back-wrapper{
		overflow: hidden;
		position: absolute;
		bottom: -6px;
		left: 1px;
		width: 6px;
		height: 6px;
	}
	.item-cat .back{
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 4px solid #666;
		width: 0; 
		height: 0; 
	}
	
	.item .item-cat{
		margin: 42px 0 0 -7px;
		position: absolute;
		z-index: 2;
	}
	.item-cat a{
		color: #fff;
		display: block;
		text-decoration: none;
	}
	
	.item-cat .cat-back-wrap{
		width: 10px; 
		height: 12px;
		overflow: hidden;
		position: absolute;
		right: 0;
		margin-top: 1px;
	}
	.item-cat .cat-back{
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		border-top: 8px solid #f00;
		width: 0; 
		height: 0;
		margin-left: -12px;
	}

	.format-post-post.no-thumb,
	.format-post-recipe.no-thumb,
	.format-post-gallery.no-thumb,
	.format-post-quote,
	.format-post-link{
		padding-top: 15px;
	}
	.format-post-quote .item-title{
		margin-bottom: 15px;
	}
	.format-post-quote .item-author{
		font-size: 16px;
		text-align: center;
	}
	.format-post-quote .item-icon{
		color: #ccc;
		text-align: center;
		font-size: 70px;
		height: 50px;
		line-height: 1.3;
		overflow: hidden;
		font-family: 'Kotta One';
	}

	.format-post-link .item-title{
		padding: 0;
		margin-bottom: 10px;
	}
	.format-post-link .item-excerpt{
		margin-bottom: 12px;
		padding-left: 5px;
	}

	.listing .item-media{
		position: relative;
		padding: 9px;
	}
	.item-media .inner{
		position: relative;
	}
	.listing .item-media img{
		display: block;
		width: 100%;
		height: auto;
	}


	.listing .item-content{
		line-height: 1.5;
		word-wrap: break-word;
		max-width: 100%;
		overflow: hidden;
		padding: 25px 21px 20px;
		position: relative;
	}
	.portfolio-listing .item-content{
	}
	.item-title{
		color: #404040;
		font-size: 20px;
		margin-top: -10px;
		padding-left: 5px;
		transition: color 0.3s;
	}
	.format-post-recipe .item-title{
		margin-right: 70px;
	}
	.item:hover .item-title{
		color: #444;
		transition: color 0.3s;
	}
	
	
/* METADATA */

	.listing .item-metadata{
		border-top: solid 1px #ddd;
		font-size: 11px;
		line-height: 40px;
	}
	.item-metadata > div{
		border-right: solid 1px #ddd;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 35px;
	}
	.item-metadata > div:first-child{
		border-left: none;
	}

	.item-metadata .item-metadata-like{
		background: url(images/icon-heart.png) no-repeat 15px 12px;
	}
	.item-metadata .item-metadata-author{
		background: url(images/icon-author.png) no-repeat 15px 12px;
	}
	.item-metadata .item-metadata-date{
		background: url(images/icon-tags.png) no-repeat 15px 12px;
	}
	.item-metadata-comments{
		background: url(images/icon-comments.png) no-repeat 15px 12px;
	}
	.item-metadata-cookingtime{
		background: url(images/icon-time.png) no-repeat 15px 14px #eee;
		color: #777;
		padding: 1px 27px 0 0;
		position: absolute;
		text-align: right;
		top: 0;
		right: 0;
		width: 60px;
		height: 100%;
	}
	.item-metadata-cookingtime .time{
		padding: 15px 0 0 0;
		line-height: 1.3;
	}
	.item-metadata-cookingtime .time span{
		font-size: 14px;
	}

	.search-listing .item-media{
		height: auto;
	}
	.search-listing .item-media.nomedia{
		display: none;
	}


	/* load more link */
	#load-more{
		width: 100%;
		height: 80px;
		margin-bottom: 30px;
	}
	#load-more a,
	.button{
		background: url(images/list-arrow.png) no-repeat center #fff;
		border: solid 1px #d1d1d1;
		box-shadow: 0px 8px 8px rgba( 0, 0, 0, 0.1 );
		display: block;
		margin: 0;
		width: 100%;
		height: 80px;
		transition: border 0.3s, color 0.3s;
	}
	#load-more a:hover{
		border: solid 1px #70707b;
		color: #bbbbbb;
		transition: border 0.3s, color 0.3s;
	}
	
	
/*=====================================*/
/*	LISTING: item thumbnail/media
/*=====================================*/

	.lister-container{
		overflow: auto;
		position: relative;
	}
	.lister-list{
		padding: 20px;
		position: relative;
		overflow: hidden;
	}

	/* Portfolio format: Single Image */
	.format-portfolio-image .item-media .inner {
	}
	.format-portfolio-image .item-media .inner img{
		display: block;
		width: 100%;
		height: auto;
	}

	/* Portfolio format: Video */
	.format-portfolio-video .item-media .inner,
	.format-portfolio-video .item-media iframe{
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: 100%;
		position: absolute;
	}
	.format-portfolio-video .video-thumbs{
		background-size: auto 100%;
		background-position: center;
		width: 180px;
		height: 100%;
	}
	.format-portfolio-video .video-thumb div{
		background-size: auto 100%;
		background-position: center;
		width: 180px;
		height: 100%;
	}

	/* Blog format: Post */
	.format-post-post .item-media .inner img{
		display: block;
		max-width: 100%;
		height: auto;
	}

	/* Blog format: Gallery */
	.item-gallery img{
		display: block;
		display: none;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.item-gallery img:first-child{
		display: block;
	}
	.item-gallery-nav{
		cursor: pointer;
		position: absolute;
		bottom: 125px;
		width: 100%;
	}
	.item-gallery-nav div{
		background-image: url(images/gallery_nav.png);
		background-color: #fff;
		position: absolute;
		width: 40px;
		height: 68px;
	}
	.item-gallery-nav .nav-left{
		background-position: 0 -68px;
		left: 0;
		transition: margin-left 0.2s;
	}
	.item-gallery-nav .nav-left:hover{
		margin-left: -5px;
		transition: margin-left 0.2s;
	}
	.item-gallery-nav .nav-right{
		background-position: 0 0;
		right: 0;
		transition: margin-right 0.2s;
	}
	.item-gallery-nav .nav-right:hover{
		margin-right: -5px;
		transition: margin-right 0.2s;
	}
	

	/* Blog format: Video */
	.format-post-video .item-media img{
		display: block;
		max-width: 100%;
		height: auto;
	}


/*=====================================*/
/*	CONTENT: general
/*=====================================*/

	#custom-message{
		color: #666;
		font-size: 16px;
		line-height: 1.7;
		padding: 10px 20px 20px;
		text-shadow: 1px 1px #fff;
	}
	#custom-message .msg2{
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}

	/* post head part */
	.part-head{
		height: 55px;
		position: relative;
	}
	.side-description{
		position: fixed;
		right: 50px;
	}
	
	.entries{
		line-height: 2;
		padding: 20px 20px 40px;
	}
	.entries h1 a{
		color: #404040;
		transition: color .3s;
	}
	.entries h1 a:hover{
		color: #444;
		transition: color .3s;
	}
	.entries h1.title{
		border-bottom: solid 1px #474e54;
		line-height: 1.4;
		margin-top: -13px;
		margin-bottom: 45px;
		padding-bottom: 40px;
	}
	.entries h1,
	.entries h2,
	.entries h3,
	.entries h4,
	.entries h5,
	.entries h6{
		line-height: 1.5;
	}
	.entries ul,
	.entries ol{
		padding-left: 40px;
	}
	
	/*** posts links ***/
	.posts-links{
		background-image: url(images/posts-links.png);
		background-color: #fff;
		background-repeat: repeat-y;
		border: solid 1px #bbb;
		width: 47%;
		height: 23px;
		transition: border 0.3s;
	}
	.posts-links-bottom{
		float: right;
	}
	.posts-links:hover{
		border: solid 1px #70707b;
		transition: border 0.3s;
	}
	.posts-links.prev{ background-position: center -46px; float: left;}
	.posts-links.next{ background-position: center 0; float: right;}
	
	.posts-links a{
		background-image: url(images/posts-links.png);
		background-repeat: repeat-y;
		display: block;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.3s;
	}
	.posts-links:hover a{
		opacity: 1;
		transition: opacity 0.3s;
	}
	.posts-links.prev a{ background-position: center -69px; }
	.posts-links.next a{ background-position: center -23px; }
	
	.post-gallery img{
		height: 150px;
		width: auto;
		margin-right: 10px;
	}

	.inner-padding{
		overflow: hidden;
		padding: 0 20px 20px;
	}
	.inner-padding-top{
		overflow: hidden;
		padding-top: 20px;
	}

/*=====================================*/
/*	CONTENT: posts
/*=====================================*/

	.post-wrapper{
		background: #fff;
		box-shadow: 8px 6px 10px rgba( 0, 0, 0, 0.1 );
		border: solid 1px #d1d1d1;
		margin-bottom: 35px;
	}
	.post-inner{
		padding: 5px 20px 20px;
		position: relative;
	}
	
	.post-title{
		color: #404040;
		margin-bottom: 25px;
	}
	.post-title a{
		color: #404040;
	}
	
	.post-wrapper .content{
		font-size: 14px;
	}
	.post-wrapper .content h1,
	.post-wrapper .content h2,
	.post-wrapper .content h3{
		margin-bottom: 25px;
	}
	.post-wrapper .content h4,
	.post-wrapper .content h5,
	.post-wrapper .content h6{
		margin-bottom: 15px;
	}
	.post-wrapper .content img{
		padding-top: 7px;
	}
	.post-wrapper .content li{
		margin-bottom: 10px;
	}
	
	.post-wrapper .item-metadata{
		border: solid 1px #ccc;
		border-right: none;
		font-size: 11px;
		line-height: 37px;
		margin: 0 -20px 50px 0;
	}
	.post-wrapper .item-metadata div{
		border-right: solid 1px #ccc;
	}
	
	.post-main{
		margin-bottom: 50px;
	}
	.post-media{
		margin-bottom: 20px;
	}
	
	.post-desc .postinfo{
		background: #eee;
		border: solid 1px #ddd;
		display: inline-block;
		padding: 8px 15px;
		margin: 0 12px 15px 0;
	}

	.post-inner .content{
		margin-bottom: 50px;
	}
	.post-inner .content.quote-author{
		font-size: 18px
	}
	
	
/* INGREDIENTS */
	.ingredients{
		border: solid 1px #d5d5d5;
		margin: 0 0 45px;
		position: relative;
	}
	.ingredients-topborder{
		background: #d5d5d5;
		height: 7px;
		margin: -7px 0 0 -1px;
	}
	.ingredients-bottomborder{
		background: #d5d5d5;
		width: 97%;
		height: 5px;
		position: absolute;
		margin-top: 1px;
		right: 0;
	}
	.ingredients-title{
		border-bottom: solid 1px #d5d5d5;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		padding: 6px;
		text-align: center;
	}
	ul.ingredients-list{
		padding: 20px;
	}
	.ingredients-list li{
		background: url(images/ingredients-list.png) no-repeat 0 7px;
		list-style: none;
		padding-left: 27px;
		margin-bottom: 5px;
	}

	#portfolio-item .part-head h1{
		font-size: 12px;
		margin: 0;
	}
	
	#portfolio-item .part-body{
		margin: 0 -20px;
	}
	
	#portfolio-item #content img{
		display: block;
		margin: 0 0 20px;
		max-width: 100%;
		height: auto;
	}

	#portfolio-item iframe,
	.entries iframe{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.tags:before{
		content: "";
		background: #5f6468;
		display: block;
		height: 1px;
		width: 28px;
		position: absolute;
		margin-top: -29px;
	}


/*=====================================*/
/*	CONTENT - pages
/*=====================================*/

/*=====================================*/
/*	AJAX post container
/*=====================================*/

	#ajax-post{
		position: relative;
	}
	#ajax-post a.close-ajax-post{
		background: url(images/x.png) no-repeat center #33333b;
		border: solid 1px #50505b;
		position: absolute;
		right: 0;
		width: 23px;
		height: 23px;
		transition: border-color 0.3s;
	}
	#ajax-post a.close-ajax-post:hover{
		border-color: #90909b;
		transition: border-color 0.3s;
	}
	

/*=====================================*/
/*	FOOTER
/*=====================================*/

	#footer{
		border-top: dotted 1px #777;
		margin: 0 -20px;
		padding: 8px 20px;
	}
	
/*=====================================*/
/*	COMMENTS AND FORMS
/*=====================================*/

	/* Comments template */
	#comments{
	}
	#comments h3{
		margin-bottom: 30px;
	}
	.comments-template{
		padding: 40px 10%;
	}
	#comments ul,
	#comments li{
		list-style: none;
	}
	
	ul.commentlist{
		padding: 10px 0 10px 10px;
	}

	.commentlist .comment{
		background: #fff;
		border: solid 1px #ccc;
		margin-bottom: 40px;
		width: 85%;
	}
	
	.commentlist .comment:hover{
		box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
	}

	.comment-body{
		padding: 17px 25px 17px 20px;
		position: relative;
	}

	.comment-body p{
		font-size: 1.1em;
		line-height: 1.5em;
	}

	.commentlist .comment-edge{
		background-image: url(images/comment_edge.png);
		background-position: 0 0;
		position: absolute;
		margin: 20px 0 0 -14px;
		width: 14px;
		height: 14px;
	}

	.commentlist .comment-user{
		font-weight: bold;
		margin-bottom: 3px;
	}
	.commentlist .comment-date{
		color: #999;
		padding: 0 0 15px ;
	}
	.commentlist .comment-reply{
		background: #fff;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		display: block;
		float: right;
		font-size: 10px;
		padding: 3px 9px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	.commentlist .children{
		padding-left: 0;
	}
	.commentlist .children .comment{
		margin-left: 25px;
	}
	
	.commentlist .children .comment-edge{
		background-position: -16px 0;
		position: absolute;
		margin: -10px 0 0 20px;
		width: 19px;
		height: 10px;
	}
	
	/* comment form */
	#commentform p textarea{
		height: 200px;
	}
	
	/* reply form */
	#respond{
		padding: 40px 0 0 0;
	}
	#cancel-comment-reply-link{
		font-size: 12px;
	}

	/* contact form */
	#contactform p textarea{
		height: 115px;
	}

	/* forms */
	.nano-form form{
		text-align: left;
		padding-bottom: 20px;
		position: relative;
	}
	.nano-form form p{
		display: block;
		line-height: 30px;
		min-height: 75px;
		margin: 0;
		padding: 5px 0;
	}
	.nano-form form label{
		display: block;
		font-size: 12px;
		font-weight: bold;
		min-height:2px;
	}
	.nano-form form input{
		height: 30px;
	}
	.nano-form form input,
	.nano-form form textarea{
		background: #f4f4f4;
		margin: 0;
		padding: 4px 3%;
		width: 92%;
	}
	
	.nano-form form .form-submit{
		margin-top: 40px;
	}

	.nano-form form #submit{
		background: #eee;
		border: solid 1px #aaa;
		color: #666;
		cursor: pointer;
		font-size: 12px;
		padding: 8px 45px;
		width: auto;
		height: 40px;
		transition: border 0.3s, color 0.3s;
	}
	.nano-form form #submit:hover{
		border: solid 1px #70707b;
		color: #222;
		transition: border 0.3s, color 0.3s;
	}

	.comment #respond{
		padding: 10px 4%;
	}
	.comment #respond input,
	.comment #respond textarea{
	}


/*=====================================*/
/*	WIDGETS
/*=====================================*/

	.widget h1,
	.widget h2,
	.widget h3{
		font-size: 12px;
		line-height: 1;
		margin-bottom: 20px;
		padding-bottom: 13px;
	}
	
	/* HEAD */
	.widgets-head-wrapper{
		background: #10a8b5;
		border-bottom: solid 1px rgba( 255, 255, 255, 0.5 );
		color: #fff;
		position: relative;
	}
	.widgets-head-wrapper .sidebar{
		background: none;
		box-shadow: none;
	}
	.widgets-head-wrapper a{
		color: #fff;
	}
	.widgets-head-wrapper a:hover{
		text-decoration: underline;
	}

	.widgets-head-wrapper li{
		margin-bottom: 5px;
	}

	#top-toggle{
		cursor: pointer;
		position: absolute;
		right: 15px;
		bottom: -18px;
		width: 44px; 
		height: 18px; 
	}
	#top-toggle .triangle{
		border-left: 22px solid transparent;
		border-right: 22px solid transparent;
		border-top: 18px solid #f00;
		width: 0; 
		height: 0; 
	}
	#top-toggle .icon{
		background-image: url(images/+.png);
		background-repeat: no-repeat;
		background-position: center 0;
		height: 7px;
		width: 100%;
		position: absolute;
		top: -4px;
	}
	#top-toggle.active .icon{
		background-position: center -7px;
		height: 7px;
		width: 100%;
		position: absolute;
		top: -4px;
	}
	
	#widgets-head{
		display: none;
		max-width: 1400px;
		padding: 30px 30px 20px;
	}
	#widgets-head .column{
		float: left;
		min-height: 2px;
		width: 22%;
		margin-right: 4%;
	}
	#widgets-head .column.last{
		margin-right: 0%;
	}	
	#widgets-head .widget{
		margin-bottom: 30px;
	}
	#widgets-head .widgettitle{
		border-bottom: dotted 1px rgba( 255, 255, 255, 0.8 );
		padding-bottom: 14px;
	}

	#widgets-head input[type="text"],
	#widgets-head textarea{
		background: #fff;
		border: none;
		color: #333;
		padding: 5px;
		width: 100%;
	}

	/* SIDE */
	.widget{
		margin-bottom: 50px;
	}
	
	#sidebar .widgettitle{
		border-bottom: dotted 1px #aaa;
		margin: 0 -20px 20px;
		padding: 0 20px 13px;
	}
	
	.lister-filter > li{
		border-bottom: dotted 1px #999;
		background-color: #fff;
		height: 36px;
		line-height: 36px;
		margin: 0 -20px;
		position: relative;
		text-align: center;
		transition: background-color 0.4s;
	}
	.lister-filter > li:first-child{
		border-top: dotted 1px #aaa;
	}
	.lister-filter > li:hover,
	.lister-filter > li.current-menu-item{
		background-color: #eee;
		transition: background-color 0.1s;
	}
	.lister-filter > li:hover a,
	.lister-filter > li.active a{
		color: #333;
	}
	.lister-filter > li a{
		color: #777;
		display: block;
		font-size: 17px;
		text-shadow: 1px 1px 0 rgba( 255, 255, 255, 1 );
	}
	.lister-filter .count{
		background: #bebebe;
		border-radius: 1px;
		color: #fff;
		font-size: 10px;
		line-height: 15px;
		position: absolute;
		right: 20px;
		top: 10px;
		text-align: center;
		width: 22px;
		height: 15px;
		font-family: "Roboto Slab";
	}
	
	#the1-twitter-widget{
		color: #8d9093;
	}
	#the1-twitter-widget a{
		color: #5d6063;
	}
	#the1-twitter-widget a:hover{
		color: #444;
	}
	.the1-tweets{
	}
	.the1-tweets-data{
		font-size: 11px;
		padding-top: 18px;
		display: block;
	}
	
	
	.widget.recent-posts li{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: dotted 1px #ddd;
	}
	.widget.recent-posts .thumbnail{
		border: solid 1px #ddd;
		border-radius: 4px;
		box-shadow: 0 2px 0px rgba( 0,0,0,0.08 );
		display: block;
		float: left;
		padding: 3px;
		width: 63px;
		height: 53px;
	}
	.widget.recent-posts .thumbnail img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.widget.recent-posts .title{
		display: block;
		margin-left: 82px;
	}
	.widget.recent-posts .title span{
		color: #aaa;
		font-size: 10px;
	}
	
	
	/* FOOT */

	
/*=====================================*/
/*	OUR TEAM
/*=====================================*/

	.team-member{
		background: #131314;
		display: inline-block;
		margin: 0 0.5% 10px;
		overflow: hidden;
		width: 49%;
		height: 375px;
		vertical-align: top;
	}
	.member-pic{
		background-position: center;
		background-size: auto 100%;
		height: 147px;
		overflow: hidden;
	}
	.member-data{
		line-height: 1.7;
		padding: 15px 15px;
	}
	.member-name{
		color: #d2d3d5;
		margin-bottom: 0;
	}
	.member-title{
		color: #bfbfc1;
		margin-bottom: 13px;
	}
	.member-bio{
		color: #666;
		max-height: 123px;
		overflow: hidden;
	}

/*=====================================*/
/*	ARCHIVE
/*=====================================*/

	.archive-item-title{
		margin-bottom: 5px;
		display: block;
	}
	
/*=====================================*/
/*	SHORTCODES
/*=====================================*/

	/* Button */
	.sc-button {
		background: #eee;
		border: solid 1px #ccc;
		display: inline-block;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin: 0 0 15px;
		padding: 0 15px;
		text-align: center;
		text-decoration: none;
	}
	.sc-button:hover {
		border: solid 1px #666;
		text-decoration: none;
	}
	
	/* Highlight */
	.highlighted{
		background-color: #FF9 !important;
		color: #222 !important;
	}

	/* Alert general */
	.sc-alert{
		box-shadow: 3px 3px 0px rgba(0,0,0,0.05);	
		margin-bottom: 15px;
		padding: 10px 50px 20px 20px;
		position: relative;
	}
	.sc-alert .icon {
		position: absolute;
		top: 14px;
		right: 14px;
		width: 26px;
		height: 26px;
	}
	
	/* Alert: info */
	.sc-alert.alert-info {
		background: #fff;
		color: #444;
	}
	.sc-alert.alert-info .icon {
		background: url(images/alert_icons.png) no-repeat -26px 0;
	}
	
	/* Alert: warning */
	.sc-alert.alert-warning {
		background:#ddd;
		color:#a33;
	}
	.sc-alert.alert-warning .icon {
		background: url(images/alert_icons.png) no-repeat -78px 0;
	}
	
	/* Alert: OK */
	.sc-alert.alert-ok {
		background:#dfa;
		color:#444;
	}
	.sc-alert.alert-ok .icon {
		background: url(images/alert_icons.png) no-repeat 0 0;
	}
	
	/* Alert: note */
	.sc-alert.alert-note {
		background:#ffb;
		color:#444;
	}
	.sc-alert.alert-note .icon {
		background: url(images/alert_icons.png) no-repeat -52px 0;
	}
	
	/* Blockquote */
	blockquote,
	.blockquote {
		display: block;
		border:solid 1px #777;
		border-left:solid 12px #777;
		display: block;
		margin-bottom: 15px;
		margin-left:20px;
		padding: 10px 15px;
	}
	.blockquote.left{
		border-left:solid 5px #777;
		float: left;
		clear:both;
		margin-right: 15px;
	}
	.blockquote.right{
		border-right:solid 5px #777;
		float: right;
		clear:both;
		margin-left: 15px;
	}

	/* Tooltip */
	.ui-tooltip {
		background: #666;
		border: solid 1px #555;
		color: #eee;
		font-weight: bold !important;
		padding: 8px;
		position: absolute;
		z-index: 9998;
		max-width: 300px;
		box-shadow: 6px 6px 0 rgba(0,0,0,0.1);
	}
	.tt-arrow{
		
	}
	
	/* Content Columns */
	.col-wrapper:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
	}
	.content-col{
		float: left;
		margin: 0 5% 15px 0;
	}
	 
	/* Content Column: One Third */
	.content-col.one-third {
		width: 30%;
	}
	.content-col.one-third.last {
		margin-right: 0;
	}
	
	/* Content Column: Two Thirds */
	.content-col.two-thirds {
		width: 65%;
	}
	.content-col.two-thirds.last {
		margin-right: 0;
	}

	/* Content Column: One Half */
	.content-col.one-half{
		width: 47.5%;
	}
	.content-col.one-half.last {
		margin-right: 0;
	}

	/* Custom List */
	.custom-list{
		list-style: none !important;
		padding:0 !important;
	}
	.custom-list li {
		line-height:28px;
		padding-left:30px;
	}
	
	.custom-list.tick li {
		background:url(images/list-tick.png) no-repeat 0px 5px;
		margin-left:0px;
	}
	.custom-list.arrow li {
		background:url(images/list-arrow.png) no-repeat 0px 5px;
		margin-left:0px;
	}
	.custom-list.flower li {
		background:url(images/list-flower.png) no-repeat 0px 5px;
		margin-left:0px;
	}


/*=====================================*/
/*	OTHER
/*=====================================*/

	/* ABOUT AUTHOR */
	.about-author{
		background: #f4f4f4;
		border: dotted 1px #bbb;
		margin-bottom: 70px;
		padding: 20px 20px 40px;
	}
	.author-image{
		float: left;
		width: 70px;
	}
	.author-data{
		margin-left: 90px;
	}
	.author-data .section-title{
		font-size: 14px;
	}

	/* SOCIAL PROFILES */

	.social-profiles{
		padding-top: 9px;
	}
	.social-profiles a{
		background-image: url(images/social_icons.png);
		background-repeat: no-repeat;
		display: inline-block;
		margin-right: 6px;
		width: 26px;
		height: 26px;
		transition: background-color 0.3s;
	}
	.social-profiles a:hover{
		transition: background-color 0.1s;
	}
	.social-profiles a.be{ background-position: 0 0; }
	.social-profiles a.da{ background-position: 0 -26px; }
	.social-profiles a.dr{ background-position: 0 -52px; }
	.social-profiles a.fb{ background-position: 0 -78px; }
	.social-profiles a.fr{ background-position: 0 -104px; }
	.social-profiles a.gg{ background-position: 0 -130px; }
	.social-profiles a.fm{ background-position: 0 -156px; }
	.social-profiles a.li{ background-position: 0 -182px; }
	.social-profiles a.pi{ background-position: 0 -208px; }
	.social-profiles a.tu{ background-position: 0 -234px; }
	.social-profiles a.tw{ background-position: 0 -260px; }
	.social-profiles a.yt{ background-position: 0 -286px; }
	.social-profiles a.vi{ background-position: 0 -312px; }
	.social-profiles a.rss{ background-position: 0 -338px;}

	.social-profiles a.be:hover { background-position: -26px 0; }
	.social-profiles a.da:hover { background-position: -26px -26px; }
	.social-profiles a.dr:hover { background-position: -26px -52px; }
	.social-profiles a.fb:hover { background-position: -26px -78px; }
	.social-profiles a.fr:hover { background-position: -26px -104px; }
	.social-profiles a.gg:hover { background-position: -26px -130px; }
	.social-profiles a.fm:hover { background-position: -26px -156px; }
	.social-profiles a.li:hover { background-position: -26px -182px; }
	.social-profiles a.pi:hover { background-position: -26px -208px; }
	.social-profiles a.tu:hover { background-position: -26px -234px; }
	.social-profiles a.tw:hover { background-position: -26px -260px; }
	.social-profiles a.yt:hover { background-position: -26px -286px; }
	.social-profiles a.vi:hover { background-position: -26px -312px; }
	.social-profiles a.rss:hover { background-position: -26px -338px;}

	#social-top{
		border-right: solid 1px rgba( 255, 255, 255, 0.2 );
		float: left;
		height: 100%;
		padding: 0 9px 0 15px;
	}
	#social-bottom{
		margin-bottom: 10px;
		padding-top: 15px;
	}
	#social-bottom .social-profiles{
		padding: 0;
	}
	#social-bottom .social-profiles a{
		background-image: url(images/social_icons_black.png);
	}

	/* POST TAGS */
	.tags-wrapper{
		margin-bottom: 50px;	
	}
	.tags-wrapper h3{
		margin-bottom: 25px;	
	}
	.tags-wrapper a{
		border: solid 1px #bbb;
		border-radius: 4px;
		display: inline-block;
		font-size: 14px;
		padding: 0 10px;
		height: 26px;
		line-height: 26px;
		margin: 0 10px 10px 0;
	}
	.tags-wrapper a:hover{
		background-color: #eee;
		transition: background-color 0.2s;
	}
	.tags-bottomborder{
		margin: -11px 0 0;
		border-top: solid 1px #bbb;
	}

	/* SHARE POST */
	.sharepost-wrapper{
		margin-bottom: 50px;	
	}
	.sharepost-wrapper h3{
		margin-bottom: 25px;	
	}
	.sharepost-wrapper a{
		background: #fa2;
		border: solid 1px #999;
		border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		padding: 0 10px;
		height: 26px;
		line-height: 26px;
		margin: 0 10px 10px 0;
	}
	.sharepost-wrapper a:hover{
		background-color: #bbb !important;
		transition: background-color 0.2s;
	}
	.sharepost-bottomborder{
		margin: -11px 0;
		border-top: solid 1px #aaa;
	}
	

	/* LISTER */

	.lister,
	.lister .lister-brick {
	  -webkit-transition-duration: 0.7s;
		 -moz-transition-duration: 0.7s;
		  -ms-transition-duration: 0.7s;
		   -o-transition-duration: 0.7s;
			  transition-duration: 0.7s;
	}
	
	.lister {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.lister .lister-brick {
	  -webkit-transition-property: left, right, top;
		 -moz-transition-property: left, right, top;
		  -ms-transition-property: left, right, top;
		   -o-transition-property: left, right, top;
			  transition-property: left, right, top;
	}







.item-thumb.active{
	background: #222;
}

.format-portfolio-image .item-media .inner{
	cursor: pointer;
}




	.item-media .overlayer{
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.overlayer .curtain{
		opacity: 0.7;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		transition: height 0.3s;
	}
	.item.active:hover .curtain{
		height: 100%;
		transition: height 0.3s;
	}
	
	.overlayer .icon{
		background: url(images/curtain_magnifier.png) no-repeat center;
		position: absolute;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		transition: left 0.4s;
	}
	.item.active:hover .icon{
		left: 0;
		transition: left 0.4s;
	}
	.format-post-video .overlayer .icon{
		background: url(images/curtain_video.png) no-repeat center;
	}
	
	
	
.item .item-gallery img{
	display: none;
	width: 100%;
	height: auto;
}
.item .item-gallery img:first-child{
	display: block;
}












/* OTHER */

	.gallery-item{
		max-width: 190px;
		text-align: left !important;
	}
	.gallery-caption{
	}
	
	.bypostauthor{
	}

	/*calendar*/
	table#wp-calendar{
		width: 100%;
		border-color: rgba( 255, 255, 255, 0.3 );
	}
	tfoot .pad{
		border: none;
	}
	table#wp-calendar > tbody > tr > td > a{
		font-weight:bold;
		font-size:12px;
	}
	thead > tr > th{
		width:20px;
		height:20px;
		text-align:center;
	}
	table#wp-calendar tbody > tr > td{
		width:20px;
		height:20px;
		text-align:center;
		border-color: rgba( 255, 255, 255, 0.3 );
		padding: 8px 0;
	}
	tfoot > tr > td > a,
	tfoot > tr > td > a:link,
	tfoot > tr > td > a:visited,
	tfoot > tr > td > a:hover,
	tfoot > tr > td > a:active{
		font-weight:bold;
		font-size:12px;
		height:20px;
	}
	tfoot > tr > td#prev{
		border: none;
		width:58px;
		height:20px;
		text-align:left;
	}
	tfoot > tr > td#next{
		border: none;
		width:58px;
		height:20px;
		text-align:right;
	}
	
	.sidebar table#wp-calendar,
	.sidebar table#wp-calendar tbody > tr > td{
		border-color: #ddd;
	}
	
	
	/* google map */
	#googlemap{
		height: 400px;
		margin-bottom: 30px;
	}
	#googlemap img{
		max-width: inherit;
		max-height: inherit;
	}
	
	
	
	.featured{
		background: #f70;
	}
	



/*=====================================*/
/*	STRUCTURE BLOCKS
/*=====================================*/
	
	.s-wrapper{
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.s-item{
		margin: 0 auto 50px;
	}
	
	.s-side-1{
	}
	.s-content-1{
	}

	.s-side-2{
	}
	.s-content-2{
	}

	.s-side-3{
		float: left;
		width: 100px;
	}
	.s-content-3{
		margin-left: 110px;
	}
	
	.s-half-left{
	}
	.s-half-right{
	}

	.s-visible-large{ display: none; }







	/*** tags/sharepost ***/
	.tags-wrapper,
	.sharepost-wrapper{
		text-align: center;
	}
	/*** tags/sharepost ***/
	.tags-bottomborder,
	.sharepost-bottomborder{
		border: none;
	}
	


	/* MASONRY */

	.masonry,
	.masonry .masonry-brick {
	  -webkit-transition-duration: 0.7s;
		 -moz-transition-duration: 0.7s;
		  -ms-transition-duration: 0.7s;
		   -o-transition-duration: 0.7s;
			  transition-duration: 0.7s;
	}
	
	.masonry {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
	}
	
	.masonry .masonry-brick {
	  -webkit-transition-property: left, right, top;
		 -moz-transition-property: left, right, top;
		  -ms-transition-property: left, right, top;
		   -o-transition-property: left, right, top;
			  transition-property: left, right, top;
	}



/*------------------------------------------------
 * Media queries
 *------------------------------------------------*/

@media screen and (max-width:320px){
	.lister-list{
		width: auto !important;
	}
	.post-inner{
		padding: 5px 15px 10px;
	}
	.entries{
		padding: 10px 10px 40px;
	}

	.item-cat{
		margin: 22px 0 17px -23px;
	}
	
	.lister-list{
		padding: 20px 10px 10px;
	}


/* METADATA */

	.listing .item-metadata{
		line-height: 32px;
	}
	.item-metadata > div{
		height: 32px;
		line-height: 32px;
		padding: 0 10px 0 30px;
	}

	.item-metadata .item-metadata-like{
		background: url(images/icon-heart.png) no-repeat 10px 8px;
	}
	.item-metadata .item-metadata-author{
		background: url(images/icon-author.png) no-repeat 10px 8px;
	}
	.item-metadata .item-metadata-date{
		background: url(images/icon-tags.png) no-repeat 10px 8px;
	}
	.item-metadata-comments{
		background: url(images/icon-comments.png) no-repeat 10px 8px;
	}
	.item-metadata-cookingtime{
		background: url(images/icon-time.png) no-repeat 15px 13px #eee;
		color: #555;
		padding: 0 22px 0 0;
		width: 58px;
	}
	.item-metadata-cookingtime .time{
		padding: 10px 0 0 0;
	}
	.post-wrapper .item-metadata{
		margin-right: -10px;
		line-height: 32px;
	}
	
	/*** tags and share ***/
	.tags-bottomborder{
		margin: -11px 0 0;
	}
	.sharepost-bottomborder{
		margin: -11px 0 0;
	}
}
@media screen and (max-width:799px){
	.lister-list{
		width: auto !important;
	}
}
@media screen and (min-width:600px){

	#load-more a{
		margin: 0 auto;
	}
	
	#portfolio-item .part-body{
		margin: 0;
	}
	
	.post-inner{
		padding: 60px;
	}

	.item-title{
		font-size: 22px;
	}

	.post-wrapper .item-metadata{
		margin-right: -60px;
	}

	/*** tags/sharepost ***/
	.tags-wrapper,
	.sharepost-wrapper{
		text-align: left;
	}
	.tags-bottomborder,
	.sharepost-bottomborder{
		border-top: solid 1px #bbb;
		margin: -11px 0 0;
	}
	
	/*** forms ***/
	.nano-form form p{
		width: 48%;
	}
	.nano-form form .comment-form-comment{
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/*** item category ***/
	.item-cat{
		height: 43px;
		font-size: 14px;
		line-height: 43px;
		margin: 0px 0 7px -68px;
		padding-right: 20px;
	}
	.item .item-cat{
		margin: 62px 0 0 -7px;
	}
	
	.post-wrapper .item-cat {
		padding: 0 30px 0 68px;
		position: relative;
		top: -20px;
	}

	/*** posts-links ***/
	.posts-links{
		background-color: transparent;
		width: 48%;
	}
	.posts-links a{
	}

/* STRUCTURE BLOCKS */
	.s-half-left{
		float: left;
		width: 50%;
	}
	.s-half-right{
		float: right;
		width: 50%;
	}
	
}
@media screen and (min-width:800px){

/* GENERAL */

	body{
		line-height: 1.9;
	}

	h1{ font-size: 34px; }
	h2{ font-size: 26px; }
	h3, h4{ font-size: 19px; }

	.header-wrapper{
		position: fixed;
	}

	.entries{
		padding: 0 0 50px;
	}
	
	#custom-message{
		line-height: 1.7;
		padding: 25px 0;
	}
	#custom-message .msg1{
		padding: 25px 0 25px 50px;
	}

	.lister-list{
		padding: 0 120px 0 0;
	}
	.lister-list > .item{
		position: absolute;
	}

	/*** load more link ***/
	#load-more{
		position: absolute;
		top: 0;
		right: 35px;
		width: 80px;
		height: 80px;
	}
	#load-more a,
	.button{
		margin: 0;
		width: 80px;
		height: 80px;
	}

	.post-inner .content{
		margin-bottom: 70px;
	}
	
/* HEADER */

	.header-height{
		height: 44px;
	}
	
	/*** logo ***/
	.site-logo div{
		box-shadow: none;
		height: 170px;
		line-height: 170px;
		margin: 0;
	}

	/*** navigation ***/
	#nav{
		display: block !important;
		margin-left: 20px;
		text-align: left;
		height: 44px;
		float: left;
	}
	
	#nav > ul > li > a,
	#nav > ul > li{
		border: none;
		color: rgba( 255, 255, 255, 1 );
		display: block;
		float: left;
		transition: color 0.4s;
	}
	#nav > ul > li > a{
		font-size: 13px;
		height: 44px;
		line-height: 44px;
		padding: 0 20px;
		border-right: solid 1px #fff;
		border-right: solid 1px rgba( 255, 255, 255, 0.2 );
	}
	
	#nav > ul > li > a:hover,
	#nav > ul > li:hover{
		color: rgba( 255, 255, 255, 1 );
		transition: color 0.4s;
	}

	#nav > ul > li > a:hover{
		background-color: rgba( 0, 0, 0, 0.1 );
	}

	#nav .current-menu-item > a{
		background: rgba(0,0,0,0.1);
	}


	#nav .has-sub-menu{
		position: relative;
	}
	#nav .sub-menu{
		border: solid 1px #ddd !important;
		border-bottom: solid 1px #ccc !important;
		box-shadow: 4px 5px 6px rgba( 0, 0, 0, 0.1 );
		background: #fff;
		color: #222;
		border: none;
		margin: 0 0 0 102px;
		position: absolute;
		text-align: left;
		top: 44px;
		width: 190px;
		padding: 10px 0;
	}
	#nav .sub-menu li:hover{
		background: rgba(0,0,0,0.05);
	}

	#nav .sub-menu a{
		color: #555 !important;
		padding: 6px 22px;
		border-bottom:1px dotted #bcbcbc;
	}

	#nav > ul > li > .sub-menu{
		position: absolute;
		margin: -3px 0 0 -3px;
	}


/* SIDEBAR */

	#sidebar{
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
	}


/* POST TAGS */

	.tags-wrapper{
		margin-bottom: 70px;	
	}
	.tags-wrapper a{
		padding: 0 25px;
		height: 34px;
		line-height: 34px;
		margin: 0 22px 14px 0;
		border-radius: 3px;
	}
	.tags-bottomborder{
		margin: -15px 0 0;
		border-top: solid 1px #bbb;
	}


/* SHARE POST */

	.sharepost-wrapper{
		margin-bottom: 70px;	
	}
	.sharepost-wrapper a{
		padding: 0 25px;
		height: 34px;
		line-height: 34px;
		margin: 0 22px 14px 0;
		border-radius: 3px;
	}
	.sharepost-bottomborder{
		margin: -15px 0 0;
		border-top: solid 1px #aaa;
	}


/* POSTS LINKS */

	.posts-links{
		margin-left: 9px;
		width: 25px;
		height: 23px;
	}
	.posts-links.prev,
	.posts-links.next{ 
		float: right; 
	}


/* STRUCTURE BLOCKS */

	.s-visible-small{ display: none; }
	.s-visible-large{ display: block; }
	
	.s-wrapper{}
	
	.s-side-1{
		float: left;
		width: 255px;
	}
	.s-side-2{
		float: right;
		width: 255px;
	}
	
	.s-content-1{
		margin-left: 255px;
	}
	.s-content-2{
		margin-left: 255px;
		padding-left: 55px;
	}
	
	.s-post-1{
		max-width: 900px;
		margin-right: 50px;
	}
	
	.s-item{
		margin: 0 50px 50px 0;
		width: 340px;
	}
	
	.s-fullheight{
		height: 100%;
		overflow: hidden;
	}

}
@media screen and (min-width:998px){

	#nav a{
		padding: 6px 12px;
	}
	
	.post-main .post-media{
		position: relative;
	}
	
	.post-main .post-desc{
		float: right;
		width: 50%;
		font-size: 14px;
	}
	.post-main .post-desc-inner{
		padding-left: 30px;
	}
	.post-media.recipe{
		float: left;
		width: 50%;
	}
	.post-media-inner{
		padding: 11px;
	}
	.post-media.recipe img{
		border: solid 1px #ccc;
		padding: 10px;
		margin: -10px;
		max-width: 100%;
	}

/* INGREDIENTS */
	.ingredients{
		float: right;
		border-right: none;
		margin: 10px -60px 50px 50px;
		position: relative;
		width: 310px;
	}
	.ingredients-topborder{
		height: 8px;
		top: -8px;
	}
	.ingredients-title{
		font-size: 18px;
	}
	.ingredients-list li{
		font-size: 14px;
	}
	
}
@media screen and (min-width:1180px){

/* STRUCTURE BLOCKS */
	.s-item{
		width: 440px;
	}
	
}