/*
	Three Furies :: style.css
	----------------------------------------------------------
	By Adam Snetman
	Based on HTML5 Reset by Tim Murtaugh
		
-------------------------------------------------------------------------------*/

/* Reset Styles
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects*/
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}


input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}


select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 80%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* image replacement */
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/* Start styles
-------------------------------------------------------------------------------*/

body {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 130%;
    background-color: #e5e3e0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Default text color */
body, select, input, textarea {color: #796d65;}

a {color: #502d7f; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Custom text-selection */
::-moz-selection{background: #e5e3e0; text-shadow: none;}
::selection {background: #e5e3e0; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #e5e3e0;} 


/* Base styles
-------------------------------------------------- */

h1 {
	font-size: 1.125em;
	font-weight: 700;
	font-style: italic;
	line-height: 120%;
	margin-bottom: 1em;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	font-style: normal;
	line-height: 120%;
	margin-bottom: 1.25em;
	color: #502d7f;
}
p + h2, ul + h2, ol + h2, blockquote + h2 {
	margin-top: 2.5em;
}
h3 {
	font-size: 1em;
	font-weight: 700;
	font-style: normal;
	}
h4 {
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
	}
p {
	margin-bottom: 1.3em;
	}
ul {
	list-style: circle;
	padding-left: 1.2em;
	margin-bottom: 1.3em;
	}
ol	{
	padding-left: 1.3em;
	margin-bottom: 1.3em;
	}
li {
	margin-bottom: .5em;
	}
blockquote {
	padding: 0 .75em;
	border-left: 3px solid #e5e3e0;
	font-style: italic;
}
strong {
	font-weight: 700;
}

/* Form
------------------------- */

form {
	margin-bottom: 1.4em;
	}
form fieldset {
	margin: 1.4em 0 0 0;
	font-size: 1em;
	}
form fieldset:first-child {
	margin-top: 0;
}
form fieldset.form-actions {
	margin: 0;
	}
form fieldset label {
	display: block;
	margin: 0 0 .35em 0;
	font-weight: 700;
	}
form fieldset.check label {
	display: inline;
	font-weight: normal;
	}
form fieldset.radio ul li label {
	display: inline;
	font-weight: normal;
	line-height: 130%;
	}
form fieldset input.form-text,
form fieldset textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: .5em 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	line-height: 130%;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
form fieldset input.form-text:focus {
	border: 1px solid #ccc;
	background: #fff;
	}
form fieldset textarea {
	height: 10em;
	}
form fieldset select {
	min-width: 25%;
	margin: 0;
	}
form fieldset.radio ul {
	margin-top: .35em;
	list-style: none;
	padding-left: 0;
	}
form fieldset.radio ul li {
	margin: 0 0 .35em 0;
	}
form fieldset.radio ul li:last-child {
	margin: 0;
	}
form input[type="submit"] {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: .5em 1em;
	font-size: 85%;	
	font-weight: bold;
	border: none;
	background: #502d7f;
	color: #e5e3e0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	color: #fff;
	}
form input[type="submit"]:active {
	color: #fff;
	}				
.form-message {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 130%;
	display: block;
	margin: .5em 0 0 0;
	clear: both;
	}
.form-message.help {
	color: #796d65;
	}
.form-message.error {
	color: #f00;
	}
.form-message.success {
	color: #502d7f;
	}

/* Links as buttons
------------------------- */

a.btn {
	font-family: Helvetica, Arial, sans-serif;
	display: inline-block;
	margin: 0;
	padding: .5em 1em;
	font-size: 85%;	
	font-weight: bold;
	border: none;
	background: #796d65;
	color: #e5e3e0;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	}
a.btn:hover {
	text-decoration: none;
	color: #fff;
}
a.btn.small {
	font-size: 70%;
	padding: 0 .5em;
}
a.btn.match-twitter {
	position: relative;
	background-color: #F8F8F8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#DEDEDE));
	background-image: -moz-linear-gradient(top,white,#DEDEDE);
	background-image: -o-linear-gradient(top,white,#DEDEDE);
	background-image: -ms-linear-gradient(top,white,#DEDEDE);
	background-image: linear-gradient(top,white,#DEDEDE);
	border: #CCC solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
	line-height: 18px;	
}

/* Layout styles
-------------------------------------------------- */

.site-wrapper {
	position: relative;
	max-width: 60em;
	margin: 0 auto;
	background-color: #fff;
	}

/* Site header
------------------------- */

#site-header {
	position: relative;
	padding: 2em 1.25em;
	}

/* Site navigation
------------------------- */

#site-nav {
	background-color: #e5e3e0;
	box-sizing: border-box;
	position: relative;
	padding-bottom: 2.25em;
}

/* Page title
------------------------- */

#title {
	box-sizing: border-box;
	padding: 0 1.25em 2.5em;
	border-bottom: 10px solid #e5e3e0;
	margin-bottom: 2.5em;
}
#title > h1 {
	margin-bottom: 0;
}

/* Site content
------------------------- */

.content {
	box-sizing: border-box;
	padding: 0 1.25em 2.5em;
	}
/* Make sure they clear */
.content:before, .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.content:after { clear: both; }  
.content { zoom: 1; }  

.main {
	box-sizing: border-box;
}
.sidebar {
	padding-top: 2em;
	box-sizing: border-box;
}

/* Columns
------------------------- */

/* These are used on the homepage */

.col-3 .column {
	padding-top: 2em; /* Padding to be removed for larger layouts */
	}
.col-3 > .column:first-child {
	padding-top: 0;
}
	
/* Footer
-------------------------------------------------- */

#site-footer {
	background-color: #e5e3e0;
	padding: 1em 1.25em 2em;
}
/* Make sure they clear */
#site-footer:before, #site-footer:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#site-footer:after { clear: both; }  
#site-footer { zoom: 1; }  

/* Module styles
-------------------------------------------------- */

/* Logo
------------------------- */

#logo {
	font-size: 1em;
	width: 15.625em; /* 250px @ 16px font-size */
	height: 4.1875em; /* 67px @ 16px font-size */
	background: #fff url(../img/3f-logo-sm-2x.png) top left no-repeat;
	background-size: 100%;
	position: relative;
	left: -4px;
	}
#logo > a {
	display: block;
	height: 100%;
	width: 100%;
	}


/* Intro
------------------------- */
.intro {
	padding-bottom: 1.3em;
}
.intro > p {
	font-weight: 700;
}

/* Headshots
------------------------- */

.headshot {
	margin: 0 0 1.5em;
	position: relative;
	max-width: 17.5em; /* 280px @ 16px font-size */
	}
	
/* The image */

.headshot-img {
	margin: 0;
	padding: 0;
	}
.headshot-img img {
	display: block;
	margin: 0;
	padding: 0;
	}

/* The caption */

.headshot-caption {
	box-sizing: border-box;
	width: 100%;
	padding: .5em 0 0 0;
	position: relative;
	bottom: 0;
	left: 0;
	}
.headshot-name {
	font-weight: 700;
	line-height: 130%;
	margin: 0;
	padding: 0;
	}
.headshot-title {
	display: block;
	font-style: italic;
	font-weight: 400;
	line-height: 130%;
	margin: 0;
	padding: 0;
	}

/* Headshots in a grid */

.headshot-grid {
	list-style: none;
	padding: 0;
	}
.headshot-grid .headshot {
	display: block;
	}
.headshot-grid .headshot-caption {
	padding: .5em .5em .65em;
	border-top: 1px solid #fff;
	background-color: rgb(229,227,224);
	/* no background color? */
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	}

/* Make sure they clear */
.headshot-grid:before, .headshot-grid:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.headshot-grid:after { clear: both; }  
.headshot-grid { zoom: 1; }  

/* State changes */


/* Pod
------------------------- */
.pod-title {
	margin-bottom: .75em;
}
.pod-module {
	padding-bottom: 1.3em;
}
.pod-module > ul {
	margin-bottom: 0;
}
.pod-module ul + ul {
	margin-top: .65em;
}
.pod-module > ul li {
	margin-bottom: 0;
}
.pod-module > p {
	margin-bottom: 0;
}
.pod-module p + p {
	margin-top: .65em;
}
.pod-module > form {
	margin-bottom: 0;
}
.pod-narrow .pod-module {
	font-size: .85em;
	line-height: 130%;
}
.pod-module > ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pod-module > ul.nav .current a {
	color: #796d65;
}

/* Bio
------------------------- */

.bio {
	position: relative;
	}
.bio > header {
	margin-bottom: 1.3em;
	}
.bio .name {
	margin-bottom: 0;
	}
.bio .title {
	font-style: italic;
	margin: 0;
	}	


/* Social links
------------------------- */

.social {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.social > li {
	display: inline-block;
	margin-left: 5px;
	}
.social > li:first-child {
	margin-left: 0;
	}

/* Icons
------------------------- */

.ico {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	}
.ico-24 {
	height: 24px;
	width: 24px;
	background-image: url(../img/icons-24px.png);
	}
.ico-32 {
	height: 32px;
	width: 32px;
	background-image: url(../img/icons-32px.png);
	}
.ico-36 {
	height: 36px;
	width: 36px;
	background-image: url(../img/icons-36px.png);
	}
.ico-24.ico-twitter {
	background-position: 0 0;
	}
.ico-24.ico-linkedin {
	background-position: -24px 0;
	}
.ico-24.ico-rss {
	background-position: -48px 0;
	}
.ico-32.ico-twitter {
	background-position: 0 0;
	}
.ico-32.ico-linkedin {
	background-position: -32px 0;
	}
.ico-32.ico-rss {
	background-position: -64px 0;
	}
.ico-36.ico-twitter {
	background-position: 0 0;
	}
.ico-36.ico-linkedin {
	background-position: -36px 0;
	}
.ico-36.ico-rss {
	background-position: -72px 0;
	}


/* Blog posts
------------------------- */

.post {
	margin-bottom: 2.6em;
	padding-bottom: 1.3em;
	border-bottom: 1px dashed #796d65;
}
.post-header {
	margin-bottom: 1.3em;
}
.post-title {
	margin-bottom: 0;
}
.post-date {
	margin-bottom: 0;
	font-style: italic;
}

/* Post images */

.post-img {
	margin-bottom: 1.3em;
}
.post img {
	display: block;
}

/* Footer info */

.post-footer {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
}
.post-author {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 130%;	
	margin-bottom: 0;
}
.post-tags {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 130%;	
	list-style: none;
	padding: 0;
	margin: 0;
}
.post-tags li {
	margin-bottom: 0;
	display: inline;
}
.post-tags li:after {
	content: ", ";
}
.post-tags li:last-child:after {
	content: "";
}

/* Share buttons */
.post-share {
	display: block;
	clear: both;
	padding-top: 1.3em;
}
.post-share > ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}
.post-share > ul li {
	display: inline-block;
	padding-right: .5em;
}

/* More link */

.post .more {
	/*font-family: Helvetica, Arial, sans-serif;
	font-size: 85%; */
	}


/* For excerpts on the homepage */

.excerpt .post-header {
	margin-bottom: 0;
}
.excerpt .post-header > h1 {
	font-size: 1em;
}
.post.excerpt {
	border-bottom-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


/* Pagination
------------------------- */
.paging {
	/* styles for the paging region here */
}
.paging > .paging-buttons {
	float: right;
}
.paging > .folio {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	line-height: 2.25em;
}

/* Search results
------------------------- */

.search-results {
	list-style: none;
	padding-left: 0;
	border-top: 1px dashed #796d65;
}
.search-results > li {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	border-bottom: 1px dashed #796d65;
}
.result-title {
	margin-bottom: 0;
}
.result-excerpt {
	margin-bottom: .65em;
}
.result-url {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	margin-bottom: 0;
}

/* Main navigation
-------------------------------------------------- */

/* Main nav */

.main-nav {
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
	border-bottom: 1px solid #796d65;
}
.main-nav > li {
	margin: 0;
	background-color:#e5e3e0;
	border-top: 1px solid #796d65; 
}
.main-nav a {
	display: block;
	padding: .5em 1.25em;
	color: #796d65;
	background: transparent url(../img/nav-arrow-2x.png) right 50% no-repeat;
	background-size: 36px 20px;
}
.main-nav a:hover {
	text-decoration: none;
	background-color: #fff;
}

/* Set up the highlighting */

.team #main-nav-team, .blog #main-nav-blog {
	background-color: #e5e3e0;
}

/* Social nav */

#site-nav .social {
	position: absolute;
	left: 1.25em;
	bottom: .5em;
	}


/* Jump nav button
-------------------------------------------------- */
#nav-jump {
	position: absolute;
	top: .5em;
	right: 1.25em;
	}
#nav-jump > a {
	padding: .35em 1.75em .35em .75em;
	background-color: #796d65;
	background-image: url(../img/navjump-arrow-2x.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: 18px 12px;
	color: #e5e3e0;
	}
#nav-jump > a .arrow {
	display: none;
}


