/*
Theme Name: Blogsonry
Author: Mark Root-Wiley / MRW Web Design
Author URI: http://MRWweb.com
Description: A child theme of Twenty Thirteen with a masonry layout on blog and archive pages and updates Twenty Thireen to Masonry 3 while we're at it. Development partially sponsored by FoodCorps!
Version: 1.0.0
Template: twentythirteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: blogsonry

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/****************************************************************
 * Minor Layout Tweaks
 ****************************************************************/

/* Masonry Layout */
@media screen and (min-width:601px) {
	.masonry .site-content {
		margin: 30px;
	}
}
.masonry .site-content article {
	float: left;
	width: 100%;
	min-width: 275px;
	margin: 0;
	padding: 2rem;
}
@media screen and (min-width:601px) {
	.masonry .site-content article {
		width: 47%;
		margin: 0 1.5% 20px;
	}
}
@media screen and (min-width:1000px) {
	.masonry .site-content article {
		width: 30.3%;
		margin-bottom: 40px;
	}
}

/****************************************************************
 * Minor Styling Tweaks
 ****************************************************************/
/* Give white bg boxes some definition*/
.masonry .site-content article {
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
	.masonry .format-aside:first-of-type,
	.masonry .format-link:first-of-type,
	.masonry .format-aside + .format-aside,
	.masonry .format-aside + .format-link,
	.masonry .format-link + .format-aside { /* weird exceptions */
		box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2),
					0 0 3px rgba(0,0,0,.3);
	}

/* Tame the font-size*/
.masonry .site-content .entry-title {
	font-size: 24px;
	word-break: break-word; /* handle long words in title */
}

/* Set explicit background on white bg posts & widgets */
.format-standard,
.format-image,
.format-link,
.format-aside,
.widget,
.comment-respond {
	background-color: #fff;
}

/* Self-explanatory? */
.archive-header,
.paging-navigation {
	margin-bottom: 30px;
}

/* Negative margins? Not so much here. */
.masonry .entry-content img.alignleft,
.masonry .entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.masonry .entry-content img.alignright,
.masonry .entry-content .wp-caption.alignright {
	margin-right: 0;
}

/* Allow entry-* in widgets to not bork */
.sidebar .widget .entry-header,
.sidebar .widget .entry-content,
.sidebar .widget .entry-summary,
.sidebar .widget .entry-meta {
	padding: 0;
}

/* Clearing Stuff */
.paging-navigation {
	clear: both;
}
.masonry .site-content:before {
	clear: both;
}
.masonry .site-content:before,
.masonry .site-content:after {
	content: "";
	display: table;
}