/*
================================================================================
Haystack Theme Styles
================================================================================
AUTHOR: Christian Wach <needle@haystack.co.uk>
--------------------------------------------------------------------------------
NOTES

--------------------------------------------------------------------------------
*/




/* 
--------------------------------------------------------------------------------
Fonts 
--------------------------------------------------------------------------------
*/




/* 
--------------------------------------------------------------------------------
Stylistic regularity 
--------------------------------------------------------------------------------
*/

body
{
	color: #000; 
	background: #9B988F url("../images/crop_repeat.jpg") bottom left repeat-x;
}

body .site 
{
	background: #DDDCD9 url("../images/crop_faded_repeat.jpg") bottom left repeat-x;
	margin-bottom: 35px;
	margin-bottom: 2.5rem;
	padding: 0;
}

.site-header
{
	padding: 0;
}

.site-header > hgroup
{
	background: #7D5E31 url("../images/hay_pattern.jpg") bottom left;
	padding: 21px 24px 0 24px;
	padding: 1.5rem 1.714285714rem 0 1.714285714rem;
	height: 70px;
}

.site-header h1.site-title
{
	width: 448px;
	height: 32px;
	background: transparent url("../images/haystack_logo_large.png") top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

.site-header h2.site-description
{
	color: #fff;
	font-weight: 400;
	/*text-transform: uppercase;*/
}

/* we always want proportionally sized images, whatever the width */
.entry-content img, 
.comment-content img, 
.widget img
{
	height: auto !important;
}

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

	.site-header h1.site-title
	{
		margin: 0;
	}
	
	.main-navigation
	{
		margin-top: 0;
	}
	
	.main-navigation .nav-menu ul li,
	.main-navigation .menu-haystack-container ul li
	{
		margin-left: 40px;
		margin-left: 2.857142857rem;
	}

	.site-content
	{
		margin-left: 24px;
		margin-left: 1.714285714rem;
	}
	
}

.site-content article
{
	background: #fff;
	padding: 24px;
	padding: 1.714285714rem;
	border: 1px solid #ddd;
}

body.blog .site-content nav
{
	margin-bottom: 28px;
	margin-bottom: 2rem;
}

img.no-decoration
{
	border: none;
	border-radius: 0;
	box-shadow: none;
}

a
{
	color: #312F84;
}




/* 
--------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------
*/

#colophon
{
	display: none;
}