/* Sign-off
-------------------------------------------------- */

#sign-off > h3 {
	font-style: italic;
}
#sign-off > ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	list-style: none;
	padding-left: 0;
}
#sign-off > ul li {
	margin-bottom: 0;
}
#sign-off a {
	color: #796d65;
}


/* Sign-up
-------------------------------------------------- */

#sign-up input {
	float: left;
}
#sign-up label {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	font-weight: 400;
}
#sign-up .form-text {
	width: 65%;
	margin-right: 5px;
	margin-bottom: 5px;
}
#sign-up input[type="submit"] {
	background: #796d65;
	}


/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (min-width: 480px) {

	/* prevent webkit from resizing text when orientation changes */
	html {-webkit-text-size-adjust: 100%;}

	/* Bump up base font size for H1s */
	h1 {
		font-size: 1.25em;
		line-height: 120%;
	}

	/* Size headshots for 2-per-row */
	.headshot {
		width: 13.125em;
	}
	.headshot-name {
		font-size: 85%;
		line-height: 130%;
	}
	.headshot-grid .headshot {
		float: left;
		margin-right: 1.25em;
	}
	/* Remove the margin on the right-most headshot per row */
	.headshot-grid .headshot:nth-child(2n+2){
		margin-right: 0;
	}
	/* Make sure to clear the headshot at the start of each row */
	.headshot-grid .headshot:nth-child(2n+1){
		clear: both;
	}

}

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

	/* Restore default text-size adjust property */
	html {-webkit-text-size-adjust: auto;}

	/* Bump up base font size for H1s */
	h1 {
		font-size: 1.5em;
		line-height: 120%;
	}
	
	/* Increase padding on major containers */
	#site-header, #title, .content, #site-footer {
		padding-left: 2.5em;
		padding-right: 2.5em;
	}
	
	/* Resize logo */
	#logo {
		width: 23.4375em; /* 375px @ 16px font-size */
		height: 6.25em; /* 100px @ 16px font-size */
		background-image: url(../img/3f-logo-lg-2x.png);
	}		
	
	/* Hide the "Home" main nav item */
	#main-nav-home {
		display: none;
	}
	
	/* Set main and sidebar columns side-by-side */
	.main {
		width: 74%;
		float: left;
	}
	.sidebar {
		width: 9.625em;
		padding-top: 0;
		float: right;
	}

	/* Layout for the three column setup on the homepage */
	.col-3 .column {
		width: 30%;
		float: left;
		margin-left: 5%;
		padding-top: 0;
	}
	.col-3 > .column:first-child {
		margin-left: 0;
	}
	
	/* Headshots should sit three-to-a-row */
	.headshot {
		width: 9.6em;
	}
	.headshot-grid .headshot {
		margin-right: 1.5em;
	}
	/* Override the earlier nth-child rules for two headshots per row */
	.headshot-grid .headshot:nth-child(2n+2){
		margin-right: 1.5em;
	}
	/* Make sure to clear the headshot at the start of each row */
	.headshot-grid .headshot:nth-child(2n+1){
		clear: none;
	}
	/* Remove the margin on the right-most headshot per row */
	.headshot-grid .headshot:nth-child(3n+3){
		margin-right: 0;
	}
	/* Make sure to clear the headshot at the start of each row */
	.headshot-grid .headshot:nth-child(3n+1){
		clear: both;
	}

	/* Float bio headshot */	
	.bio .headshot {
		float: left;
		margin-right: 1.5em;
		margin-bottom: 0;
		padding-top: 3px;
	}
	
	/* Hide nav jump link */
	#nav-jump {
		display: none;
	}
	
	/* Move site-nav up to top */
	#site-nav {
		position: absolute;
		top: 0;
		right: 0;
		background-color: transparent;
		width: 100%;
		height: 40px;
		padding-top: 2em;
	}
	.main-nav {
		float: right;
		border-bottom-width: 0;
		}
	.main-nav > li {
		float: left;
		width: 9.625em; /* Matches width of headshots */
		width: 8em;
		margin-right: 1.5em;
		background-color: #fff;		
	}
	.main-nav a {
		font-size: .85em;
		padding: .35em .35em;
		background-image: none;
	}
	.main-nav a:hover {
		background-color: #e5e3e0; 
		}
	#site-nav .social {
		position: relative;
		left: auto;
		bottom: auto;
		float: right;
		margin-left: 0;
		padding-right: 2.5em;
	}
	
	/* Position the sign-off and sign-up */
	#sign-off {
		float: left;
		}
	#sign-up {
		width: 20.75em; /* Should be 2 columns wide */
		float: right;
		}
	#sign-up-email {
		width: 75%;
	}
}

