/* @override 
	http://cultured.vicenteopaso.com/wp/wp-content/themes/cultured/stylesheets/page.css */

/* Foundation v2.2 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* Respectfully modified by GreyGoo Media http://greygoomedia.com */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Layout
:: Content
:: Sidebar
:: Media Queries
*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

	

/* -----------------------------------------
   Layout
----------------------------------------- */

	.row.page.content { padding-top: 30px; padding-bottom: 30px; } 
	.row.single.content { padding-top: 30px; } 
	.blog.content { float: left; clear: both; margin: 25px 0 0 0; width: 100%; line-height: 1.8 !important; }
	.blog.content p { line-height: 1.8 !important; }
	.blog.content .tags a { background: rgba(100, 100, 100, 0.6); color: #fff; padding: 5px 10px; float: left; margin: 5px 5px 0 0; border-radius: 3px; font-size: 11px; font-weight: 600; cursor: pointer; }
	.blog.content .tags a: hover { background: rgba(100, 100, 100, 0.8); color: #fff; padding: 5px 10px; float: left; margin: 5px 5px 0 0; border-radius: 3px; font-size: 11px; font-weight: 600; cursor: pointer; }
	.blog.content div#thumb { float: none !important; width: 100% !important; }
	.blog.content div#thumb img { float: none; margin-left: auto; margin-right: auto; }
	.blog.content div#blog-post { width: 100% !important; }
	
/* -----------------------------------------
   Content
----------------------------------------- */

	.blog-details { border-top: 1px solid #9d9d9c; border-bottom: 1px solid #9d9d9c; height: 78px; width: 100%; margin: 48px 0 0 0; }
	h2.white { font-weight: 400; margin-bottom: 80px; margin-top: -5px;}
	.blog-details .avatar { float: left; top: -1px; position: relative; z-index: 2; }
	.blog-details .blog.author  { float: left; width: 70%; margin: 20px 0 0 20px; color: #666; font-size: 14px; font-weight: 600; font-style: italic; }
	.blog-details .blog.details	{ float: left; width: 70%; margin: 10px 0 0 20px; color: #999; font-size: 12px; }
	.blog.timestamp { margin-top: -34px !important; }
	.blog.timestamp .month { font-size: 12px; font-weight: 700; margin: 0; padding: 0; line-height: 1; text-transform:uppercase; }
	.blog.timestamp .day   { font-size: 56px; font-weight: 700; margin: 0; padding: 0; line-height: 0.8; }
	div.blog.comments { float: left; width: 100%; }
	div.blog.comments img { float: left; clear: left; }
	div.blog.comments div.blog.comments.callout { border: 1px #858583 solid; width: 87%; float: left; margin: 0 0 0 1%; }
	div.blog.comments div.blog.comments.callout img.blog.comments.callout { float: left; margin-top: -1px; margin-left: -24px; }
	div.blog.comments div.blog.comments.callout .comment.author { float: left; width: 92%; margin: 8px 0 0 15px; color: #3f3f3f; font-size: 14px; font-weight: 600; font-style: italic; }
	div.blog.comments div.blog.comments.callout .comment.timestamp { float: left; width: 92%; margin: 0 0 0 15px; color: #a3a3a3; font-size: 12px; }
	div.blog.comments div.blog.comments.callout .comment.content { float: left; width: 92%; margin: 10px 0 15px 15px; color: #5c5c5c; font-size: 12px; }
		
/* -----------------------------------------
   Portfolio specific styles
----------------------------------------- */


/* -----------------------------------------
   Media Queries
----------------------------------------- */
	
	@media only screen and (max-width: 980px) {
		.blog.timestamp { padding: 5px 0 0 0; margin-top: -59px !important; }
		div.blog.comments div.blog.comments.callout { width: 83%; }
		.three.columns.sidebar .sidebar.content.search form.nice input#search { width: 97%; text-align: center; margin: 0 0 10px 0; }
		.three.columns.sidebar .sidebar.content.search form.nice input.button { width: 100%; }
	}
	@media only screen and (max-width: 767px) {
		div.blog-details { text-align: left !important; }
		p.blog.author { margin-top: 7px !important; padding-top: 0px; width: 60% !important; }
		p.blog.details { text-align: left !important; width: 60% !important; }
		.blog.timestamp { display: none; }
		div.blog.comments { text-align: left !important; }
		div.blog.comments div.blog.comments.callout { width: 86%; }
		.three.columns.sidebar { padding-top: 20px; }
		.three.columns.sidebar .sidebar.content.search { padding: 20px 0 0 0; border-top: 1px solid #666; margin-top: 15px; }
		.three.columns.sidebar .sidebar.content.search form.nice input#search { width: 99.2%; text-align: center; margin: 0 0 10px 0; }
		.three.columns.sidebar .sidebar.content.search form.nice input.button { width: 100%; }
		.three.columns.sidebar .sidebar.content.tags { float: left; width: 100%; }
		.three.columns.sidebar .sidebar.content.form form.nice #name { width: 99.2%; }
		.three.columns.sidebar .sidebar.content.form form.nice #email { width: 99.2%; }
	}
	@media only screen and (max-width: 660px) {
		div.blog.comments div.blog.comments.callout { width: 84%; }
	}
	@media only screen and (max-width: 575px) {
		div.blog.comments div.blog.comments.callout { width: 80%; }
	}
	@media only screen and (max-width: 520px) {
		h2.white { font-size: 24px; margin-top: -10px; }
		body { background: url(../images/backgrounds/green-dotted-top.png) repeat-x center -165px; }
	}
	@media only screen and (max-width: 465px) {
		div.blog.comments div.blog.comments.callout { width: 75%; }
	}