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

/* FIRST: GET RID OF HOT PINK!!!! This color is probably temporary.
   These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection { background: #8c8; color:#fff; text-shadow: none; }
::selection { background:#8c8; color:#fff; text-shadow: none; }


@import url("../boilerplate/style.css"); /* this is where the reset gets done */

html {background: none transparent; }

@media screen and (max-device-width: 480px) { /* gonna do some stuff with this... */
   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

   body {
   text-align:left;
        background:#4a6182;
        color:#e2e3ea;
        margin:0;
        padding:0;
        border:0;
   			/* This removes the border around the viewport in old versions of IE */
        width:100%;
		 /* font-size:85%;  */        
}

/* FOR FANCYBOX 9/6/12 */

.fancybox-opened .fancybox-title { display: none; }


/* Thanks, jonikorpi.com, for this elegant solution to the Flash of Unstyled Content (FOUC):
----------------------------------------------- */

.wf-loading h1, 
.wf-loading h2, 
.wf-loading h3, 
.wf-loading p,  
.wf-loading blockquote, 
.wf-loading li {
    opacity: 0;
}

.ie.wf-loading h1, 
.ie.wf-loading h2, 
.ie.wf-loading h3, 
.ie.wf-loading p, 
.ie.wf-loading blockquote, 
.ie.wf-loading li {
    visibility: hidden; /* Old IE */
}


/* =Global -- some styles borrowed from Automattic's Twenty Eleven v. 1.3
----------------------------------------------- */

body, input, textarea {
	color: #eee;
	font: 15px "pragmatica-web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625em;
}
body {
	background: #4a6182;
}


small {
	font-style: italic;
}


/* Headings */

h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Links */
a {
	color: #f8e8a7;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
	color: #ff9;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}



/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =My stuff
----------------------------------------------- */

.wrapper {
	max-width: 1000px;
	width:80%;
	min-width: 300px;
	margin: 1em auto;
	clear:both;
}

#navigate {
	min-width:300px;
	width:100%;
	max-width:400px;
	margin:1em auto 0;
	text-align:center;
	float:center;
	clear:both:
}

#navigate ul {
	display: inline;
	margin: 0; 
}

#navigate ul li {
	display: inline;
	text-transform: uppercase;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding-left:0;
}

#navigate ul li+li {
    background: url('/imx/bullet5x5.png') no-repeat;
    background-position:0 0.5em;
    margin-left:1em;
    border:2px #f00;
}


#resumesubnav {
	min-width:300px;
	width:100%;
	margin:1em auto 0;
	text-align:center;
	float:center;
	clear:both:
}

#resumesubnav ul {
	display: inline;
	margin: 0; 
}

#resumesubnav ul li {
	display: inline;
	text-transform: uppercase;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding-left:0;
}

#resumesubnav ul li+li {
    background: url('/imx/bullet5x5.png') no-repeat;
    background-position:0 0.5em;
    margin-left:1em;
    border:2px #f00;
}

#masthead {
	background-image:url('/imx/tablet56x52.svg');
	background-repeat: no-repeat;
	padding-left:62px;
	margin:12px auto 0 !important;
	min-height:52px;
}

#masthead h1 {
	margin: 14px 0 0;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700;
	color:#fff;
}

#masthead h2 {
	margin: 12px 0 0;
	text-transform:uppercase;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 100;
	letter-spacing:1px;
	color:#89aae4;
}

.intro {
	background: #222f40;
	padding: .5em;
	font-size:large;
}

.intro p {
	margin: 0 0.5em 0.5em;
}

.intro li {
	margin-bottom: .75em !important;
}

p.subnavtemp {
	text-align:center;
	margin:5px auto;
}

.case-study h1 {
	margin: 14px 0 0;
	font-weight: 700;
	color:#fff;
	line-height: 150%;
	text-align:center;
}
.case-study h2 {
	background:#303f55;
	padding:.33em .5em .25em;
	font-family: "museo-sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	color: #89aae4;
	font-weight:500;
	font-size:20px;
}

.odd span {
	color: #89aae4;
	/* color: #e8d8a7; */
}
.even span {
	color: #89aae4;
	/* color: #d8a7d8; */
}

.case-study img, .sub img {
    margin: .5em auto;
	}

.sub .first {
	max-width:100%;
	clear:both;
}

.sub .wide {
	max-width:100%;
	margin:0 auto;
	clear:both;
}

#footer-wrap {
	background:#303f55;
	max-width: 1000px;
	width:80%;
	min-width: 300px;
	margin: 0 auto;
	padding-bottom:0;
	clear:both;
	position:relative;
	bottom:0px;
}
#footer-wrap p {
margin: 0 0.5em 0.5em;
}


div#elsewhere ul, div#elsewhere ol {
	display: inline;
	padding: 1em .33em 0 0;
	margin-top:1em;
}

div#elsewhere ul li, div#elsewhere ol li{
	display: inline;
    margin:.5em;
	text-transform: capitalize;
	font-family: "museo-sans", "Helvetica Narrow", "Helvetica Condensed", "Arial Narrow", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
}

/* Sub pages */


.sub ul, .sub ol {
	margin: 0; 
	padding: 0;
	list-style-position:outside;
	display: block;
}

.sub li {
	padding-left: 0;
	margin-left: 2em;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts div.featured-post {
		height: auto;
	}
	.page-template-showcase-php div.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	div.featured-post .attachment-small-feature,
	.one-column div.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	div.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column div.feature-image.small .entry-summary {
		height: auto;
	}
	div.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular divs */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	div.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > div,
	.commentlist .children > li.bypostauthor > div .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 div.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 div.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 div.recent-posts {
	margin-right: 7.6%;
}