@media screen and (min-width: 960px) {
	
	body {
		font-size: 16px;
	}
	/* Pad the title so it lines up at left with logotype */
	#title {
		padding-left: 10.75em;
	}
		
	/* Pad content so that left edge aligns with logotype */
	.content {
		padding-left: 10.75em;
	}
	.home .content {
		padding-left: 2.5em;
	}
	
	/* Layout for the three column setup on the homepage */
	.col-3 .column {
		width: 30%;
		float: left;
		margin-left: 5%;
	}
	.col-3 > .column:first-child {
		margin-left: 0;
	}
	
	
	.main {
		width: 34.6875em;
	}
	.sidebar {
		width: 10.5625em;
	}
	
	/* Remove padding on site footer so it aligns with edges of wrapper */	
	#site-footer {
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Shift bio headshot to the left margin */	
	.bio .headshot {
		float: none;
		position: absolute;
		top: 4.5em;
		left: -8.25em;
		width: 7em;
	}
	.headshot {
		width: 10.5625em;
	}
	.headshot-grid .headshot {
		float: left;
		margin-right: 1.5em;
	}
	/* Remove the margin on the right-most headshot per row */
	.headshot-grid .headshot:nth-child(3n+3){
		margin-right: 0;
	}
	/* Make sure to clear the headshot at the start of each row */
	.headshot-grid .headshot:nth-child(3n+1){
		clear: both;
	}
	
	/* Position the sign-off and sign-up */
	#sign-off {
		float: left;
		width: 34.6875em;
		}
	#sign-off > ul li {
		float: left;
		margin-left: .5em;
		padding-left: .5em;
		border-left: 1px solid #bfbab5;
		}
	#sign-off > ul li:first-child {
		border-left-width: 0;
		padding-left: 0;
		margin-left: 0;
		}
	#sign-up {
		width: 22.625em; /* Should be 2 columns wide */
		float: right;
		}
	#sign-up-email {
		width: 75%;
		}
}



