/*
Theme Name: dev
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: dev
Domain Path: /languages/
Tags:

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.

 dev is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/* --------------
   GENERAL STYLES
   -------------- */

body
{
	background: #f0f0f0;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	color: #1d1d14;
}


p
{
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.5em;
}


h1
{
	font-size: 1em;
	font-weight: 600;
	float: left;
}

h3
{
	margin: 2.5em 0 1em 0;	
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
}

h3:first-child
{
	margin: 0 0 1em 0;
}

h5
{
	margin: 0;	
	font-size: 0.625em; /* 10px / 16px */
	font-weight: 400;
	line-height: 2.1em; /* 21px / 10px */
	text-transform: uppercase;
	color: #1d1d14;
	opacity: 0.95;
}

hr
{
	border: 0;
	height: 1px;
	background: #c6c0c6;
}

nav ul
{
	float: right;
	list-style-type: none;
}

nav li
{
	padding-left: 1em;
	font-size: 0.875em;
	float: left;
}

img.logo
{
	margin: 0 auto;
	display: block;
}

img.symbol
{
	margin: 0;
	width: 3em;
	height: 3em;
}

img.about-symbol
{
	margin: 0;
	width: 2.5em;
	height: 2.5em;
}

section.main, section.project-archive, article
{
	margin: 1.5em auto;
	max-width: 460px;
}

header
{
	margin: 0;
	padding: 0;
	width: 100%;
}

nav
{
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

nav ul
{
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
}

nav li
{
	padding-left: 1em;
	font-size: 0.875em;
	float: left;
}


header.feature
{
	margin: 2em 0 1em 0;
}


footer
{
	margin: 3em 0 0 0;
	padding: 0;
	width: 100%;
}

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

	#container
	{
		margin: 10px auto;
	}


	/* HEADER > 640px */

	header.main
	{
		margin: 0 auto;
		height: 2.5em;
		line-height: 2.5em;
		position: relative;
		z-index: 2;
	}


	/* FEATURE > 640px */

	section.feature
	{
		margin: 0 auto;
		padding: 0;
		width: 100%;

	}

	header.feature
	{
		margin: 2em 0 1em 0;
	}

	section.feature-main
	{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 480px;
		background: #c6c0c6;

	}


	/* FOOTER > 640px */

	section.about, section.contact, section.legal
	{
		margin: 1.5em auto;
		max-width: 460px;
	}

}


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

	#container
	{
		width: 98%;
		min-width: 780px;
		max-width: 960px; /* 780px (960px w/feature) */
	}	

	header.main
	{
		width: 780px;
	}

	img.side
	{
		margin-top: -1.8em;
		margin-left: -4.25em;
		padding-bottom: 1em;
		float: left;
		text-align: right;
	}

	section.project-info
	{
		margin-left: -160px;
		padding-bottom: 1em;
		width: 140px;
		float: left;
		text-align: right;
	}


	section.project-info h5.first
	{
		margin: 1.4em 0 0 0; /* 14px / 10px */
	}

	section.project-info ul
	{
		margin: 0;
		list-style-type: none;
	}

	section.project-info p, section.project-info li
	{
		margin: 0;
		font-size: 0.75em; /* 12px / 16px */
		line-height: 1.75em; /* 21px / 12px */
		font-weight: 400;
		float: none;
	}

	section.project-content, section.project-summary
	{
		padding-top: 1.8em;
	}


	/* FOOTER > 780px */

	footer.main
	{
		width: 780px;
	}

	aside.about-symbol
	{
		margin: 18px 0 0 -74px;
		padding: 0.25em;
		width: 48px;
		height: 48px;
		float: left;
		text-align: right;
	}

}

@media screen and (min-width: 640px) and (max-width: 780px)
{

	#container
	{
		width: 98%;
		min-width: 640px;
		max-width: 780px;
	}

	header.main
	{
		width: 100%;
	}

	footer.main
	{
		width: 100%;
	}

}

@media screen and (max-width: 780px)
{

	article.project-summary
	{
		margin-bottom: 4em;
		text-align: center;
	}

	article.project-summary h3
	{
		margin: 0;
		font-size: 1.5em; /* 16px / 16px */
	}

	img.side
	{
		margin: 0 auto;
		padding-bottom: 0.5em;
		display: block;
	}	

	section.project-info
	{
		margin: 0 0 1em 0;
		width: 100%;
		float: left;
		text-align: center;
	}

	section.project-info h5
	{
		margin: 1.4em 0 0 0; /* 14px / 10px */
	}

	section.project-info h5.first
	{
		margin: 1.0em 0 0 0; /* 10px / 10px */
	}

	section.project-info ul
	{
		margin: 0 auto;
		padding: 0;
		height: 1.5em;
		float: none;
		text-align: center;
	}

	section.project-info p, p.small, section.project-info li
	{
		margin: 0;
		font-size: 0.75em; /* 12px / 16px */
		line-height: 1.75em; /* 21px / 12px */
		font-weight: 400;
	}

	section.project-info li
	{
		padding: 0 0.5em;
		display: inline-block;
		float: none;
		background: #969096;
	}



	/* FOOTER < 780px */

	aside.about-symbol
	{
		margin: 21px 0 -14px 0;
		width: 100%;
		height: 48px;
		text-align: center;
	}
}

@media screen and (max-width: 640px)
{
	#container
	{
		margin: 10px auto;
		/*width: 96%;*/
	}

	header.main
	{
		margin: 0;
		width: 100%;
		height: 2.5em;
	}

	h1
	{
		font-size: 1em;
		font-weight: 600;
		float: left;
	}

	nav ul
	{
		float: right;
		display: none;
	}

	nav ul li
	{
		padding-left: 1em;
		font-size: 0.875em;
		float: left;
	}

	section.feature
	{
		margin: 0;
		padding: 0;
		width: 100%;
		background: #c6c0c6;
	}


}





