/*
Theme Name:     Buck
Theme URI:      http://justinmacnair.com
Description:    A Building Blocks child theme for Buck.tv 
Author:         Justin MacNair
Author URI:     http://justinmacnair.com/
Template:       buildingblocks
*/

/*
= RESET

= UTILITIES 
	= CLEARING
	= ACCESSIBILITY
	
= MEDIA

= TYPOGRAPHY 
	= LINKS
	= HEADINGS
	= TEXT
	= LISTS
	= TABLES
	= FORMS
	
= LAYOUT
	= GLOBAL
	= MOBILE
	= TABLET
	= DESKTOP 

= PRINT
	
*/

/* = RESET 
---------------------------------------------------
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	overflow-y: scroll; /* prevent horizontal shifting */
}

:focus {
	outline: 1; /* skin this with something pretty in the forms & links specifically */
}

::selection {
	background: rgb(230, 230, 230);
}

/* remove search field browser styles */
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* = UTILITIES 
---------------------------------------------------
*/

/* = IMAGE REPLACEMENT & HIDDEN CONTENT */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none !important; visibility: hidden; }

/* = CLEARING */

.clearfix:after, .wrap:after {
	content: "."; 
	display: block; 
	height: 0 !important; 
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.clear {
	clear: both;
}

/* = ACCESSIBILITY */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}


/* = MEDIA 
---------------------------------------------------
	remember inline heights within markup will break proportional scaling
*/

img, object, embed, video {
	max-width: 100%;
	vertical-align: top;
}

figure {
	/* margin-bottom: 1.5em; */
}

.left {
	float: left;
	margin: 0 1.5em 0 0;
}

.right {
	float: right;
	margin: 0 0 0 1.5em;
}

.center {
	text-align: center;
	margin: 0 auto 1.5em auto;
}

/* = TYPOGRAPHY 
---------------------------------------------------
*/

body {
	text-align: left;
	font-family: "trebuchet ms", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%; /* 10px */
    line-height: 1.5; /* 15px */
    -webkit-text-size-adjust: none; /* stop iOS from scaling type up */
	color: rgb(38, 35, 36);
	background: white;
}

	.alt {
		color: rgb(128, 128, 128);
	}
	
	/* = background colors */
		
	/* black - library */
	.post-type-archive-work #content,
	.tax-work_tags #content,
	.tax-clients #content,
	.post-type-archive-work #localnav,
	.tax-work_tags #localnav,
	.tax-clients #localnav {
		/* color: rgb(255, 255, 255); */
		background: rgb(48, 45, 46);
	}
	
	/* gray - blog */
	#content, #localnav {
		color: rgb(38, 35, 36);
		background: rgb(230, 230, 230);
	}

	/* white - pages */
	.page #content, .post-type-archive-careers #content, .single-careers #content, .single-work #content {
		color: rgb(38, 35, 36);
		background: rgb(255, 255, 255);
	}

	h1, h2, h3, h4, h5, .cta, blockquote.feature, #access, #localnav, #pagination, .bloglist .more, blockquote {
		font-family: futura-pt, "trebuchet ms", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		font-weight: 300;
	}
	
	.callout {
		font-family: museo-slab, georgia, times, serif;
	}

/* = LINKS */
a,
a:link {
	color: rgb(48, 45, 46);
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid rgb(128, 128, 128);
}

	.alt a, .alt a:link {
		color: gray;
	}

a:visited {
	color: gray;
	background-color: transparent;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px solid rgb(38, 35, 36);
}


a.cta,
a.cta:link {
	display: inline-table;
	padding: 0 0.75em;
	color: white;
	background: rgb(214, 214, 214);
	text-decoration: none;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-style: normal;
	/* line-height: 40px; */
	line-height: 2.0;
	text-align: center;
}

a.cta:visited {
	background: rgb(214, 214, 214);
}

a.cta:hover,
a.cta:active,
a.cta:focus {
	background: rgb(38, 35, 36);
}

a.cta.large {
	font-size: 1.5em;
}
	
	/* = remove borders from links */
	a.thumb, .share a, #controls a, .flex-control-nav a, .flex-direction-nav a, .viewer .close, #disqus_thread a {
		border: none;
	}

/* = HEADINGS */
h1, h2, h3, h4, h5, h6 {
	/* font-weight: normal; */
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
}

h1 { /* 20px */
	font-size: 2.0em;
	font-weight: 500;
}

h2 { /* 16px */
	font-size: 1.6em;
	font-weight: 500;
}

h3 { /* 14px */
	font-size: 1.4em;
}

	#jobs h3 {
		font-weight: 500;
	}

h4 { /* 11px */
	font-size: 1.1em;
}

	.representative h4, .department h4 {
		font-size: 1.3em;
	}

h5 { /* 13px */
	font-size: 1.3em;
	/* font-weight: bold; */
	/* font-weight: 500; */
	letter-spacing: 2px;
	color: rgb(128, 128, 128);
}

h6 { /* 13px */
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
}

	#principals h6, .representative h6 {
		font-weight: normal;
	}

/* = type options */

.typeoption { margin-bottom: 1.5em; }

.page-id-2468 .three h1, .page-id-2468 .three h2, .page-id-2468 .three h3, 
.page-id-2468 .three h4, .page-id-2468 .three h5, .page-id-2468 .three h6 {
	font-weight: 500;
}

/* end type options */

.break {
	margin-bottom: 1.5em;
}

.single-work .break {
	margin-bottom: 0.75em;
}

/* = TEXT */
p, ul, ol, dl, table, form { /* 13px */
	font-size: 1.3em;
	margin: 0 0 1.5em 0;
}

.callout {
	font-weight: 300;
	font-style: italic;
}
	
hr {
	height: 1px;
	margin: 0 0 1.5em 0;
	padding: 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid gray;
}

blockquote {
	font-size: 1.6em;
	margin: 1.5em;
}

	blockquote.feature {
		text-transform: uppercase;
	}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

pre, code {
	font-family: Monaco, monospace;
}

	pre {
		white-space: pre;
	}

sup, sub, small, .small { /* 11px */
	font-size: 1.1em;
}

sup {
	vertical-align: super; 
}