/* IE fixes
-------------------------------------------------- */

/* Most of these fixes just recreate the various changes in the media queries above and serve IE7/8 the 960 layout */

/* Bump up base font size for H1s */
.ie7 h1,
.ie8 h1 {
	font-size: 1.5em;
	line-height: 120%;
}

/* Increase padding on major containers */
.ie7 #site-header,
.ie7 #title,
.ie7 .content,
.ie7 #site-footer,
.ie8 #site-header,
.ie8 #title,
.ie8 .content,
.ie8 #site-footer {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.ie7 #title,
.ie8 #title {
	padding-left: 10.75em;
}

/* Resize logo */
.ie7 #logo,
.ie8 #logo {
	width: 23.4375em; /* 375px @ 16px font-size */
	height: 6.25em; /* 100px @ 16px font-size */
	background-image: url(../img/3f-logo-lg.png);
}		

/* Hide the "Home" main nav item */
.ie7 #main-nav-home,
.ie8 #main-nav-home {
	display: none;
}

/* Pad content so that left edge aligns with logotype */
.ie7 .content,
.ie8 .content {
	padding-left: 10.75em;
}
.ie7 .main,
.ie8 .main {
	width: 34.6875em;
	float: left;
}
.ie7 .sidebar,
.ie8 .sidebar {
	padding-top: 0;
	width: 10.5625em;
	float: right;
}

