/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
.red { color: #F42534; }
a { color: inherit;  text-decoration: none; }
   
.HelveticaNeueLTStd-Lt { font-family: HelveticaNeueLTStd-Lt; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-Bd { font-family: HelveticaNeueLTStd-Bd; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-BdCn { font-family: HelveticaNeueLTStd-BdCn; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-BdIt {  font-family: HelveticaNeueLTStd-BdIt; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-Hv { font-family: HelveticaNeueLTStd-Hv; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-Roman { font-family: HelveticaNeueLTStd-Roman; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-It { font-family: HelveticaNeueLTStd-It; font-weight: normal; font-style: normal; }
.HelveticaNeueLTStd-Md { font-family: HelveticaNeueLTStd-Md; font-weight: normal; font-style: normal; }


.show-menu { display: block; height: 27px; width: 27px; background: transparent url(bg/icons.gif) 0px 0px no-repeat; }
.show-menu:hover { background-position: 0px -27px; }
.show-thumbs { display: block; height: 27px; width: 27px; background: transparent url(bg/icons.gif) -27px 0px no-repeat; }
.show-thumbs:hover { background-position: -27px -27px; }
.next-page { display: block; height: 27px; width: 27px; background: transparent url(bg/icons.gif) -54px 0px no-repeat; }
.next-page:hover { background-position: -54px -27px; }

.back-to-top { display: block; height: 27px; width: 27px; background: transparent url(bg/icons.gif) -81px 0px no-repeat; }
.back-to-top:hover { background-position: -81px -27px; }

@media only screen and (min-width: 920px){
	html { height: 100%; }
}
body { overflow-x: hidden; background: #F1F1F2; }
@media only screen and (min-width: 920px){
	body { min-height:100%; position: relative; }
}
#wrapper { width: 100%; position: relative; }

h3 { font: normal normal 19px/1.4 HelveticaNeueLTStd-Bd;  }

nav ul { margin: 0; padding: 0; }

img { width: 100%; height: auto; }

.hpad { padding: 0 20px; }
.vpad { padding: 20px 0 0 0; }

@media only screen and (min-width: 513px) and (max-width: 1024px) {
	.hpad { padding: 0 3.90625%; }
	.vpad { padding: 3.90625% 0 0 0; }
}

@media only screen and (min-width: 1025px) {
	.hpad { padding: 0 40px; }
	.vpad { padding: 40px 0 0 0; }
}

#header { border-bottom: 1px solid #666; min-width: 240px; overflow: hidden; }

#header #site-title { float: left; margin: 0 0 25px 0; font: normal normal 35px/1 HelveticaNeueLTStd-Hv; letter-spacing: -1.85px; }
#header #site-title a { color: #F42534; text-decoration: none; }
#header #menu-icon { 
	display: block;
	float: right; 
	margin: 4px 0 0 0; 
	cursor: pointer;
}

#header nav { display: none; border-top: 1px solid #666;  }
#header nav ul { padding: 0; margin: 10px 0; }
#header nav li a { font: normal normal 20px/1.4 HelveticaNeueLTStd-Hv; color: #999999; text-decoration: none; }
#header nav li.current-page-ancestor a,
#header nav li.current-menu-item a,
body.tax-discipline #header nav li:first-child a,
body.tax-sector #header nav li:first-child a,
body.single-project #header nav li:first-child a,
#header nav li a:hover { color: #231F20; }

/* Show/Hide menu and icon */
@media only screen and (min-width: 632px) {
	#header > div.clearfix { float: left; }
	#header #menu-icon { display: none; }
	#header nav { float: right; display: block; margin: 0;  border-top: 0px solid #666; }
	#header hr {  display: none; }
	#header nav ul { border-top: 0px solid #666; margin: 13px 0 0 0; }
	#header nav li { float: left; margin-left: 15px; }
	#header nav li:first-child { margin-left: 0; }
	#header #site-title { font-size: 38px; line-height: 38px; }
}

hr { margin: 0; border-color: #666; }
hr.wide { margin: 0; height: 4px; border-color: transparent; background-color: #E6E7E8; }




.sub-menu {	position: relative; }
a.next-page { position: absolute;	right: 0px;	top: 0px; }
@media only screen and (max-width: 319px) {
	a.next-page {  display: none; }
}
a.show-thumbs { position: absolute;	right: 0px;	top: 0px; }

.quick-links { margin-bottom: 20px; }
.quick-links a.show-thumbs { position: static;	float: right; margin-left: 3px; }
@media only screen and (max-width: 319px) {
	a.show-thumbs {  display: none; }
}
a.back-to-top { float: right; }


/* Taxonomy page */

.taxonomy > hgroup { float: left; }
.taxonomy > nav { float: left; margin-bottom: 40px; }

#content .taxonomy h3 { margin-bottom: 25px;  }

@media only screen and (min-width: 1335px) {
	.taxonomy > nav { float: right; }
}



.taxonomy h3 { font: normal normal 19px/1.4 HelveticaNeueLTStd-Bd; color: #231F20; } 
.dropdown { position: relative; z-index: 1000; margin-top: -5px; }
.dropdown li { float: left; zoom: 1; min-width: 205px; padding-bottom: 4px; }
.dropdown > li:first-child { padding-right: 4px;  }

.dropdown li a { display: block; font: normal normal 14px/1.4 HelveticaNeueLTStd-Bd; color: #231F20; text-decoration: none; padding: 10px 50px 10px 15px; } 
.dropdown li a:hover { color: #999999; }
.dropdown li a.dropdown-title { font-size: 15px; background: #E6E7E8 url(bg/dropdown.jpg) 163px 0px no-repeat; }
.dropdown li a.dropdown-title:hover { color: #231F20; cursor: default; } 


.dropdown ul { background-color: #fff; border-top: 4px solid #F1F1F2; padding: 15px 0; }
.no-touch .dropdown ul { position: absolute; top: 100%; left: 0; visibility: hidden; }

.touch.js .dropdown ul { visibility: visible; display: none;  }


.no-touch .dropdown li:hover { position: relative; }
.dropdown li.hover a.dropdown-title { background-color: #fff; background-position: 163px -42px; }

.dropdown ul li { float: none; }
.dropdown ul li a { width: 100%; display: inline-block; padding: 0 0 0 15px;  } 


/* Project Page */
.gallery br { display: none; }
.gallery dl { margin: 0; padding: 0; }
.gallery dt { margin: 20px 0; }

@media only screen and (min-width: 1521px){
	.gallery dt { width: 1480px; }
}
.gallery-container { margin: 0 0 40px 0; }
.gallery-container blockquote { margin: 10px 0 14px 0; font: normal normal 24px/1.2 HelveticaNeueLTStd-BdCn; color: #231F20; }
.gallery-container p, .gallery-container figcaption { font: normal normal 14px/1.4 HelveticaNeueLTStd-Bd; color: #231F20; }

.gallery-container a { color: #231F20; text-decoration: none; }
.gallery-container a.website { color: #F42534; text-decoration: none; }

.gallery-container p.disciplines a { font: normal normal 14px/1.4 HelveticaNeueLTStd-It; }
.gallery-container p.disciplines a:hover { color: #999999; }


/* Sub menu nav */

.menu-sub { margin: 50px 0 0 0; }

@media only screen and (min-width: 480px) {
	body.page-template-about-php .menu-sub li { float: left; margin-right: 10px; }
	body.page-template-people-php .menu-sub li { float: left; margin-right: 10px; }
}

@media only screen and (min-width: 800px) {
	body.page-template-process-php .menu-sub li { float: left; margin-right: 10px; }
}

.menu-sub li a { font: normal normal 19px/1.4 HelveticaNeueLTStd-Bd; color: #BBBDBF; text-decoration: none; }
.menu-sub li.current-menu-item a,
.menu-sub li.current-page-ancestor a,
.menu-sub li a:hover { color: #231F20; }

.sub-menu + .sub-menu { margin-top: -40px; }



#content { font: normal normal 15px/1.4 HelveticaNeueLTStd-Roman; color: #231F20; } 
#content h1 { font: normal normal 27px/29px HelveticaNeueLTStd-Bd;  letter-spacing: -0.7px;  }
#content h1 span { font: normal normal 27px/29px HelveticaNeueLTStd-Roman; }
#content h2 { font: normal normal 30px/29px HelveticaNeueLTStd-Bd;  letter-spacing: -0.7px;  }
#content h3 { font: 15px/1.4 HelveticaNeueLTStd-Bd; margin: 15px 0 0 0; }
#content p.first { color: #231F20; margin: 20px 0 30px 0; font: normal normal 27px/29px HelveticaNeueLTStd-Bd;  letter-spacing: -0.7px;  }
#content h3 + p { margin-top: 0; }
@media only screen and (min-width: 1024px) {
	#content h1 { font-size: 48px; line-height: 1.025; letter-spacing: -0.5px; }
	#content h1 span { font-size: 48px; line-height: 1.025; letter-spacing: -0.5px; }
	#content p.first { max-width: 820px; font-size: 48px; line-height: 1.025; letter-spacing: -0.5px; }
}
#content .panes { border-top: 4px solid #E6E7E8; padding: 20px 0 0 0; } 
body.page-template-people-php #content .panes { border-top: 4px solid #f1f1f2;  }

#content .lpane { float: left; max-width: 345px; margin: 0 40px 0 0; }
body.page-template-people-php #content .lpane { max-width: 500px;   }
#content .rpane { float: left; max-width: 345px;  }
body.page-template-people-php #content .rpane { max-width: 608px;  }
body.page-template-contact-php #content .rpane { max-width: 800px;  }

body.page-template-process-php #content .panes ul { list-style-type: none; margin: 0 0 15px 0; padding: 0; } 
body.page-template-process-php #content .panes ul li:before{ content:"\2014"; position:relative; left:-5px;}
body.page-template-process-php #content .panes ul li{ text-indent: 5px; }

/*#content a { font: normal normal 15px/1 HelveticaNeueLTStd-Bd; }*/


body.page-template-contact-php #content a[href^=tel]{
	font-size: inherit;
    color:inherit;
    text-decoration:none;
}

#content a.button { 
	display: inline-block;
	/*height: 30px;*/
	/*width: 207px;*/
	padding: 15px;
	font-size: 14px; 
	background-color: #F42434;
	/*background: #231F20 url(bg/button.gif) 0px 0px no-repeat;*/
	color: #fff;
	text-decoration: none;
}
#content a.button:hover { /*background-position:  0px -60px; */ background-color: #221F1F; }
#content a.button span { display: block; font: normal normal 14px/1 HelveticaNeueLTStd-Md;  margin-top: 5px; }

#content p.email { font-family: HelveticaNeueLTStd-BdIt; font-weight: normal; font-style: normal; }
#content p.email a { font: 15px/1 HelveticaNeueLTStd-Bd; color: #f42534; text-decoration: none;  }

body.page-template-contact-php #content header img { margin-bottom: 50px; max-width: 1440px; }

#gmap {
	height: 600px;
	width: 100%;
	max-width: 1440px;
	margin-bottom: 50px;
}

#content-header { margin: 20px 0 8px 0; position: relative; }
#content-header h2 { font: normal normal 27px/29px HelveticaNeueLTStd-Bd;  letter-spacing: -0.7px;  margin: 5px 0; }
.entry-title { font: normal normal 15px/1.4 HelveticaNeueLTStd-Bd;  }
#content h3.entry-title { margin-top: 30px; }
.entry-subtitle {  margin: 10px 0 20px 0; font: normal normal 27px/29px HelveticaNeueLTStd-Bd;  letter-spacing: -0.7px; }

@media only screen and (min-width: 320px) {
	.entry-title { font-size: 19px;  }
	.entry-subtitle { margin: 20px 0; }
}

@media only screen and (min-width: 768px) {
	.entry-subtitle { max-width: 620px; }
	#content-header h2 { font-size: 36px; line-height: 1.025; margin: 30px 0; }
	#content-header hgroup { max-width: 620px; }	
}

@media only screen and (min-width: 1024px) {
	.entry-subtitle { max-width: 820px; font-size: 48px; line-height: 1.025; letter-spacing: -0.5px; }
	#content-header h2 { font-size: 48px; line-height: 1.025; letter-spacing: -0.5px; }
	#content-header hgroup { max-width: 820px; }	
}

form p { position: relative; padding: 10px; height:  20px; width: 260px; background: #fff; margin-right: 10px; }
form p#form-enquiry { height: 185px; width: 260px; }
form p#form-submit { background: transparent; padding: 0px; }
form label { position: absolute; font: normal normal 16px/1 HelveticaNeueLTStd-BdCn; z-index: 1000; }
form span.wpcf7-form-control-wrap { position: absolute;  top: 8px; }
form span.wpcf7-not-valid-tip { display: block; font-size: 12px; }
form div.wpcf7-response-output { display: block; font-size: 12px; margin-top: 50px; }
form input, form textarea { border: none; }

form p#form-name input { padding-left: 40px; width: 220px; }
form p#form-telephone input { padding-left: 69px; width: 190px; }
form p#form-company input { padding-left: 63px; width: 190px; }
form p#form-email input { padding-left: 40px; width: 210px; }
form textarea { padding-top: 25px; height: 165px;  width:260px; }
form p#form-submit input { display: block; width: 100px; height: 60px; background-color: #F42434; font: normal normal 16px/1 HelveticaNeueLTStd-BdCn; color: #fff; }
form p#form-submit input:hover { background-color: #221F1F; }

#content .ajax-loader { width: 16px!important; height: 16px!important; }


#content #home-slides { /*max-width: 280px;*/ min-height: 100px; margin: 0 0 20px 0; }
#content #home-slides > hgroup { display: none; }
#content #home-slides > hgroup.first { display: block; }
#content #home-slides h1 { display: none; }
#content #home-slides h1 span { color: #ccc; font: inherit; }
#content #home-message { font: normal normal 15px/1.4 HelveticaNeueLTStd-Roman;  max-width: 840px; }
#content #home-message a { color: inherit; text-decoration: none; }

/* Home page slides */
@media only screen and (min-width: 768px) {
	#content #home-slides { 	max-width: 620px; min-height: 200px; }
	#content #home-slides h1 { display: block; margin: 5px 0;  font: normal normal 70px/70px HelveticaNeueLTStd-Hv;  letter-spacing: -3.4px; }
}

@media only screen and (min-width: 1024px) {
	#content #home-slides { max-width: 820px; }
	#content #home-slides h1 { font: normal normal 92px/92px HelveticaNeueLTStd-Hv;  letter-spacing: -4.5px; }

}
@media only screen and (min-width: 1400px) {
	#content #home-slides { float: left; }
	#content #home-message { float: left; width: 386px; margin: 116px 0 0 100px; }
}


/* Thumbs - home and project home */
.thumbs { overflow: hidden; }
#content .thumbs h3 { float: left; margin: 24px 0 41px 0; }
#see-more { display: none; margin: 28px 0 0 0; }
#see-more a { color: #231F20; text-decoration: none; }
#see-more a:hover { color: #F42534; }


@media only screen and (min-width: 600px) {
	#see-more { display: block; float: right; }
}


.thumbs > nav li { float: left; width: 280px;  }
.thumbs > nav li a.thb { display: block; position: relative; overflow: hidden; }
.thumbs > nav li a.thb span.outer { /*display: none;*/ position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; background: #F42534; }
.thumbs > nav li a.thb span.mid { display: block; position: absolute; left: 0px; top: 0px; height: 82%; width: 86%; margin: 9% 7%; }
.thumbs > nav li a.thb span.inner { display: block; position: absolute; left: 0px; bottom: 0px; font: normal normal 16px/1.4 HelveticaNeueLTStd-Roman; letter-spacing: 0.5px; color: #fff; }
.thumbs > nav li a.thb span strong { display: block; font: normal normal 20px/1.4 HelveticaNeueLTStd-Roman; }
/*.thumbs > nav li a.thb:hover span.outer { display: block; }*/

.thumbs > nav li a.mob { font-size: 12px; color: #222; }

@media only screen and (max-width: 320px) {
	.thumbs > nav { width: 107.14285%; }
	.thumbs > nav li { width: 93.333333%; margin: 0 6.666666% 6.666666% 0; }
}
@media only screen and (min-width: 321px) and (max-width: 620px) {
	.thumbs > nav { width: 103.44827%; }
	.thumbs > nav li { width: 46.666666%; margin: 0 3.333333% 3.333333% 0; }
}
@media only screen and (min-width: 621px) and (max-width: 920px) {
	.thumbs > nav { width: 102.27272%; }
	.thumbs > nav li { width: 31.111111%; margin: 0 2.222222% 2.222222% 0; }
}
@media only screen and (min-width: 921px) and (max-width: 1220px) {
	.thumbs > nav { width: 101.69491%; }
	.thumbs > nav li { width: 23.333333%; margin: 0 1.666666% 1.666666% 0; }
}
@media only screen and (min-width: 1221px) and (max-width: 1520px) {
	.thumbs > nav { width: 101.35135%; }
	.thumbs > nav li { width: 18.666666%; margin: 0 1.333333% 1.333333% 0; }
}
@media only screen and (min-width: 1521px){
	.thumbs > nav { width: 1500px; }
	.thumbs > nav li { width: 280px; margin: 0 20px 20px 0; }
}


@media only screen and (min-width: 21px) and (max-width: 120px) {
	.thumbs > nav li a.thb span { font-size: 12px; }
	.thumbs > nav li a.thb span strong { font-size: 16px; }
}
@media only screen and (min-width: 321px) and (max-width: 420px) {
	.thumbs > nav li a.thb span { font-size: 12px; }
	.thumbs > nav li a.thb span strong { font-size: 16px; }
}
@media only screen and (min-width: 621px) and (max-width: 720px) {
	.thumbs > nav li a.thb span { font-size: 12px; }
	.thumbs > nav li a.thb span strong { font-size: 16px; }
}
@media only screen and (min-width: 921px) and (max-width: 1020px) {
	.thumbs > nav li a.thb span { font-size: 12px; }
	.thumbs > nav li a.thb span strong { font-size: 16px; }
}
@media only screen and (min-width: 1221px) and (max-width: 1420px) {
	.thumbs > nav li a.thb span { font-size: 12px; }
	.thumbs > nav li a.thb span strong { font-size: 16px; }
}



#latest-news { padding: 50px 0 25px 0; }
body.page-template-people-php #latest-news { padding: 0 0 25px 0; }
#latest-news li {  float: left; width: 280px; padding-bottom: 25px; }

@media only screen and (max-width: 320px) {
	#latest-news { width: 107.14285%; }
	#latest-news li { width: 93.333333%; margin: 0 6.666666% 6.666666% 0; }
}
@media only screen and (min-width: 321px) and (max-width: 620px) {
	#latest-news { width: 103.44827%; }
	#latest-news li { width: 46.666666%; margin: 0 3.333333% 3.333333% 0; }
}
@media only screen and (min-width: 621px) and (max-width: 920px) {
	#latest-news { width: 102.27272%; }
	#latest-news li { width: 31.111111%; margin: 0 2.222222% 2.222222% 0; }
}
@media only screen and (min-width: 921px) and (max-width: 1220px) {
	#latest-news { width: 101.69491%; }
	#latest-news li { width: 23.333333%; margin: 0 1.666666% 1.666666% 0; }
}
@media only screen and (min-width: 1221px) and (max-width: 1520px) {
	#latest-news { width: 101.35135%; }
	#latest-news li { width: 18.666666%; margin: 0 1.333333% 1.333333% 0; }
}
@media only screen and (min-width: 1521px){
	/*#latest-news { width: 1500px; }*/
	#latest-news li { width: 280px; margin: 0 20px 20px 0; }
}


#content-footer #latest-news h3 { float: none; margin: 24px 0;  }
#content-footer #latest-news li h3 { margin-bottom: 0;  }
#content-footer #latest-news a { font: 15px/1 HelveticaNeueLTStd-Bd; color: #f42534; text-decoration: none;  }

#content-footer #latest-tweet > div { cursor: pointer; }
#content-footer #latest-tweet hr  { margin: 0 0 30px 0; }
#content-footer #latest-tweet p { float: left; margin: 0 0 25px 0; max-width: 220px; }
#content-footer #latest-tweet p#latest-tweet-img { margin-right: 20px; width: 37px; height: 49px; background: transparent url(./bg/latest-tweet.png) 0px 0px no-repeat; overflow: hidden; }

@media only screen and (min-width: 341px){
	#content-footer #latest-tweet p { max-width: 400px; }
}


.clear-footer { display: none; }
#footer {
	font: normal normal 14px/1.4 HelveticaNeueLTStd-Roman;
	color: #d0d2d3;
	background-color: #231f20;
	padding: 20px 0 20px 0;
	/*margin-top: 100px;*/
}

#footer a { color: #d0d2d3; text-decoration: none; }
#footer a:hover { color: #F42534; }
#footer h4 { margin: 0; font-weight: normal; }
#footer div.details  p { margin-top: 0; width: 215px; margin-right: 45px; }
#footer nav.menu-footer { margin-bottom: 20px; font: normal normal 14px/1.26 HelveticaNeueLTStd-Roman; }
#footer nav.social-media li { float: left; margin-left: 6px;  width: 30px; height: 29px; overflow: hidden; }
#footer nav.social-media li:first-child { margin-left: 0px; }
#footer nav.social-media li a { display: block; width: 30px; height: 29px; position: relative; overflow: hidden; }
#footer nav.social-media li a img {	position: absolute; top: 0px; width: 120px;	}
#footer nav.social-media li a.twitter img {			left:   0px; top:   0px; }
#footer nav.social-media li a.twitter:hover img {	left:   0px; top: -58px; }
#footer nav.social-media li a.pinterest img {		left: -30px; top:   0px;  }
#footer nav.social-media li a.pinterest:hover img {	left: -30px; top: -58px; }
#footer nav.social-media li a.facebook img {		left: -60px; top:   0px; }
#footer nav.social-media li a.facebook:hover img {	left: -60px; top: -58px; }
#footer nav.social-media li a.google img {			left: -90px; top:   0px;  }
#footer nav.social-media li a.google:hover img {	left: -90px; top: -58px; }

#footer nav.menu-footer li.menu-item-has-children > a { font-weight: bold; }

@media only screen and (min-width: 340px) {
	#footer div.lpane {	float: left; }
	#footer nav.social-media {	float: right; }
}
@media only screen and (min-width: 600px) {
	#footer nav.menu-footer > ul > li { float: left; margin-left: 45px;  }
	#footer nav.menu-footer > ul > li:first-child { margin-left: 0;  }
	
}

@media only screen and (min-width: 920px) {
	#footer div.lpane {	min-width: 600px; }
	.no-touch #footer div.details { float: left; }
	.no-touch .clear-footer { display: block; clear: both; height: 200px; }
	.no-touch #footer { position: absolute; right: 0; bottom: 0; left: 0; }
	/*.no-touch #footer { margin-top: 0; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 2000; }*/
	.no-touch #footer div.details > p { margin-right: 20px; }
}
@media only screen and (min-width: 1220px) {
	.no-touch #footer div.details { float: left; }
	.no-touch #footer nav.menu-footer { float: left; }
}

.blog-panes { margin-bottom: 40px; max-width: 790px; }
#blog-pane-left { max-width: 530px; }
#blog-pane-right {  }
body.single #blog-pane-right { margin-top: 40px; }

#content h3.blog-title { margin: 50px 0 50px 0; }

#content article { margin: 25px 0 40px 0; }
#content article h2 { font: normal normal 19px/1.4 HelveticaNeueLTStd-Bd;  color: #231F20; }
#content article h2 span { font: normal normal 19px/1.4 HelveticaNeueLTStd-Roman;  color: #231F20; }
#content article h1 { font: normal normal 38px/1.025 HelveticaNeueLTStd-BdCn;  color: #231F20; letter-spacing: -0.5px; margin: 15px 0;   }
#content article h1 a { font: inherit;  color: inherit; }
#content article a { font: 15px/1 HelveticaNeueLTStd-Bd; color: #f42534; text-decoration: none;  }

#content article img { margin: 0 0 20px 0; }

.posts-nav a { margin: 20px 0; display: block; }


/* Sidebar */
#secondary { width: 100%; }
#secondary ul { list-style-type: none; padding: 0; margin: 0; }


#archives { width: 160px;  }
#archives h3 { color: #fff; background-color: #808184; padding: 5px 20px; margin: 0 0 10px 0; }

#archives ul { margin: 0; }
#archives a { display: block; padding: 3px 0 2px 25px; color: #231F20; font: normal normal 16px/1.4 HelveticaNeueLTStd-BdCn; }
#archives a:hover { background-color: #D0D2D3; color: #fff; }

#archives hr.wide { margin-top: 10px; }

@media only screen and (min-width: 750px) {
	#blog-pane-left { float: left; margin-right: 60px; }
	#blog-pane-right { float: left;  }
	body.single #blog-pane-right { margin-top: 0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*.no-touch .mob { display: none; }*/
   
   
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */





	
}






@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}