sub {
	vertical-align: sub;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

figcaption {
	/*
font-size: 1.1em;
	line-height: 2.0;
*/
}
		
.inset {
	padding-top: 1.5em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

/* = LISTS */
ul, ol, dl, dd {
	margin: 0 0 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

	li ul {
		margin-bottom: 0;
	}

ol {
	list-style-type: decimal;
}

	ol li ol {
		list-style: upper-alpha;
		margin-bottom: 0;
	}

	ol li ol li ol {
		list-style: lower-roman;
		margin-bottom: 0;
	}

dl {
}

	dl dt {
		font-style: italic;
	}
	
	dl dd {
	}

/* = TABLES */
table {
	width: 100%;
	margin: 0 0 1.5em 0;
}

table thead {

}

table tfoot {
	background: lightgray;
}

table tbody {

}

table caption {
	font-weight: bold;
	padding: 0 0 1.5em 0;
}

tr {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}

	tr.alt, tr:nth-child(even) {
		background: #f5f5f5;
	}
	
	tr:hover {
		background: lightblue;
	}

th {
	font-weight: bold;
	text-align: left;
	color: white;
	background: black;
}

td, th {
	border-right: 1px solid gray;
	padding: .75em;
}

	td:last-child {
		border-right: none;
	}

	td p {
		margin: 0;
	}

/* = FORMS */
form {

}

fieldset {

}

legend {
	font-weight: bold;
}

label {
	display: block;
}

	.ticks label {
		float: left;
	}

	input, select, textarea, button, input[type=button], input[type=submit] {
		font-size: 100%;
		margin-bottom: 1.5em;
		padding: .75em;
		border-radius: 5px;
	}
	
		input, select, textarea {
			border: 1px solid gray;
		}
		
		input:hover, select:hover, textarea:hover {
			border: 1px solid #444;
		}
		
			input.error, select.error, textarea.error {
				border: 1px solid red;
			}
		
			input.warning, select.warning, textarea.warning {
				border: 1px solid #FFC300;
			}
		
			input.confirmation, select.confirmation, textarea.confirmation {
				border: 1px solid green;
			}
		
		input:focus, select:focus, textarea:focus {
			outline: none;
			border: 1px solid black;
		}
	
		input[type=checkbox], input[type=radio] {
			float: left;
			clear: left;
			margin-right: 1.0em;
		}
	
	input[type=button], input[type=submit] {
		cursor: pointer;
		padding: .75em;
		border-radius: 5px;
		color: white;
		background: rgb(0, 113, 188);
		text-decoration: none;
		border: none;
	}
	
		input[type=button]:hover, input[type=submit]:hover {
			background: rgb(0, 204, 103);
		}

.feedback {
	display: inline;
	margin-left: 1.0em;
}

.error {
	color: red;
}

.warning {
	color: #FFC300;
}

.confirmation {
	color: green;
}

/* = LAYOUT 
---------------------------------------------------

480x854		Android (Motorola Droid) 
480x800		Android (Nexus One) 
320x480		Apple iPhone, Palm Pre, Android (MyTouch), HTC Magic/Dream
320x455		Android (Google Recommendation)
1024x600	Samsung Galaxy Tablet (Android) 
1024x768	Apple iPad 

*/

/* = GLOBAL - globally applied styles */
@media screen {
	
	
	/* = SPLASH */
	
	#splash h1 {
		display: block;
		width: 300px;
		height: 106px;
		background: transparent url('assets/images/skin/logo-splash.gif') center center no-repeat;
		margin: 5.0em auto;
	}
	
	#splash #content {
		text-align: center;
	}
	
	#splash #footer .wrap {
		border: none;
	}
	
	#splash p {
		font-size: 2.0em;
		text-transform: uppercase;
		font-family: futura-pt, "trebuchet ms", "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: 2px;
		font-weight: 500;
	}
	
	/* = GRID SYSTEM */
	.wrap {
		width: 90%;
		margin: 0 auto;
	}
		
	/* = media containers */
	figure, .image, .player {
		display: block;
		position: relative;
	}
	
	.player {
		display: block;
	}
	
	.player iframe, .player embed, .player object {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
	}
	
	.gallery img, .map img, .hero img, .spot img, .videoratio {
		width: 100%;
	}
	
	.playvideo, .viewgallery { /* media icons */
		position: absolute;
		top: 0;
		right: 0;
		z-index: 20;
		width: 100%;
		height: 100%;
		background: transparent url('assets/images/skin/play-video-small.png') center center no-repeat;
		opacity: .75;
	}
	
		.viewgallery {
			background: transparent url('assets/images/skin/view-gallery.png') center center no-repeat
		}
		
		#media .playvideo {
			opacity: 0;
		}
		
		.playvideo:hover, #media .playvideo:hover, .viewgallery:hover {
			opacity: 1;
		}
		
	.loading {
		background: transparent url('assets/images/skin/loading.gif') center center no-repeat;
	}
	
		.player .loading {
			display: block;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
	
	.viewer .loading {
		background: transparent url('assets/images/skin/loading-dark.gif') center center no-repeat;
	}
	
	/* = transitions and animations */
	.viewer li {
		-webkit-transition:width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
		-moz-transition:width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
		transition:width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}
	
	.viewer .caption {
		visibility:hidden;
		filter:alpha(opacity=0);
		-khtml-opacity:0;
		-moz-opacity:0;
		opacity:0;
		-webkit-transition:opacity 1.5s ease-in-out;
		-moz-transition:opacity 1.5s ease-in-out;
		transition:opacity 1.5s ease-in-out;
	}
	
	.viewer .current .caption {
		filter:alpha(opacity=100);
		-khtml-opacity:1;
		-moz-opacity:1;
		opacity:1;
		visibility:visible;
	}
	
	.viewer li.loading > div {
		background-image: none;
	}
	
	.playvideo, .viewgallery,
	.haiku-button .play:hover, .player-container .haiku-button:hover,
	.flex-control-nav a,
	.addthis_toolbox a span,
	#search input#searchsubmit,
	#header h1, #header h2,
	#footer .menu a,
	.credits .close, .extracopy .close,
	.project figcaption, .media figcaption, .slide figcaption,
	a.cta, #messaging p.action a.cta,
	a.map .icon
	{
		-webkit-transition: all 0.25s ease-in;
		-moz-transition: all 0.25s ease-in;
		-ms-transition: all 0.25s ease-in;
		-o-transition: all 0.25s ease-in;
		transition: all 0.25s ease-in;
		-webkit-backface-visibility: hidden; /* fix blink in safari */
	}
	
	.credits.open .close, .extracopy.open .close {
	  -webkit-transform: rotate(45deg);  /* Saf3.1+, Chrome */
	     -moz-transform: rotate(45deg);  /* FF3.5+ */
	      -ms-transform: rotate(45deg);  /* IE9 */
	       -o-transform: rotate(45deg);  /* Opera 10.5 */
	          transform: rotate(45deg);
    }

	/* = FlexSlider v1.8 */
	 
	/* Browser Resets */
	.flex-container a:active,
	.flexslider a:active {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
	
	/* FlexSlider Necessary Styles
	*********************************/ 
	.flexslider {width: 100%; margin: 0; padding: 0;}
	.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {max-width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	/* clearing replaced with global .clearfix inserted inline */
	.no-js .slides > li:first-child {display: block;} /* No JavaScript Fallback */
	
	/* FlexSlider Default Theme
	*********************************/
	/*
.flexslider {position: relative; zoom: 1;}
	.flexslider .slides {zoom: 1;}
	.flexslider .slides > li {position: relative;}
	/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
	/*.flex-container {zoom: 1; position: relative;}
*/
	
	.flexslider {
		background: transparent;
		border: none;
		margin-bottom: 1.0em;
	}
	
	.flex-control-nav {
		width: 100%;
		/*
position: absolute;
		bottom: -30px;
*/
		text-align: center;
		padding: 0.75em 0;
		position: relative !important;
		bottom: auto !important;
	}
	
	.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-nav li:first-child {margin: 0;}
	.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url('assets/images/skin/control_nav.png') no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
	.flex-control-nav li a:hover {background-position: 0 -13px;}
	.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
	
		.flex-control-nav a {
			text-align: left;
		}
	
		.flex-control-nav .next {
			background-image: url('assets/images/skin/nav-next.png');
		}
		
		.flex-control-nav .prev {
			background-image: url('assets/images/skin/nav-prev.png');
		}
	
	.slide img {
		margin: 0 auto;
	}
	
	.slide figcaption {
		display: none;
		text-align: left;
		position: absolute;
		bottom: 0;
		width: 96%;
		padding: 2%;
		color: rgb(255, 255, 255);
		background: rgb(38, 35, 36);
	}	
  		
		.slide:hover figcaption {
			opacity: 1 !important; /* important overrides inline style set by JS */
		}
	
		.slide h2 {
			float: left;
			font-size: 1.692em; /* 22px */
		}
		
		.slide h2 .alt {
			margin-left: 0.5em;
		}
		
		.slide figcaption .permalink {
			float: right;
			font-size: 0.923em; /* 12px */
			line-height: 2.6em;
			letter-spacing: 2px;
			text-transform: uppercase;
			font-style: italic;
		}
	
	/* = haiku audio player */
	.text-player-container ul{margin:0 0 15px 0;}
	.text-player-container li{list-style-type:none;display:inline;padding:0 10px 0 0;}
	.text-player-container li.stop {padding: 0 10px 0 0;
	}
	.player-container{visibility:hidden;border:none;height:30px;width:162px;padding:0 20px 20px 0;}
	.player-container ul{list-style:none !important;color:#fff !important;margin:0 !important;padding:0 !important;}
	.player-container :focus{outline:0;}
	.custom_button a{visibility:hidden;}
	.player-container li.pause{display:none;background:url('assets/images/skin/audio-buttons.png') no-repeat 1px 5px;width:20px;}
	.player-container .haiku-button{height:30px;width:152px;padding:0 10px 0 0;}
	.player-container img.listen{-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}
	.player-container img.listen:hover{opacity:0.7;}
	.player-container ul.controls{height:5px;display:none;}
	.player-container ul.controls li{list-style-type:none;display:inline-block;cursor:pointer;padding-top:15px;height:15px;margin:0 0 0 3px !important;}
	.player-container li.play{background:url('assets/images/skin/audio-buttons.png') no-repeat -48px 5px;width:20px;}
	.player-container li.stop{background:url('assets/images/skin/audio-buttons.png') no-repeat -25px 5px;width:20px;}
	.player-container li{-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;}
	.player-container li:hover{opacity:.7;filter:alpha('opacity=70');}
	.player-container li.sliderplayback:hover{opacity:1;}
	.player-container li.sliderplayback{position:relative;width:100px;height:1px;}
	.player-container .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content{width:90px;float:right;height:1px;border:none;background-color:transparent;border-top:2px solid #FFF;margin:14px 0 0 5px !important;}
	.player-container .ui-state-default,.player-container .ui-widget-content .ui-state-default,.player-container .ui-widget-header .ui-state-default{border:none;background:#fff;color:#555;}
	.player-container .ui-state-default a,.player-container .ui-state-default a:link,.player-container .ui-state-default a:visited{color:#555;text-decoration:none;}
	.player-container .ui-state-hover,.player-container .ui-widget-content .ui-state-hover,.player-container .ui-widget-header .ui-state-hover,.player-container .ui-state-focus,.player-container .ui-widget-content .ui-state-focus,.player-container .ui-widget-header .ui-state-focus{border:none;background:#dadada;font-weight:400;color:#212121;}
	.player-container .ui-state-active,.player-container .ui-widget-content .ui-state-active,.player-container .ui-widget-header .ui-state-active{border:none;background:#fff;font-weight:400;color:#212121;}
	.player-container .ui-widget :active{outline:none;}
	.player-container .ui-slider{position:relative;text-align:left;}
	.player-container .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:6px;height:8px;cursor:default;}
	.player-container .ui-slider-horizontal .ui-slider-handle{top:-5px;margin-left:0;}
	*:first-child+html .player-container li.sliderplayback{position:absolute;}
	* html .player-container li.pause{background:url('assets/images/skin/audio-buttons.gif') no-repeat 1px 5px;}
	* html .player-container li.play{background:url('assets/images/skin/audio-buttons.gif') no-repeat -48px 5px;}
	* html .player-container li.stop{background:url('assets/images/skin/audio-buttons.gif') no-repeat -25px 5px;}
	.text-player-container li.stop,* html .player-container li.sliderplayback,* html .player-container .ui-slider-horizontal .ui-slider-handle{display:none;}
	.player-container .ui-state-hover a,.player-container .ui-state-hover a:hover,.player-container .ui-state-active a,.player-container .ui-state-active a:link,.player-container .ui-state-active a:visited{color:#212121;text-decoration:none;}
	*:first-child+html .player-container ul.controls li,* html .player-container ul.controls li{display:inline;}
	.player-container, .player-container .haiku-button {
		width: auto;
		padding: 0;
	}
	
	.haiku-button .play, .player-container .haiku-button {
		display: block;
		width: auto;
		background: rgb(255, 163, 224);
		background-image: none;
		text-align: center;
		border: none;
		line-height: 30px;
		text-transform: uppercase;
		color: white;
		opacity: 0.75;
		border-radius: 3px;
	}
	
		.haiku-button .play:hover, .player-container .haiku-button:hover {
			opacity: 1.0;
		}
	
	.controls li {
		float: left;
	}
	
	.player-container .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content {
		width: 70%;
		margin-right: 15px !important;
	}
	
	.single .player-container .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content {
		width: 90%;
	}
	
	/* addthis icon updates */
	.addthis_toolbox a {
		width: 30px;
		height: 30px;
	}
	
		.at300b:hover {
			opacity: 1;
		}
	
		.addthis_toolbox a span {
			display: block;
			width: 100%;
			height: 100%;
		}
	
		.addthis_toolbox a.addthis_button_facebook span {
			background: transparent url('assets/images/skin/icon-share-facebook.png') center top no-repeat;
		}
	
		.addthis_toolbox a.addthis_button_twitter span {
			background: transparent url('assets/images/skin/icon-share-twitter.png') center top no-repeat;
		}
	
		.addthis_toolbox a.addthis_button_email span {
			background: transparent url('assets/images/skin/icon-share-email.png') center top no-repeat;
		}
	
		.addthis_toolbox a:hover span {
			background-position: center bottom;
			opacity: 1;
		}
		
	.share {
		width: 102px;
		margin-right: -2px;
		margin-left: -2px;
	}
	
	/* = disqus like buttons */
	#dsq-content #dsq-global-toolbar, #disqus_thread { clear: both !important; }
	
	#dsq-sort-by {
		float: none !important;
		clear: both !important;
		display: block !important;
		margin-bottom: 1.5em;
	}
	#dsq-sort-by select {
		width: 100% !important;
	}
	
	/* infinite scroll */
	#infscr-loading {
		position: absolute;
		bottom: 0;
		margin: 1.5em auto;
		width: 100%;
		text-align: center;
	}
	
	#mason {
		padding-bottom: 50px;
	}
	
	.projects #infscr-loading {
		position: relative;
		clear: both;
		display: block;
		color: white;
	}

	/* = major sections */
	#header, #navigation, #content, #lead, #featured, #footer {
		clear: both;
	}
	
	#content {
		padding: 3.0em 0;
	}
	
		.post-type-archive-work #content, .tax-work_tags #content, .tax-clients #content, .blog #content {
			padding-top: 1.5em;
		}
		
	#mason {
		margin: 0 auto;
	}
	
	/* = header */
	#header, #access {
		color: rgb(255, 255, 255);
		background: rgb(38, 35, 36);
		text-align: center;
	}
	
	#header {
		padding: 1.5em 0 0 0;
		border-top: 8px solid rgb(128, 128, 128);
	}
	
		#header .wrap {
			padding: 0.75em 0 2.25em 0;
		}
		
			#header h1, #header h2 {
				display: block;
				width: 218px;
				height: 33px;
				background: transparent url("assets/images/skin/logo.png") center center no-repeat;
				margin: 0 auto;
				opacity: 1;
			}
				
				#header h2:hover {
					opacity: 0.64;
				}
				
	/* = navigation */
	.js #menu-main-navigation, .js #subnav {
		display: none;
	}
	
	#access .toggle {
		display: block;
		font-size: 1.2em;
		line-height: 3.5em;
		color: gray;
		cursor: pointer;
		text-transform: uppercase;
		background: #302D2E;
		border-radius: 3px;
		margin-bottom: 1.5em;
	}
	
		#access .toggle:hover {
			color: white;
		}

	#access ul, #subnav ul {
		text-transform: uppercase;
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 1.5em 0 1.5em 0;
	}
	
		#access a, #subnav a {
			color: rgb(255, 255, 255);
			font-size: 0.923em; /* 12px */
			font-weight: 400;
			line-height: 3.5em;
			display: block;
			width: 100%;
			height: 100%;
			text-align: left;
			background: transparent url('assets/images/skin/nav-next-post.png') right center no-repeat;
		}
		
		#access a:hover, #sub-nav a:hover {
			color: rgb(214, 214, 214);
		}
	
		#access a, #access a:hover, #access .current_page_parent a, #access .current_page_item a {
			border-bottom: 1px solid rgb(48, 45, 46);
		}
	
		#access .current_page_parent a, #access .current_page_item a {
			color: rgb(214, 214, 214);
		}
		
		#access .current_page_parent a:hover, #access .current_page_item a:hover {
			color: rgb(255, 255, 255);
		}
		
		/* = subnavigation */
		#localnav {
			padding-top: 1.5em;
		}
		
			#localnav h3 {
				color: rgb(214, 214, 214);
				font-size: 1.3em;
			}
		
			#sortfilter {
				font-size: 0.923em;
			}
			
			#filterwrap {
				margin: 0 auto;
			}
				
				#sortfilter h3, #sortfilter ul a {
					line-height: 2.5em;
				}
				
				#sortfilter a {
					letter-spacing: 2px;
				}
			
				.post-type-archive-work #sortfilter a:hover, .tax-work_tags #sortfilter a:hover, .tax-clients #sortfilter a:hover { 
					color: white;
				}
				
				.filter, .sort {
					list-style: none;
					margin: 0;
					clear: both;
				}
				
					.filter {
						display: table;
						margin: 1.5em auto 0 auto;
						padding-top: 1.5em;
					}
				
					.filter li, .sort li {
						display: inline-block;
						margin: 0 1.5em 0 -0.25em;
						padding-bottom: 0.923em; /* 12px */
					}
					
						.filter li:last-child {
							margin-right: 0;
						}
				
					.filter a, .sort a {
						text-transform: uppercase;
						font-weight: 400;
						border: none;
						color: rgb(128, 128, 128);
					}
				
					.filter a:hover, .sort a:hover {
						color: rgb(38, 35, 36);
					}
					
					.filter .current-menu {
						background: transparent url('assets/images/skin/local-nav-selected.png') center bottom no-repeat;
					}
					
					.sort .current, .filter .current a {
						color: white;
					}
	
					#search label {
						display: none;
					}
					
					#search {
						display: block;
						text-align: left;
						clear: both;
					}
					
					#search input {
						float: left;
						display: block;
						margin: 0;
					}
					
						#search #s {
							color: rgb(38, 35, 36);
							background: rgb(255, 255, 255);
							border: none;
							padding: .5em .75em;
							width: 80%;
						}
						
						.post-type-archive-work #search #s, .tax-work_tags #search #s, .tax-clients #search #s {
							color: rgb(128, 128, 128);
							background: rgb(58, 55, 56);
						}
						
						/* separate declarations are required to style placeholder text */
						
						#search input[type="search"]::-webkit-input-placeholder {
						    font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
							text-transform: uppercase;
							letter-spacing: 2px;
						}
						
						#search input[type="search"]:-moz-placeholder {
						    font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
							text-transform: uppercase;
							letter-spacing: 2px;
						}
						
						#search input[type="search"]:-ms-input-placeholder {
						    font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
							text-transform: uppercase;
							letter-spacing: 2px;
						}
						
						#search input[type="search"]:focus::-webkit-input-placeholder {
							color: transparent;
						}
						
						input#searchsubmit {
							width: 26px;
							height: 26px;
							background: transparent url('assets/images/skin/search.png') center center no-repeat;
							opacity: 0.75;
							margin-left: 10px;
							text-indent: -999999em;
						}
						
						#searchsubmit:hover {
							opacity: 1.0;
						}
				
			#subnav {
				padding: 0;
				background: rgb(128, 128, 128);
			}
			
				#subnav a {
					color: rgb(214, 214, 214);
					border-bottom: 1px solid rgb(214, 214, 214);
				}
			
				#subnav a:hover, #subnav a.current {
					color: rgb(255, 255, 255);
					border-bottom: 1px solid rgb(230, 230, 230);
				}
				
			/* small screen adjustment */
			#access li:last-child a, #subnav li:last-child a {
				border-bottom-width: 0;
			}
				
	/* = pagination */
	#pagination {
		background: rgb(128, 128, 128);
		clear: both;
		padding: 1.5em 0;
		margin-bottom: -3.0em;
	}
	
		.single-work #pagination {
			margin-bottom: 0;
		}
	
		#pagination a {
			font-size: 1.2em;
			font-weight: 400;
			color: rgb(230, 230, 230);
			text-transform: uppercase;
			border: none;
		}
		
			#pagination a:hover {
				color: rgb(255, 255, 255);
			}
		
		#pagination .prev, #pagination .next {
			width: 50%;
			float: left;
			text-align: left;
		}
		
		#pagination .next {
			float: right;
			text-align: right;
		}
		
		#pagination .library {
			display: none;
		}
		
		#pagination .next a {
			padding-right: 1.0em;
			background: transparent url('assets/images/skin/nav-next-post.png') right center no-repeat;
		}
		
		#pagination .prev a {
			padding-left: 1.0em;
			background: transparent url('assets/images/skin/nav-prev-post.png') left center no-repeat;
		}
	
	/* = footer */
	#footer {
		background: rgb(255, 255, 255);
		line-height: 2.0;
	}
	
		#footer .wrap {
			padding: 1.5em 0;
		}
	
		.page #footer .wrap, .single #footer .wrap, body.post-type-archive-careers #footer .wrap, body.single-careers #footer .wrap {
			border-top: 1px solid rgb(214, 214, 214);
		}
		
		#footer .contact-la, #footer .contact-ny, #footer .follow {
			margin-bottom: 1.5em;
		}
		
		#footer .city {
			display: block;
		}
	
		#footer .streettwo, #footer .fax {
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
			border-left: 1px solid rgb(214, 214, 214);
		}
	
		.follow ul {
			margin: 0 0 0 -4px;
			padding: 1.25em 0 0 0;
		}
		
			.follow li {
				display: inline-block;
				margin: 0 0 0 3px;
				width: 30px;
				height: 30px;
			}
		
			.follow li a {
				display: block;
				width: 100%;
				height: 100%;
				border: none;
			}
		
				.follow li#menu-item-138 a {
					background: transparent url('assets/images/skin/icon-twitter.png') center top no-repeat;
				}
		
				.follow li#menu-item-139 a {
					background: transparent url('assets/images/skin/icon-facebook.png') center top no-repeat;
				}
		
				.follow li#menu-item-140 a {
					background: transparent url('assets/images/skin/icon-vimeo.png') center top no-repeat;
				}
		
				.follow li#menu-item-141 a {
					background: transparent url('assets/images/skin/icon-flickr.png') center top no-repeat;
				}
		
			.follow li#menu-item-138 a:hover, .follow li#menu-item-139 a:hover, .follow li#menu-item-140 a:hover, .follow li#menu-item-141 a:hover {
				background-position: center bottom;
			}
			
	/* = error 404 */
	.error404 {
		text-align: center;
	}
	
	/* = search results */
	.noresults {
		text-align: center;
	}
	
	.search h1, .archive h1 {
		text-align: center;
		margin-bottom: 1.5em;
	}
	
		.post-type-archive-work h1, .post-type-archive-work .noresults {
			color: rgb(255, 255, 255);
		}
	
	/* = home */
	#intro .action {
		text-align: center;
	}
	
	#intro .cta {
		display: block;
		margin-right: auto;
		margin-left: auto; 
	}
	
	/* = work: library */
	.project {
		margin-bottom: 20px;
	}
	
	.project img {
		width: 100%;
	}
	
		.project figcaption {
			margin-top: 0.75em;
		}
	
		.project .client {
			color: rgb(255, 255, 255);
		}
		
			.project .title {
				color: rgb(128, 128, 128);
			}
		
			.client .long {
				font-size: 0.725em;
			}
		
	/* = work: project */
	.act, .entry-content, .entry-meta, #playlist, .gallery, .credits, .extracopy, #related .wrap {
		border-top: 1px solid rgb(214, 214, 214);
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		padding-top: 1.5em;
	}
	
		.post-type-archive-careers .gallery {
			padding-top: 0;
		}
	
	#media {
		margin-bottom: 1.5em;
	}
	
	.act {
		line-height: 3.0em;
		margin-bottom: 0;
	}
	
	.share, .label {
		float: left;
		margin-right: 1.5em;
	}
	
	.act .label {
		font-size: 1.3em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.act .label { display: none; }
	
	.single-work .entry-content p, .single .blog .entry-content p {
		font-size: 1.5em;
	}
	
	h3.tags {
		float: left;
		clear: left;
		margin-right: 0.5em;
	}
	
	ul.tags {
		list-style: none;
		margin-left: 0;
		display: inline;
	}
	
		ul.tags li {
			float: left;
			margin-right: 0.75em;
		}
		
			.tags a:after {
				content: ","; 
			}
		
			.tags li:last-child a:after {
				content: ""; 
			}
	
	.gallery figcaption {
		margin-top: 0.75em;
		margin-bottom: 1.5em;
	}
	
	.spot figcaption {
		margin-top: 0.75em;
	}
	
	.spot figure {
		margin-bottom: 1.5em;
	}
	
	.gallery {
		width: 100%;
		float: left;
		clear: both;
		display: block;
	}
	
		.thumb {
			float: left;
			display: block;
			width: 32%;
			margin: 0 2% 2% 0;
		}
		
			.photo3, .photo6 {
				margin-right: 0;
			}
			
			.photo4 {
				clear: left;
			}
			
			.photo7 {
				display: none;
			}
			
	.credits .toggle, .extracopy .toggle {
		cursor: pointer;
	}
	
	.credits .close, .extracopy .close {
		display: block;
		width: 14px;
		height: 14px;
		float: right;
		background: transparent url("assets/images/skin/openclose.gif") center center no-repeat;
	}
	
		.credits.open .close, .extracopy.open .close {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		
	#related .project .client {
		color: rgb(38, 35, 36);
	}

	/* = contact */
	.location, #inquiries .wrap {
		border-bottom: 1px solid rgb(214, 214, 214);
		margin-bottom: 1.5em;
	}
	
	.location .map {
		float: right;
		width: 23.5%;
		margin-left: 2%;
		border: none;
	}
	
	.location .city, .location .phone {
		display: block;
	}
	
		.location h2, .location .city, .location .fax {
			margin-bottom: 1.5em;
		}
	
	#principals {
		padding-top: 1.5em;
		border-top: 1px solid rgb(214, 214, 214);
	}
	
	.representative h5 a {
		border: none;
	}
	
	/* = careers */
	.post-type-archive-careers .location, .post-type-archive-careers .gallery {
		border: none;
		margin: 0;
	}
	
	.post-type-archive-careers .intro {
		margin: 1.5em 0 0 0;
		padding: 1.5em 0 0 0;
	}
	
	.department {
		margin-bottom: 1.5em;
	}
	
		.post-type-archive-careers #content h4 {
			line-height: 3.0;
			border-bottom: 1px solid rgb(128, 128, 128);
		}
		
		.post-type-archive-careers h5 a, .post-type-archive-careers h5 a:link, .post-type-archive-careers h5 a:visited {
			display: block;
			line-height: 1.5;
			padding: 0.75em 0;
			border-color: rgb(214, 214, 214);
		}
		
		.post-type-archive-careers h5 a:hover {
			border-color: rgb(128, 128, 128);
		}
		
	/* = careers: job post */
	.act .apply .cta {
		font-size: 1.5em;
		font-weight: 500;
		display: block;
	}
		
		.single-careers .act .apply {
			float: right;
		}
		
	/* = blog: list */
	.bloglist {
		padding: 20px;
		width: 240px;
		margin: 0 0 20px 0;
		float: left;
		display: block;
		background: rgb(255, 255, 255);
	}
	
		.bloglist .hero, .single .blog .hero {
			margin-bottom: 1.5em;
		}
		
			.bloglist figcaption, .single .blog figcaption {
				margin-top: 1.5em;
			}
	
		.bloglist h2 a {
			border: none;
			color: rgb(38, 35, 36);
		}
		
		.bloglist p {
			margin-bottom: 0;
		}

		.bloglist .more {
			font-size: 1.1em;
			text-transform: uppercase;
			font-weight: 500;
		}
		
		.format-video iframe {
			width: 100% !important;
			height: 150px;
		}
		
		/* color coding */
	  	.bloglist.format-link {
			border-bottom: 8px solid rgb(255, 106, 73);
		}
		
		.bloglist.format-quote {
			border-bottom: 8px solid rgb(101, 205, 139);
			border: none;
			background: rgb(101, 205, 139);
			color: white;
		}
		
		.bloglist.format-gallery, .bloglist.format-image, .bloglist.category-instagram {
			border-bottom: 8px solid rgb(255, 210, 53);
		}
		
		.bloglist.format-video {
			border-bottom: 8px solid rgb(255, 91, 96);
		}
		
		.bloglist.format-audio {
			border-bottom: 8px solid rgb(255, 163, 224);
		}
		
		.bloglist.twitter, .archive article.twitter {
			border: none;
			background: rgb(0, 184, 199);
			color: white;
		}
		
			.bloglist.twitter a {
				color: white;
				border-bottom-color: white;
			}
			
			.bloglist blockquote {
				margin: 0;
				text-transform: uppercase;
				font-weight: 500;
				text-indent: -0.5em;
			}
			
			.bloglist cite {
				display: block;
				font-size: 0.875em; /* 14px */
				text-indent: 0;
			}
			
	  	.bloglist.format-link h2 a:hover {
	  		color: rgb(255, 106, 73);
	  	}
	  	
	  	.bloglist.format-quote h2 a:hover {
	  		color: rgb(101, 205, 139);
	  	}
	  	
	  	.bloglist.format-image h2 a:hover, .bloglist.format-gallery h2 a:hover {
	  		color: rgb(255, 210, 53);
	  	}
	  	
	  	.bloglist.format-video h2 a:hover {
	  		color: rgb(255, 91, 96);
	  	}
	  	
	  	.bloglist.format-audio h2 a:hover {
	  		color: rgb(255, 163, 224);
	  	}
		
	/* = blog: post */
	.single .format-video iframe {
		height: 100%;
	}
	
	.single .blog .entry-content {
		border-top: none;
	}
	
	.shareholder {
		float: left;
	}
	
	.leaveacomment {
		float: right;
		margin-right: 0;
	}
		
	.single .blog .act {
		float: none;
		border: 1px solid rgb(214, 214, 214);
		border-right: none;
		border-left: none;
		margin: 1.5em 0;
		padding: 1.5em 0;
	}
	
	#post-comments {
		padding-top: 1.5em;
	}

}


	/* = MOBILE: viewport > 480 - Portrait iPhone/Smartphone */
	@media screen and (min-width:480px) {
	
		/* = work: project */
		#messaging h1 {
			float: left;
			width: 60%;
		}
		
		.act {
			float: right;
			margin: 0;
			padding: 0;
			border: none;
		}
		
			.single .blog .act {
				float: none;
				border: 1px solid rgb(214, 214, 214);
				border-right: none;
				border-left: none;
				margin: 1.5em 0;
				padding: 1.5em 0;
			}
		
			.share {
				margin-right: -2px;
			}
		
		.entry-content {
			clear: both;
		}
	
		#related .project {
			width: 49%;
			margin: 0 2% 2% 0;
			float: left;
		}
		
			#related .project.second, #related .project.last {
				margin-right: 0;
			}
		
			#related .project .client {
				color: rgb(38, 35, 36);
			}
	
		/* = contact */
		.location .map {
			width: 32%;
			margin: 0 0 1.5em 1.5em;
		}
		
		/* careers: job */
		.single-careers .act {
			float: none;
			width: 100%;
			border-top: 1px solid #D6D6D6;
			margin-top: 1.5em;
			padding-top: 1.5em;
		}
		
	}

	/* = TABLET: viewport > 600 - Nook, Kindle color and b/w */
	@media screen and (min-width:600px)  {
	
		/* = typography */
		#intro.callout {
			font-size: 1.692em; /* 22px */
		}
		
		.callout {
			font-size: 1.231em; /* 16px */
		}

		a.cta.large {
			font-size: 1.0em;
		}
	
		/* = disqus like buttons */
		#dsq-sort-by {
			float: right !important;
			clear: none !important;
			margin-bottom: 0;
		}
		#dsq-sort-by select {
			width: auto !important;
		}
	
		/* = GRID SYSTEM */
		.conceal {
			display: block;
		}
		
		/* = navigation */
		.js #menu-main-navigation {
			display: block;
		}
		
		#access .toggle {
			display: none;
		}
		
		#access ul {
			padding: 0;
		}
		
		#access ul li, #localnav nav ul li, #localnav h3, #localnav ul li {
			display: inline-block;
			margin: 0 1.5em 0 -0.25em;
		}
		
			#access ul li:first-child, #localnav nav ul li:first-child, #localnav h3:first-child {
				margin-left: 0;
			}
		
			#access ul li:last-child, #localnav nav ul li:last-child, #localnav h3:last-child {
				margin-right: 0;
			}
		
		#access a, #access a:hover, #localnav a, #localnav a.current:hover {
			background: none;
			line-height: 1.25em;
			padding-bottom: 0.25em;
			margin-bottom: 0.75em;
			border-bottom: 1px solid rgb(255, 255, 255);
		}
		
			#localnav a, #localnav a:hover, #localnav a.current:hover {
				line-height: 2.5em;
				border-bottom: none;
			}
			
			#sortfilter .wrap {
				text-align: center;
			}
			
			#filterwrap {
				margin: 0 auto -4px auto;
				display: inline-block;
			}
			
				#extrawrap {
					margin: 0 auto;
					text-align: center;
				}
		
				#sortfilter h3, #sortfilter ul {
					float: left;
				}
				
					.filter, .sort {
						clear: none;
					}
					
						.filter {
							margin: 0;
							padding: 0;
						}
					
						.filter li:last-child {
							margin-right: 1.5em;
						}
				
					.sort {
						margin-right: 3.0em;
					}
			
				#search {
					float: right;
					margin-left: 3.0em;
					clear: none;
				}
					
					#search #s {
						width: auto;
					}
			
			#subnav a, #subnav a:hover {
				border-bottom: none;
				line-height: 1.25em;
				margin-bottom: 0;
				padding-bottom: 0;
			}
			
			#subnav a.current, #subnav a.current:hover {
				line-height: 1.25em;
				padding-bottom: 0.25em;
				margin-bottom: 0;
				border-bottom: 1px solid rgb(255, 255, 255);
				border: none;
				padding-bottom: 0;
			}
		
		#access a:hover {
			color: rgb(255, 255, 255);
			border: none;
		}
	
		#access .current_page_parent a, #access .current_page_item a,
		#access .current_page_parent a:hover, #access .current_page_item a:hover,
		.post-type-archive-work #access #menu-item-2432 a,
		.single-work #access #menu-item-2432 a,
		.tax-work_tags #access #menu-item-2432 a,
		.tax-clients #access #menu-item-2432 a,
		.search-results #menu-item-136 a, .search-no-results #menu-item-136 a {
			padding-bottom: 1.5em;
			margin-bottom: 0;
			border: none;
		}
		
		#access .current_page_parent, #access .current_page_item, .search #access #menu-item-136 a {
			background: transparent url('assets/images/skin/nav-selected-blog.png') center bottom no-repeat;
		}
		
		.post-type-archive-careers #access .current_page_parent, .post-type-archive-careers #access .current_page_item,
		.single-careers #access .current_page_parent, .single-careers #access .current_page_item,
		.page #access .current_page_parent, .page #access .current_page_item {
			background: transparent url('assets/images/skin/nav-selected-page.png') center bottom no-repeat;
		}
		
		.post-type-archive-work #access #menu-item-2432,
		.tax-work_tags #access #menu-item-2432,
		.tax-clients #access #menu-item-2432,
		.post-type-archive-work.search #access #menu-item-2432 a,
		.post-type-archive-work.search #access #menu-item-2432 a:hover  {
			background: transparent url('assets/images/skin/nav-selected-work.png') center bottom no-repeat;
		}
		
		.single-work #access #menu-item-2432,
		.single-work #access .current_page_parent {
			background: transparent url('assets/images/skin/local-nav-selected.png') center bottom no-repeat;
		}
		
			.post-type-archive-work.search #access #menu-item-136 a {
				background-image: none;
			}
			
		#access li:last-child a, #subnav li:last-child a {
			border-bottom-width: 1px;
		}
	
		/* = work: library */
		.project {
			width: 49%;
			float: left;
		}
		
			.project:nth-child(odd) {
				float: right;
			}
		
			.projects .project figcaption {
				display: none;
				margin-top: 0;
			}
		
		/* = work: project */
		.spot {
			float: left;
			margin-right: 2%;
		}
		
		.twovideos .spot, .fourvideos .spot {
			width: 49%;
		}
		
			.twovideos .spot.video2, .fourvideos .spot.video2, .fourvideos .spot.video4 {
				margin-right: 0;
			}
			
		.threevideos .spot, .fivevideos .spot, .sixvideos .spot {
			width: 32%;
		}
		
			.threevideos .spot.video3, .fivevideos .spot.video3, .sixvideos .spot.video3, .sixvideos .spot.video6 {
				margin-right: 0;
			}
	
		.thumb {
			width: 15%;
			margin-bottom: 0;
		}
		
		.photo3 {
			margin-right: 2%;
		}
		
		.photo6 {
			margin-right: 0;
		}
		
		.photo4 {
			clear: none;
		}
		
		.credits .copy {
			-moz-column-count: 2;
			-moz-column-gap: 20px;
			-webkit-column-count: 2;
			-webkit-column-gap: 20px;
			-ms-column-count: 2;
			-ms-column-gap: 20px;
			column-count: 2;
			column-gap: 20px;
		}
		
		/* = blog: list */
		.format-video iframe {
			height: 300px;
		}
		
		.single .format-video iframe {
			height: 400px;
		}
		
		/* = blog: post */
		.single .format-video .hero-image iframe {
			height: 100%;
		}
		
	}

	/* = TABLET: viewport > 760 - Portrait iPad, Xoom, Galaxy and Desktop monitors  */
	@media screen and (min-width:760px) {
	
		/* = GRID SYSTEM */
		.one.columns {
			width: 6.5%;
			margin-left: 2%;
			float: left;
		}
		
			.one.columns.alpha {
				margin-left: 0;
			}
	
		/* = footer */
		#footer {
			text-align: center;
		}
		
			#footer .contact-la, #footer .contact-ny, #footer .follow {
				width: 32%;
				margin-bottom: 0;
			}
		
			#footer .contact-la {
				float: left;
			}
		
			#footer .contact-ny {
				float: right;
			}
			
				#footer .address {
					display: block;
				}
		
			#footer .follow {
				margin: 0 auto;
			}
			
		/* = home */
		#intro .cta {
			width: 60%;
		}
		
		.slide figcaption {
			display: block;
		}
	
		/* = work: library */
		.post-type-archive-work #content .wrap, .tax-work_tags #content .wrap, .tax-clients #content .wrap {
			width: 100%;
			max-width: 700px;
		}
		
		.project {
			width: 220px;
			float: left;
			margin-right: 20px;
		}
		
			.project:nth-child(odd) {
				float: left; /* reset float on every other project */
			}
		
			.project:nth-child(3n) {
				margin-right: 0; /* remove margin on every 3rd project */
			}
			
			/* title hover state, single project spot hovers need a 960 display */
			.notouch .projects .project figcaption, .notouch .spot figcaption, .notouch .gallery figcaption {
				display: block;
				position: absolute;
				margin-top: 0;
				top: 0;
				left: 0;
				z-index: 30;
				width: 100%;
				height: 100%;
				text-align: center;
				background: rgb(38, 35, 36);
				background: rgba(38, 35, 36, .75);
				opacity: 0;
				overflow: hidden;
			}
			
			.notouch .project figcaption:hover, .notouch .spot figcaption:hover, .notouch .spot.active figcaption, .notouch .gallery figcaption:hover {
				opacity: 1;
			}			
				.notouch .project figcaption h2 {
					height: 100%;
					width: 90%;
					padding: 0 5%;
				}
			
				.notouch .project figcaption .title, .notouch .project figcaption .client {
					position: relative;
					display: block;
					height: 50%;
					width: 100%;
				}
				
				.notouch .projects .project figcaption .client, .notouch #related .project .client, .notouch .spot figcaption, .notouch .gallery figcaption h3 {
					font-size: 1.375em; /* 20px */
					color: rgb(255, 255, 255);
				}
				
					.notouch .spot figcaption, .notouch .gallery figcaption {
						font-size: 1.0em;
						padding: 0 5%;
						width: 90%;
						margin-bottom: 0;
					}
					
						.notouch .gallery figcaption h3 {
							font-size: 2.2em;
						}
					
					.notouch .spot figcaption h3, .notouch .gallery figcaption h3 {
						position: absolute;
						top: 50%;
						left: 0;
						width: 80%;
						padding: 0 10%;
						height: 100%;
					}
				
				.notouch .projects .project figcaption .title {
					color: rgb(214, 214, 214);
				}
			
				.notouch .projects .project figcaption .client span {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
				}
				
		/* = work: single */
		#media .playvideo {
			background-image: url('assets/images/skin/play-video-large.png');
		}
	
		.fourvideos .spot, .fourvideos .spot.video2 {
			width: 23.5%;
			margin-right: 2%;
		}
		
			.fourvideos .spot.video4 {
				margin-right: 0;
			}
			
		.credits .copy {
			-moz-column-count: 3;
			-webkit-column-count: 3;
			-ms-column-count: 3;
			-ms-column-gap: 20px;
			column-count: 3;
		}
	
		#related .project {
			width: 23.5%;
			margin: 0 2% 2% 0;
			float: left;
		}
		
			#related .project.second {
				margin-right: 2%;
			}
				
		/* = contact */
		.location {
			width: 49%;
			float: left;
			border-bottom: none;
		}
		
			.location.new-york {
				float: right;
			}
			
			.location .map {
				width: 48%;
				position: relative;
			}

				.notouch .map .icon {
					opacity: 0;
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: rgb(38,35,36) url('assets/images/skin/ny-map-hover.png') center center no-repeat;
				}
				
					.notouch .los-angeles .map .icon {
						background-image: url('assets/images/skin/la-map-hover.png');
					}
					
				.notouch .map:hover .icon {
					opacity: 1;
				}

		#inquiries .wrap {
			padding-top: 2.4em;
			border-top: 1px solid rgb(214, 214, 214);
		}

		#inquiries .callout {
			width: 74.5%;
			float: left;
		}
		
		#inquiries #principals {
			width: 23.5%;
			float: right;
			padding-top: 0;
			border: none;
		}
		
		.representative {
			float: left;
			width: 23.5%;
			margin-right: 2%;
		}
		
			.representative:last-child {
				margin-right: 0;
			}
			
			.representative h3 {
				margin-bottom: 1.5em;
			}
		
		/* = careers */
		#internships .department {
			width: 49%;
			float: left;
		}
		
			#internships .production {
				float: right;
			}
		
		/* careers: job */
		.single-careers .entry-content, .single-careers hgroup {
			width: 74.375%;
			float: left;
		}
		
		.single-careers .entry-content p {
			font-size: 1.5em;
		}
		
		.single-careers .act {
			width: 23.125%;
			float: right;
			clear: none;
		}
	
			.single-careers .act .apply {
				float: none;
				margin-bottom: 1.5em;
				padding: 0 0 1.5em 0;
				border-bottom: 1px solid rgb(214, 214, 214);
			}
	
		/* = blog: list */
		.bloglist.format-video,
		.bloglist.format-gallery,
		.bloglist.format-image {
			width: 540px;
		}
		
			
	}

	/* = TABLET: viewport > 960 - Landscape iPad and Desktop monitors  */
	@media screen and (min-width:960px) {
	
		/* = GRID SYSTEM */
		.page .wrap, .post-type-archive-careers .wrap, .single-careers .wrap, .single-work .wrap, .single-post .wrap, #footer .wrap {
			max-width: 960px;
		}
		
		/* = footer */
		#footer .city {
			display: inline;
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
			border-left: 1px solid rgb(214, 214, 214);
		}
			
		/* = home */
		#intro .cta {
			width: 30%;
		}
		
		/* = work: library */
		.post-type-archive-work #content .wrap, .tax-work_tags #content .wrap, .tax-clients #content .wrap {
			width: 100%;
			max-width: 940px;
		}
		
			.project:nth-child(3n) {
				margin-right: 20px; /* reset margin on every 3rd project */
			}
		
			.project:nth-child(4n) {
				margin-right: 0; /* remove margin on every 4th project */
			}
			
		/* = work: project */
		.single-work #pagination .library, .single-work #pagination .prev, .single-work #pagination .next {
			width: 11.75%;
		}
		
		.single-work #pagination .library {
			display: block;
			float: left;
			width: 76.5%;
		}
	
		#media {
			margin-bottom: 0;
		}
		
		#messaging {
			width: 23.5%;
			float: right;
		}
		
			#messaging h1 {
				float: none;
				width: 100%;
			}
		
			#messaging .client, #messaging .title {
				display: block;
			}
		
			.act {
				float: none;
				clear: both;
				border-top: 1px solid rgb(214, 214, 214);
				margin-top: 1.5em;
				margin-right: 0;
				padding-top: 1.5em;
			}
			
			#messaging p {
				font-size: 1.3em;
			}
			
			#messaging h3 span {
				display: block;
				margin-bottom: 1.5em;
			}
	
			h3.tags {
				float: none;
				margin-right: 0;
			}
			
			ul.tags {
				display: block;
			}
			
				ul.tags li {
					float: none;
					margin-right: 0;
				}
				
					.tags a:after {
						content: ""; 
					}
		
		#media, #playlist, #galleries, .credits, .extracopy {
			width: 74.5%;
			float: left;
		}
		
			.thumb {
				width: 12.5714285714286%;
			}
			
			.photo6 {
				margin-right: 2%;
			}
	
			.photo7 {
				display: block;
				margin-right: 0;
			}
		
		.credits .copy {
			-moz-column-count: 4;
			-webkit-column-count: 4;
			-ms-column-count: 4;
			-ms-column-gap: 20px;
			column-count: 4;
		}
	
			.notouch #related .project figcaption {
				display: block;
				position: absolute;
				margin-top: 0;
				top: 0;
				left: 0;
				z-index: 30;
				width: 100%;
				height: 100%;
				text-align: center;
				background: rgb(38, 35, 36);
				background: rgba(38, 35, 36, .75);
				opacity: 0;
			}
			
			.notouch #related .project:hover figcaption {
				opacity: 1;
			}	
				
				.notouch #related .project .client {
					font-size: 1.375em; /* 20px */
					color: rgb(255, 255, 255);
				}
				
				.notouch #related .project figcaption .title {
					color: rgb(214, 214, 214);
				}
			
				.notouch #related .project figcaption .client span {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
				}
				
		/* = montage */
		#montages #messaging, #montages #media, #montages #playlist {
			float: none;
			width: 100%;
		}
		
		#montages #media {
			margin-bottom: 1.5em;
		}
		
			#montages #messaging h1 {
				float: left;
				width: 66%;
			}
		
		#montages .act {
			float: right;
			clear: none;
			margin: 0;
			padding: 0;
			border: none;
			line-height: 3.0em;
		}
		
		#montages .entry-content {
			border: none;
			margin-top: 0;
		}
		
		/* = blog: post */
		.single .blog .entry-content {
			width: 74.5%;
			float: left;
			clear: none;
		}
		
		.single .blog .entry-meta {
			width: 23.5%;
			float: right;
		}
		
		.shareholder {
			float: none;
		}
		
		.blog .act, .blog share {
			clear: both;
		}
	
		.leaveacomment {
			float: none;
			clear: both;
			display: block;
			margin-top: 1.5em;
			padding-top: 1.5em;
			border-top: 1px solid rgb(214, 214, 214);
		}
		
		/* = contact */
		.location .map {
			float: left;
			margin: 0 4% 1.5em 0;
		}

	}
	
	/* = TABLET & DESKTOP: viewport > 1200 - Landscape Xoom, Galaxy and Desktop monitors */
	@media only screen and (min-width: 1200px) {
	
		/* = work: library */
		.post-type-archive-work #content .wrap, .tax-work_tags #content .wrap, .tax-clients #content .wrap {
			width: 100%;
			max-width: 1180px;
		}
		
			.project:nth-child(4n) {
				margin-right: 20px; /* reset margin on every 4th project */
			}
		
			.project:nth-child(5n) {
				margin-right: 0; /* remove margin on every 5th project */
			}
	
	}
	
	@media only screen and (min-width: 1440px) {
	  /* = Viewports 1400px and over */
	 	
		/* = work: library */
		/*
.post-type-archive-work #content .wrap, .tax-work_tags #content .wrap, .tax-clients #content .wrap {
			width: 100%;
			max-width: 1420px;
		}
		
			.project:nth-child(5n) {
				margin-right: 20px; /* reset margin on every 5th project *
			}
		
			.project:nth-child(6n) {
				margin-right: 0; /* remove margin on every 6th project *
			}
*/
	
	}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	/* = retina display graphics */

	.playvideo {
		background-image: url('assets/images/skin-retina/play-video-small.png');
		background-size: 70px 70px;
	}
	
	#media .playvideo {
		background-image: url('assets/images/skin-retina/play-video.png');
		background-size: 120px 120px;
	}

	.viewgallery {
		background-image: url('assets/images/skin-retina/gallery.png');
		background-size: 30px 30px;
	}
	
	.flex-control-nav .next {
		background-image: url('assets/images/skin-retina/nav-next.png');
		background-size: 11px 37px;
	}
	
	.flex-control-nav .prev {
		background-image: url('assets/images/skin-retina/nav-prev.png');
		background-size: 11px 37px;
	}
	
	.flex-control-nav li a {
		background: url('assets/images/skin-retina/control_nav.png');
		background-size: 13px 38px;
	}
	
	.player-container li.pause, .player-container li.play, .player-container li.stop {
		background-image: url('assets/images/skin-retina/audio-buttons.png');
		background-size: 87px 53px;
	}
	
	.addthis_toolbox a.addthis_button_facebook span {
		background-image: url('assets/images/skin-retina/icon-share-facebook.png');
		background-size: 30px 70px;
	}

	.addthis_toolbox a.addthis_button_twitter span {
		background-image: url('assets/images/skin-retina/icon-share-twitter.png');
		background-size: 30px 70px;
	}

	.addthis_toolbox a.addthis_button_email span {
		background-image: url('assets/images/skin-retina/icon-share-email.png');
		background-size: 30px 70px;
	}

	#search input#searchsubmit {
		background-image: url('assets/images/skin-retina/search.png');
		background-size: 25px 25px;
	}
	
	#header h1, #header h2 {
		background-image: url("assets/images/skin-retina/logo.png");
		background-size: 218px 33px;
	}
		
	#access .mobile a, #sub-nav.mobile a {
		background-image: url('assets/images/skin-retina/nav-next-post.png');
		background-size: 8px 12px;
	}
	
	#local-nav .current-menu {
		background-image: url('assets/images/skin-retina/local-nav-selected.png');
		background-size: 20px 10px;
	}
			
	#menu-item-138 a {
		background-image: url('assets/images/skin-retina/icon-twitter.png');
		background-size: 30px 70px;
	}
	
	#menu-item-139 a {
		background-image: url('assets/images/skin-retina/icon-facebook.png');
		background-size: 30px 70px;
	}
	
	#menu-item-140 a {
		background-image: url('assets/images/skin-retina/icon-vimeo.png');
		background-size: 30px 70px;
	}
	
	#menu-item-141 a {
		background-image: url('assets/images/skin-retina/icon-flickr.png');
		background-size: 30px 70px;
	}
			
	#pagination .prev a {
		background-image: url('assets/images/skin-retina/nav-prev-post.png');
		background-size: 8px 12px;
	}
	
	#pagination .next a {
		background-image: url('assets/images/skin-retina/nav-next-post.png');
		background-size: 8px 12px;
	}
	
	.credits .close, .extracopy .close {
		background-image: url("assets/images/skin-retina/openclose.png");
		background-size: 38px 38px;
	}
	
}