/* Layout for the three column setup on the homepage */
.ie7 .col-3 .column,
.ie8 .col-3 .column {
	width: 30%;
	float: left;
	margin-left: 5%;
	padding-top: 0;
}
.ie7 .col-3 > .column:first-child,
.ie8 .col-3 > .column:first-child {
	margin-left: 0;
}

/* Shift bio headshot to the left margin */	
.ie7 .bio .headshot,
.ie8 .bio .headshot {
	float: none;
	position: absolute;
	top: 4.5em;
	left: -8.25em;
	width: 7em;
}

/* Size headshots so they fit three-per-row */
.ie7 .headshot,
.ie8 .headshot {
	width: 10em;
}

.ie7 .headshot-name,
.ie8 .headshot-name {
	font-size: 85%;
	line-height: 130%;
}

.ie7 .headshot-grid .headshot,
.ie8 .headshot-grid .headshot {
	float: left;
	margin-right: 1.5em;
	height: 16em;
	overflow: hidden;
}

/* Hide nav jump link */
.ie7 #nav-jump,
.ie8 #nav-jump {
	display: none;
}

/* Move site-nav up to top */
.ie7 #site-nav,
.ie8 #site-nav {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	width: 100%;
	height: 40px;
	padding-top: 2em;
}
.ie7 .main-nav,
.ie8 .main-nav {
	float: right;
	border-bottom-width: 0;
	}
