html {
	  -webkit-text-size-adjust: 100%;
}

/*---RETINA GRAPHICS---*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
}


/*---RESPONSIVE QUERIES---*/

@media ( max-width : 1045px ) {
	
}
@media ( max-width : 1020px ) {
	.span_content { 
		width: 62%;
	}

}

@media ( max-width : 920px ) {
	.topbar .search-form {
		width: 120px;
	}
	#main_nav ul {
		font-size: 11px;
		letter-spacing: .02em;
	}

	#main_nav a {
		padding: 0 10px;
	}
}

@media ( min-width : 800px ) and ( max-width : 975px ) {

	
}

@media ( min-width : 800px ) and ( max-width : 900px ) {
	.span_content { 
		width: 59%;
	}
	
}
@media ( max-width : 800px ) {
	.topbar {
		display: none;
	}
	.header {
		margin: 35px 0 20px;
	}
	.header .logo {
		margin: 0;
		text-align: center;
		float: none;
		width: 100%;
	}
	.header .tagline {
		text-align: center;
		padding-left: 195px;
	}
	.header .social {
		display: none;
	}
	.hideonmobile {
		display: none;
	}
}
@media ( max-width : 450px ) {
	.archiveslist      {
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		column-count: 2;
		column-gap: 10px; }
}

@media ( max-width : 800px ) {
	#content                 {
		float: none;
		width: 100%;
		max-width: auto; }
	.sidebar {
		clear: both;
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0;
		padding-top: 45px;
		border-top: 1px solid #eceded;
	}
	.topsidebar, .midsidebar, .lowersidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 300px;
	}
	.footernav       {
		width: 100%;
		float: none;
		font-size: 14px;
		text-align: center;
		line-height: 1.4;
		padding: 0px 0 10px;
		 }
	.copyright               {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0;
		font-size: 90%;
		 }
}
@media ( max-width : 725px ) {
	.footerwidgets .subscribe .sub {
		float: none;
		text-align: center;
		width: 100%;
		margin-right: 0%;
	}
		.footerwidgets .subscribe h3 {
			text-align: center;
			display: inline-block;
		}
		.footerwidgets .subscribe p {
			text-align: center;
			display: inline-block;
		}
	.footerwidgets .subscribe .emailform {
		width: 100%;
		display: block;
		float: none;
		clear: both;
		margin: 10px 0;
	}
	.footerwidgets .subscribe .social {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		margin: 12px 0 0 0;
		clear: both;
	}
}
@media ( max-width : 650px ) {
	#topsidebar {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	#midsidebar {
		float: none;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	#lowersidebar {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	#socialshare {
		display: none;
	}
	.footerwidgets {
		text-align: center;
	}
	.footerwidgets .footerwidget {
		width: 100%;
		margin: 0 auto 30px;
		clear: both;
		float: none;
	}
	.footerwidgets .footerwidget.featuredposts {
		clear: both;
		float: none;
		margin: 0 auto 30px;
		max-width: auto;
		width: 100%;
	}
}

@media ( max-width : 600px ) {
	.innerpostads .widget {
		width: 100%;
		min-width: auto;
		float: none;
	}
	.innerpostads .widget.subscribe {
		width: 100%;
		margin-left: 0;
		min-width: auto;
	}
	
	}
@media ( min-width : 525px ) and ( max-width : 725px ), ( min-width : 800px ) and ( max-width : 1020px ) {	
	.archives .archivepost {
		width: 23.5%;
		float: left;	
		clear: none !important;
		margin-right: 2% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.archivepost:nth-of-type(4n) {
		margin-right: 0 !important;
	}
	.archivepost:nth-child(4n+1) {
		clear: both !important;
	}
	
	.relatedposts .archives .archivepost:nth-child(5n) {
		display: none;
	}

	
}
@media ( max-width : 525px ) {
	.post .more {
		text-align: center;
	}
	.teaserpost {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.teaserpost h2.posttitle {
		
	}
	.archives .archivepost {
		width: 32%;
		float: left;	
		clear: none !important;
		margin-right: 2% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.archivepost:nth-of-type(3n) {
		margin-right: 0 !important;
	}
	.archivepost:nth-child(3n+1) {
		clear: both !important;
	}
	
		.relatedposts .archives .archivepost {
			width: 23.5%;
			float: left;	
			clear: none !important;
			margin-right: 2% !important;
			margin-bottom: 15px;
			text-align: center;
		}
		.relatedposts .archivepost:nth-of-type(4n) {
			margin-right: 0 !important;
		}
		.relatedposts .archivepost:nth-child(5) {
			display: none;
		}

	.metabottom {
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
		padding: 10px 0;
		margin: 20px 0;
	}
	.metabottom .left {
		width: 100%;
		float: none;
		text-align: center;
		padding: 0 0 5px;
	}
	.metabottom .right {
		width: 100%;
		float: none;
		text-align: center;
		padding: 0;
	}
	.footerwidgets .featuredposts .item, .footerwidgets .popular-posts .item {
		width: 23.5%;
		margin-right: 2%;
		float: left;
	}
	.footerwidgets .featuredposts .item:nth-child(5), .footerwidgets .popular-posts .item:nth-child(5) {
		display: none;
	}
	.footerwidgets .featuredposts .item:nth-child(4n), .footerwidgets .popular-posts .item:nth-child(4n) {
		margin-right: 0;
	}
	
}

@media ( max-width : 445px ) {

	.teaser-post {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 40px;
		float: none;
	}
	
	.recipe .ingredients {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
		float: none;
	}
	.recipe .directions {
		width: 100%;
		margin-right: 0;
		float: none;
		margin: 25px 0;
	}
	
}
@media ( max-width : 425px ) {

	.printbutton         {
		width: auto;
		float: none;
		clear: both;
		margin: 0;
		padding: 0 0 15px;
		text-align: left; }
	.printbutton a {
		width: auto;
		margin: 0 15px 0 0;
		font-size: 11px;
	}
	.printbutton a:before {
		display: inline-block;
	}
	
	#commentlist li .avatar {
		display: none;
	}
	#commentlist li {
		padding: 20px; }
		
	.footernav {
		font-size: 14px;
	}
	.footernav li.backtotop {
		display: block;
		text-align: center;
		margin: 15px 0 25px;
	}
		.footernav li.backtotop a {
			color: #fff;
			font-size: 13px;
			font-family: "source_sans_pro", Arial, Helvetica, Geneva, sans-serif;
			font-weight: bold;
			line-height: 15px;
			background-color: #a43776;
			text-transform: uppercase;
			letter-spacing: .08em;
			cursor: pointer;
			padding: 10px 15px 8px;
			border-style: none;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out
			    }
		.footernav li.backtotop a:hover        {
			background-color: #c887ad }

	.archives .archivepost {
		width: 48%;
		float: left;	
		clear: none !important;
		margin-right: 4% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.archivepost:nth-of-type(2n) {
		margin-right: 0 !important;
	}
	.archivepost:nth-child(2n+1) {
		clear: both !important;
	}
	
	.relatedposts .archives .archivepost {
		width: 48%;
		float: left;	
		clear: none !important;
		margin-right: 4% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.relatedposts .archivepost:nth-of-type(2n) {
		margin-right: 0 !important;
	}
	.relatedposts .archivepost:nth-child(5) {
		display: none;
	}
	
	.relatedposts .archives .archivepost:nth-child(5n) {
		display: none;
	}
	
	.teaserpost .postthumb {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.teaserpost .postcontent {
		float: none;
		width: 100%;
		padding: 0;
	}
	

}