@media only screen and (min-width: 760px) and (-webkit-min-device-pixel-ratio: 2) {

	#media .playvideo {
		background-image: url('assets/images/skin-retina/play-video-large.png');
		background-size: 220px 220px;
	}
		
	#access .current_page_parent, #access .current_page_item {
		background-image: url('assets/images/skin-retina/nav-selected-white.png');
		background-size: 20px 10px;
	}
	
	.post-type-archive-work #access .current_page_parent, .tax-clients #access .current_page_parent, .tax-work_tags #access .current_page_parent {
		background-image: url('assets/images/skin-retina/nav-selected-work.png');
		background-size: 20px 10px;
	}
	
	.single-work #access .current_page_parent, .single-work #access .current_page_item {
		background-image: url('assets/images/skin-retina/nav-selected.png');
		background-size: 20px 10px;
	}
	
	.blog #access .current_page_parent, .blog #access .current_page_item, .category #access .current_page_parent, .tag #access .current_page_parent, .tax-post_format #access .current_page_parent, .author #access .current_page_parent {
		background-image: url('assets/images/skin-retina/nav-selected-blog.png');
		background-size: 20px 10px;
	}
	
}

/* = PRINT 
---------------------------------------------------
	remember floats can cause content to disappear when spanning multiple pages
*/
	
@media print {

	div {
		float: none;
		clear: both;
		display: block;
		background: transparent;
	}
	
	.noprint {
		display: none;
	}
		
}