.ie7 .main-nav > li,
.ie8 .main-nav > li {
	float: left;
	width: 9.625em; /* Matches width of headshots */
	width: 8em;
	margin-right: 1.5em;
	background-color: #fff;		
}
.ie7 .main-nav a,
.ie8 .main-nav a {
	font-size: .85em;
	padding: .35em .35em;
	background-image: none;
}
.ie7 .main-nav a:hover,
.ie8 .main-nav a:hover {
	background-color: #e5e3e0; 
	}
.ie7 #site-nav .social,
.ie8 #site-nav .social {
	position: relative;
	left: auto;
	bottom: auto;
	float: right;
	margin-left: 0;
	padding-right: 2.5em;
}

/* Remove padding on site footer so it aligns with edges of wrapper */	
.ie7 #site-footer,
.ie8 #site-footer {
	padding-left: 0;
	padding-right: 0;
}

/* Adjust font-size of sidebar modules */
.ie7 .pod-module,
.ie8 .pod-module {
	font-size: .85em;
	line-height: 130%;
}

/* Position the sign-off and sign-up */
.ie7 #sign-off,
.ie8 #sign-off {
	float: left;
	width: 34.6875em;
	}
.ie7 #sign-off > ul li,
.ie8 #sign-off > ul li {
	float: left;
	margin-left: .5em;
	padding-left: .5em;
	border-left: 1px solid #bfbab5;
}
.ie7 #sign-off > ul li:first-child,
.ie8 #sign-off > ul li:first-child {
	border-left-width: 0;
	padding-left: 0;
	margin-left: 0;
}
.ie7 #sign-up,
.ie8 #sign-up {
	width: 22.625em; /* Should be 2 columns wide */
	float: right;
	}
.ie7 #sign-up-email,
.ie8 #sign-up-email {
	width: 75%;
}


/* Fixes for css bugs
-------------------------------------------------- */

.ie7 .post-tags > li:after,
.ie8 .post-tags > li:after {
	content: "  ";
}