/*
Theme Name: Six Days
Theme URI: http://www.gohlke.net/six-days
Author: Jason Gohlke
Author URI: http://gohlke.net/
Description: Six Days is a custom child theme developed for Jason Gohlke's web portfolio between January 25th and January 31st, 2012. Not quite, but close enough. The awesome Boilerplate-Starkers mashup by Aaron T. Grogg is the parent theme.
Template: boilerplate
Version: 0.9b
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, custom-theme, responsive, portfolio

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.
*/

.odd {
	float: left;
	width: 48%;
}

.even {
	float: right;
	width: 48%;
}

#masthead {
	background-image:url('/imx/640plus.svg');
	background-repeat: no-repeat;
	padding-left:76px;
	margin:12px auto 0 !important;
	min-height:60px;
	max-width:300px!important;
}

#masthead h1 {
	font-size:36px;
}

#masthead h2 {
	font-size:22px;
	letter-spacing:4px;
}


#navigate ul {
	display: inline;
	padding: 1em .33em 0 0;
	margin-top:1em;
}

#navigate ul li {
	display: inline;
    margin:.5em !important;
	text-transform: uppercase;
	font-family: "museo-sans", "Helvetica Narrow", "Helvetica Condensed", "Arial Narrow", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 900;
}

#navigate ul li+li {
    background: url('/imx/bullet.png') no-repeat !important;
    background-position: 0 .3em !important;
    padding-left: 1.5em !important;
}

#resumesubnav ul {
	display: inline;
	padding: 1em .33em 0 0;
	margin-top:1em;
}

#resumesubnav ul li {
	display: inline;
    margin:.5em !important;
	text-transform: uppercase;
	font-family: "museo-sans", "Helvetica Narrow", "Helvetica Condensed", "Arial Narrow", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
}

#resumesubnav ul li+li {
    background: url('/imx/bullet.png') no-repeat !important;
    background-position: 0 .3em !important;
    padding-left: 1.5em !important;
}

#resumesubnav { width:100% !important; }

.intro {
	padding: 1em !important;
	font-size:large;
	max-width:800px;
	margin: 1em auto 0 !important;
}

img.gallery {
	float:left;
	margin: 1em;
}

.wide {
	text-align:center;
	max-width:100%;
	margin:0 auto;
}

@media (max-width: 1000px) { #backbar {
	width:512px !important;
	height:128px !important;
	margin:0 auto;
}
}


@media (min-width: 1000px) { #backbar {
	width:800px !important;
	height:200px !important;
	margin:0 auto;
}
}


@media (max-width: 705px) {
	.case-study h2 {
		font-size:15px;
	}
}

@media (max-width: 820px) {
	img.feature {
	    display: block;
    	margin: .5em auto;
	}
	.sub p, .sub ol, .sub ul {
		clear:both;
	}
	.sub li {
		margin-left:4em;
	}
}

@media (min-width: 820px) {
	.odd img.feature {
		float:left;
		margin: 0 1em 1em 0;
	}

	.even img.feature {
		float:right;
		margin: 0 0 1em 1em;
	}

	.first img.feature {
		float:left;
		margin: 5px 1em 1em 0;
	}

	.sub li {
		margin: 0 0 0 250px;
	}

}