/* Styles for Carbon Arts */

/* Basic Reset */

html, body 						{ margin: 0; padding: 0; background-color:#f7f7f7; }
body, div, span, footer, section, article, header, blockquote, input, nav, figure, h1, h2, h3, h4, h5, p, ul, li, a { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; margin:0; padding:0;}
body 							{ font-size: 100%; font-family: 'LidoSTFRegular'; }
footer, section, article, header, blockquote, input, nav, figure { display: block; }
h1, h2, h3, h4, h5, p, ul, li 	{ font-size:100%; font-weight: normal; }
p, ul, li 						{ font-family: 'LidoSTFRegular'; }
em, i 							{ font-family: 'LidoSTFItalic'; font-style: normal; }
b, strong 						{ font-family: 'LidoSTFBold'; font-weight: normal; }
b i, strong i, strong em, b em  { font-family: 'LidoSTFBoldItalic'; font-style: normal; }
figure, img 					{ line-height:0; }
img, img a 						{ border:none; }

h2 				{ font-size:240%; line-height:1.0em; font-family: 'Cousine'; text-transform: uppercase; letter-spacing: -0.5px; }
.archive h2		{ font-size:200%; }
#things-we-like h2, #articles h2 	{ font-size: 160% }

h3 	{ font-size:160%; margin-bottom:12px; }
p	{ font-size:120%; line-height:1.25em; margin-top: 1em; }

p a { display:inline !important; color:inherit; padding:0 !important; margin:0 !important; }

h5 span { color:#666; }

/* Link styles */

a, a:active, a:hover, a:visited { text-decoration:none; color: inherit; font-family: inherit; }

.tag-column a		{ border-bottom:1px solid rgba(0,0,0,0); }
.tag-column a:hover { border-bottom:1px solid rgba(0,0,0,0.5); }

/* List a:hover states to be finished */

/* .archive article > a:hover .read-more { background-color:rgba(255,0,0,1) } */
/* .archive article > a:hover .black-bar { background-color:rgba(255,0,0,1) } */
/* .archive article > a:hover h2 { color:rgba(255,0,0,1) } */

nav a { display:block; padding:3px 6px; }

/* Core ID elements */

#wrapper { min-height:100%; padding: 8px 20px 24px 24px; overflow:auto; max-width:1280px; margin:0 auto; background-color:white; }

.index #wrapper > section:nth-of-type(2) { padding: 0 12px 0 0; }

.singlePage #wrapper > section:nth-of-type(2) { padding: 0 12px 0 0; }
.singlePage #wrapper > section:nth-of-type(3) { padding: 0 12px 0 0; }
body.two-column-thirds #wrapper > section:nth-of-type(3) { padding: 0 0 0 56px; }

/* Main Header */

section.page-header { position:relative; width:100%; /* max-width:1280px; */ /* height: 192px; */ overflow:hidden; margin-bottom:48px; padding-right:4px; }
section.page-header p { position:absolute; top:0px; right:0px; font-size:120% !important; line-height:0; font-family: 'Cousine', sans-serif; text-transform: uppercase; }
section.page-header nav { white-space:normal; width:100%;font-family: 'Cousine', sans-serif; text-transform: uppercase }
section.page-header nav:first-of-type { width:100%; font-size: 100%; text-align: right; padding-bottom:8px; border-bottom:8px solid black; }
section.page-header nav:first-of-type a { border-bottom: 2px solid white; padding:0; margin-left:12px; }
section.page-header nav:first-of-type a:hover { border-bottom: 2px solid black; }
section.page-header nav:last-of-type { width:100%; font-size:135%; margin-top:12px; }
section.page-header nav:last-of-type a { margin-right:18px; padding:0; border-bottom: 4px solid white; }
section.page-header nav:last-of-type a:hover { border-bottom: 4px solid black; }
section.page-header nav a { text-transform: uppercase; display:inline-block;  }

/* Footer */

body > footer { position:relative; overflow:auto; width:100%; padding-top:16px; background-color:#cccccc; background-image: url(../images/shadow.png); background-repeat: repeat-x; color:#808285; }
body > footer > div { position:relative; }
body > footer > div:last-of-type 	{ float:right; }
body > footer > div:first-of-type 	{ width: 512px; float:left; overflow:auto; }
body > footer 						nav { padding:16px; }
body > footer > div:first-of-type 	nav { width: 256px; float:left; }
body > footer > figure { clear:left; width:100%; text-align:right; padding:0 24px 24px; }
body > footer a { text-transform:uppercase; line-height:1em; font-family: 'Cousine', sans-serif; font-size:85% !important; }
body > footer a:hover { color:#333; }

/* Index Page */

.index #wrapper > section { overflow:auto; }
.index section:not(.page-header) > article { position:relative; background-color:black; color:white; }
.index section:not(.page-header) > article > a { display:block; height:100%; width:100%; /* padding:16px; */ }
.index section:not(.page-header) > article > a > div { position:relative; }
.index section:not(.page-header) > article:nth-of-type(1) { width:100%; height:496px; margin-bottom:8px; color:black; overflow:auto; }
.index section:not(.page-header) > article:nth-of-type(1) a { width:50%; height:100%; padding:8px 8px 8px 4px; float:right; }
.index section:not(.page-header) > article:nth-of-type(1) div { background-color:white; width:100%; height:100%; padding:16px; }
.index section:not(.page-header) > article:nth-of-type(2) { width:50%; height:380px; float:left; border-right:4px solid white; }
.index section:not(.page-header) > article:nth-of-type(3) { width:50%; height:380px; float:left; border-left:4px solid white; }
.index section:not(.page-header) > article h5 { text-transform:uppercase; margin-bottom:2em;  }
.index section:not(.page-header) > article h2 { font-size:255%; margin-bottom:0.5em; }
.index section:not(.page-header) > article p:not(.view-item) { font-size: 120%;  }
.index section:not(.page-header) > article:nth-of-type(1) p:not(.view-item) { font-size:140%; }
.index section:not(.page-header) > article p.view-item { position:absolute; left:16px; bottom:16px; text-transform:uppercase; }

body#projects 		section.page-header nav:last-of-type a.projects,
body#events 		section.page-header nav:last-of-type a.events,
body#people 		section.page-header nav:last-of-type a.people,
body#news 			section.page-header nav:last-of-type a.news,
body#articles 		section.page-header nav:last-of-type a.articles,
body#things-we-like section.page-header nav:last-of-type a.things-we-like { border-bottom: 4px solid black; }

body#about 		section.page-header nav a.about,
body#contact 	section.page-header nav a.contact { border-bottom: 2px solid black; }


.sub-no-image div			{ width:80%; height:100%; overflow:hidden; padding:16px; }
.sub-image div				{ width:50%; height:100%; overflow:hidden; }
.sub-image div:nth-of-type(1) { float:left; padding:16px; }
.sub-image div:nth-of-type(2) { float:right; }
.sub-image div img			{ display:none; }

/* Default Archive */

.archive #wrapper { margin-bottom: 24px; }
.archive #wrapper section > header { /* height:200px; */ padding:0 24px 24px 0; }
.image-list-item { width:50%; float:left; overflow:hidden; } 
.image-list-item.small { width:25%; float:left; } 
.archive #wrapper > section:nth-of-type(2) article { padding-right: 4px; }
.archive #wrapper > section:nth-of-type(3) article { padding-left: 4px; width:75%; }
.archive header { padding:16px; width:100%; margin-bottom:8px;  } 
.archive header h1 { font-size:140%; text-transform:uppercase; margin-top:8px; }
.archive header p { margin-top:0; margin-right:48px; }
.archive article { margin-bottom:24px; }
.archive article > a { position:relative; display:block; padding-top:16px; background-color:white; }
.archive article > a figure { width:100%; background-repeat: no-repeat; background-size: cover; background-position:center; margin:16px 0; }
.archive article > a figure img { width:100%; vertical-align: bottom; }
.archive article > a > section h2 { font-size: 160%; margin-bottom:0.5em; margin-top:0.1em; }
.project article.small > a > div h2,
.archive article.small > a > section h2 { font-size: 100%; line-height:1.1em; }

.image-list-item { position:relative; /* margin-bottom:12px !important; */ }
.image-list-item:not(.no-image) section:not(.event-details) { height:140px; padding:6px; overflow:hidden; padding:16px 32px 16px 0; background-color: rgba(255,255,255,1); border-bottom:8px solid black; }
.events .image-list-item:not(.no-image) section:not(.event-details) { position:relative; height:124px; }
.image-list-item.small:not(.no-image) section:not(.event-details) { height:94px; }
.image-list-item.people:not(.no-image) section:not(.event-details) { height:88px; }
.image-list-item.no-image section { position:relative; width:100%; padding:16px 16px 16px 0; margin-bottom:8px; }
.image-list-item figure { margin:0 !important; padding:0; height:384px; overflow:hidden; background-repeat: no-repeat; background-size: cover; }
.image-list-item.people figure { height:auto; }
.image-list-item.small figure { height:256px; }
.image-list-item figure img { padding:0; margin:0; }
.image-list-item > a { padding-top:0px !important; }
.image-list-item section h2 { margin-bottom:0 !important; margin-bottom:12px; }
.image-list-item section p { margin-top:0.5em; font-size:100%; }
.image-list-item.no-image section h2 { color:black; }
.image-list-item.no-image section p { color:black; }
.image-list-item .black-bar { margin:4px 0 8px; }

.archive.people .content { overflow:auto; }
.archive.people #wrapper section > header { width:25%; float:left; height:auto; padding-bottom:24px; }
.archive.people .image-list-item { width:25%; float:left; padding:0 0px !important; }
.archive.people .image-list-item section h2 { font-size:150%; padding-bottom:0; }
.archive.people #wrapper > section:nth-of-type(2) article:first-of-type a { border-top:none; padding-top:0px !important;}

/* Two Column Structures */

.two-column	#wrapper > section { }

.two-column-half { position:relative; overflow:auto; }
.two-column-half > section .black-bar { margin-top:0; }

.two-column-half #wrapper > section:nth-of-type(2), 
.two-column-half > section:nth-of-type(1), 
.two-column-half > article:nth-of-type(1) { width: 50%; float:left; padding-right:56px; }

.two-column-half	#wrapper > section:nth-of-type(3), 
.two-column-half > section:nth-of-type(2), 
.two-column-half > article:nth-of-type(2) { width: 50%; float:right; }

.two-column-thirds	#wrapper > section:nth-of-type(2) { width: 30%; float:left; padding: 0 12px 0 0px; }
.two-column-thirds	#wrapper > section:nth-of-type(3) { width: 70%; float:right; padding-left:0px; }
.archive.two-column-thirds #wrapper section > header { height:200px; padding:16px 0 0 0; }

.page.two-column-thirds #wrapper article		  { padding-right:24px; }
.page.two-column-thirds #wrapper article > header { height:auto; padding:16px 0 24px 0; }

.two-column-thirds-inverted	#wrapper > section:nth-of-type(2) { width: 30%; float:left; }
.two-column-thirds-inverted	#wrapper > section:nth-of-type(3) { width: 70%; float:right; padding-left:10% }
.singlePage.two-column-thirds-inverted #wrapper section > header { padding:16px 0 0; }

.archive.two-column-thirds header h1 { font-size:200%; text-transform:uppercase; }

.singlePage.two-column-thirds-inverted header h1 { font-size:200%; text-transform:uppercase; }


#about.two-column-thirds section:nth-of-type(2) { width:100%;}
#about.two-column-thirds section:nth-of-type(2) header { width:100%; }
#about.two-column-thirds section:nth-of-type(2) article { width:100%; overflow:auto; padding-right:0; }
#about.two-column-thirds section:nth-of-type(2) article section { width:35%; float:left; }
#about.two-column-thirds section:nth-of-type(2) article section:nth-of-type(3) { width:30%; float:right; }
#about.two-column-thirds section:nth-of-type(3) img { width:100%; }

/* Article Archive */

.text-list #wrapper section > header { height:auto; }
.text-list article	{ margin-bottom: 8px; padding: 16px 0 0 0; }
.text-list article a { display:block; padding:16px 16px 0; }
.text-list article a > header { padding: 0 80px 0 0; margin-bottom:1em; }
.text-list article a > header h2 { margin-bottom:0.1em; }
.text-list article a > header h5 { font-size:100%; font-family: 'Cousine', sans-serif;  }
.text-list article a > header h5 em { font-family: inherit;  }
.text-list article a > header span { font-size:70%; text-transform:uppercase; }
.text-list section:nth-of-type(3) article a > section { padding: 0 120px 0 0; }
.text-list article a > section p { font-size: 120%; }

a > h5.author, h5.author { font-size:80%; font-family: 'Cousine', sans-serif; }
h2 + h5.author { font-size:120%; }
a > h5.author em, h5.author em { font-family: inherit;  }
a > h5.author span, h5.author span { font-family: inherit; font-size:70%; text-transform:uppercase; }

/* News archive */

.news #wrapper > section:nth-of-type(3) article { border-bottom:8px solid black; padding:16px 20% 32px 0; margin-bottom:24px; }
.news #wrapper > section:nth-of-type(3) article header { padding:0 }
.news #wrapper > section:nth-of-type(3) article section { padding:0 }
.news #wrapper > section:nth-of-type(3) article section a { padding:0; }
.news header { position:relative; }
.news header .date { position:absolute; left:-50px; top:4px; border-bottom:1px solid black; padding:4px 0; font-size:70% }

/* Single page */

.singlePage #wrapper > section > article { padding:0px 60px 24px 0px; width: 100%; }
.singlePage #wrapper > section > article header {  margin-bottom: 24px; }
.singlePage #wrapper > section > article header h2 { font-size:260%; margin-bottom:0.3em; }
.singlePage #wrapper > section > article header p { font-size:165%; margin-bottom:0.5em; line-height:1.05em }

.singlePage.articles #wrapper > section > article { max-width:800px; }

.main-content	{ padding: 0 42px 0 0 }
.main-content p { margin-bottom: 1em; font-size: 105%; line-height: 125% }

/* Things we like archive page */

.archive.things-we-like section { overflow:auto; }
.archive.things-we-like section:nth-of-type(3) { padding-top:16px; }
.archive.things-we-like section > section { width:50%; float: left; }
.archive.things-we-like section > section:nth-of-type(odd) { padding: 0 8px 0 0; }
.archive.things-we-like section > section:nth-of-type(even) { padding: 0 0 0 8px; }
.archive.things-we-like section > section figure { height:auto; width:100%; background-repeat: no-repeat; background-size: cover; margin:16px 0; }
.archive.things-we-like section > section figure img { width:100%; }
.archive.things-we-like section > section h2 { font-size:200%; }
.archive.things-we-like section > section h3 { font-size:100%; margin:12px 0 32px 0; padding-bottom:8px; text-transform:uppercase; border-bottom:4px solid black; }
.archive.things-we-like section > .black-bar { margin-bottom:12px; }
.archive.things-we-like article > section { padding-top:24px; }

.archive.tag header { padding:16px; width:100%; min-height:200px; height:auto !important; } 
.archive.tag header:not(.page-header) { border-bottom:8px solid black;min-height:240px; margin-bottom:24px; padding:16px 0 16px !important; } 
.archive.tag article > a { padding-top: 16px; border-top:8px solid black;}
.archive article:first-child > a { padding-top: 0; border-top:none; }

.tagmenu { overflow:auto; padding: 0 12px 0 0; }
.tagmenu div:not(.black-bar) { width:33%; float:left; margin-top:24px; padding-right:12px; }
.tagmenu a {padding-left:0;}
.tag-in-page { border-bottom:1px solid black !important; }

.articles .main-content { margin-top:64px; }
.articles .main-content p:first-child { font-size: 140%; line-height:130%; }

/* In page nav and small header */

/*
nav.in-page { margin:24px 0; padding:16px 0px 16px 0; border-top:4px solid black; border-bottom:4px solid black; }
nav.in-page span { text-transform: uppercase; font-size:60%; }
nav.in-page em { text-transform: uppercase; font-size:60%; font-family: 'LidoSTFBold'; }
*/

nav.tag-links	{ margin: 8px 0 0; padding:0 0 0 0; text-transform:uppercase;}
nav.tag-links span	{color:black; text-transform:uppercase; font-size: 85%;  }
nav.tag-links a { display:inline-block; padding:0; margin:0 0 0 6px; background-color:#fff; color:black; text-transform:uppercase; font-size: 85%; }
nav.tag-links a:hover { background-color:#ccc; }

.post-extra-content nav a, nav.in-page a { padding: 6px 0; font-size:120%; }

.post-extra-content { position:relative; margin: 40px 0; padding-top:16px;  border-top: 8px solid black; }
.post-extra-content h4 { position:absolute; top:-9px; right:0; font-size:70%; background-color:white; padding-left:12px; text-transform: uppercase; }
.post-extra-content h5 { font-size:70%; background-color:white; padding-left:12px; text-transform: uppercase; padding:12px 0 6px; }

/* image gallery */

.image_gallery { position:relative; margin-top:12px; overflow:auto; height:auto; }
.image_gallery, .image_gallery figure, .image_gallery img { width:100%; }
.image_gallery figure { margin-bottom:0; max-height:576px; overflow:hidden; }
.image_gallery figcaption { position:absolute; bottom:0; left:0; right:0; height:36px; font-size: 75%; font-family:'Cousine', sans-serif; padding:0 42px; background-color:black; color:rgba(255,255,255,0.6); }
.image_gallery figcaption p { text-align:center; padding:0; margin:0; line-height:2.5em; }

.gallerybutton 			{ position:absolute; top:0; width:36px; height:100%; cursor:pointer; background-position: 0 8px; background-repeat: no-repeat; }
.gallerybutton .button 	{ position:absolute; bottom:0; left:0; width:36px; height:36px; }
.gallerybutton:first-of-type { left:0; }
.gallerybutton:first-of-type .button { background-image: url(../images/arrow-left.png);  border-right:1px solid rgba(255,255,255,0.2);  }
.gallerybutton:last-of-type { right:0; }
.gallerybutton:last-of-type .button { background-image: url(../images/arrow-right.png); border-left:1px solid rgba(255,255,255,0.2); }
.gallerybutton:hover { background-color:rgba(0,0,0,0.2); }

.single-image { position:relative;  width:100%; max-height:576px; overflow:hidden; margin-top:12px; }
.image_gallery .single-image { margin-top:0; }
.single-image img { width:100%; }

/* */

.extra-content { overflow:auto; height:auto; margin-top:24px; }
.extra-content > section { margin:24px 0; width:25%; float:left; overflow:auto; height:auto; }
.extra-content > section:nth-of-type(odd) { padding-right:8px; }
.extra-content > section:nth-of-type(even) { padding-left:8px; }
.extra-content > article { position:relative; overflow:hidden; margin-bottom:8px; /* height:256px;  */padding-right:4px; }
.extra-content > article:not(.no-image) div { width:100%; height:86px; padding:16px 0; color:black; }
.extra-content > article header { margin-bottom:24px; }
.extra-content > article figure { width:100%; }
.extra-content > article img { width:100%;}
.extra-content .image-list-item a > div { padding: 12px; }
.extra-content h3 { font-size:140%; margin-bottom:0; }
.extra-content p:not(.type) { font-size:100%; }
.extra-content a { display:block; border-bottom:2px solid rgba(0,0,0,1); }
.extra-content .video	{ width:25%; height:344px; }
.extra-content .video iframe { width:100%; height:100%; }


.text-list-item { float:left; width:25%; padding: 0 0 0 0; height:344px; }
.text-list-item a { display:block; height:100%; padding:42px 42px 16px 16px; background-image:url(../images/cross-light.png); }
.text-list-item a > div { width:100%; height:100%; }

section.sponsor-partners { display:table; width:50%; overflow:auto; float:left; padding-right:4px; }
section.sponsor-partners div:not(.black-bar) { float:left; width:50%; height:200px; line-height:150px; text-align: center; padding:16px; }
section.sponsor-partners a	{ display:block; height:150px; line-height:150px; }
section.sponsor-partners img	{ max-width:80%; max-height:80%; }
section.sponsor-partners p { min-height:50px; margin:0; padding:6px; font-size: 80%; text-transform: uppercase; }
section.sponsor-partners .black-bar { margin-bottom:24px; }

/* .no-image { padding:0 16px 0 0;  *//* border-left:2px solid black; */ /* } */

.image-list-item.no-image { padding:0px 16px 0 0; border-left:2px solid black;}
 
.external-links nav { padding: 16px 16px 0; }
.external-links nav a { padding: 4px 0; font-size:140%; }

.document-links a:after { margin-left:12px; content: 'DOWNLOAD'; font-size: 50%; text-transform: uppercase; border-bottom:1px solid black; vertical-align:baseline; }

.masonary-item { float:left; }
.content { overflow:auto; }
.large			 { padding-left:48px; }
.large-image img { width:100% }

.event-details .black-bar { margin-bottom:12px; }
.event-details div.event-date { position:relative; border-bottom:1px dotted #999; padding:0px 0;}
.event-details div:last-of-type { border:none; }
.event-details p { font-size:75%; font-family: 'Cousine', sans-serif; font-size:80%!important;  line-height:1.4em; color:#666; text-transform: uppercase; margin:0; }
.event-details strong { color:#000; margin:0 0 0 0; text-transform:uppercase; font-family:  'Cousine', sans-serif;  }
.event-details p.tickets { position:absolute; right:0; bottom:0; background-color:black; color:white!important; padding:4px 8px; }
.event-details p.tickets strong { color:white; }

.archive .event-details { padding:0;font-family: 'Cousine', sans-serif; }
.archive .event-details .black-bar { display:none; }
.archive .event-details a { border:none!important;  }
.archive .event-details p { font-family: 'Cousine', sans-serif; font-size:80%!important; margin:0 0; text-transform: uppercase; padding-right:6px; border:none; }
.archive .event-details strong { margin:0 0; text-transform:uppercase; font-family:  'Cousine', sans-serif; }
.archive .event-details p.tickets { position:absolute; right:12px; bottom:12px; }

/* This is duplicated */

.black-bar { position: relative; padding: 0; margin: 24px 0 0; background-color: black; height: 8px; }
.black-bar .title { position: absolute; left: 0; top: 0; height: 8px; padding: 0 8px 0 0; background-color: white; text-transform: uppercase; font-size: 70%; line-height: 0.9em; margin-top:0; }

footer nav { height:100%; }
.credit { position:absolute; bottom: 24px; left:24px; }

.type { position:absolute; top:0; left:0px; background-color:rgba(255,255,255,1); color: black; font-size: 60%; text-transform: uppercase; margin-top:0; padding:3px; border-bottom:1px solid black; font-size:70%; font-family:'Cousine', sans-serif;}
.branding { width:200px; margin-top:42px; }

/* Generic Archive List Footer */

footer.read-more { position:relative;  padding:0; margin:24px 0 0; background-color: black; height:8px; }
footer.read-more p { position:absolute; right:0; top:0; height:8px; margin:0; padding:0 0 0 8px; background-color: white; text-transform: uppercase; font-size: 70%; line-height:0.9em; }

/* Forms */

form p { text-transform: uppercase; color: #ccc; margin-bottom:6px; }

textarea, input[type="text"] { width:100%; border-width: 0 0 1px 0; border-color:black; border-style: solid; padding:6px; font-size:120%;  }
input[type="submit"] { border:none; color:white; background-color:black; font-size:140%; margin-top:24px; padding:12px; font-family: 'LidoSTFRegular'; }

iframe { width:100%; }

.hide { display:none; }

#mc_embed_signup { display:inline-block; margin-left:8px; }
#mc_embed_signup input[type="email"] { border:none; border-bottom:1px solid rgba(0,0,0,0.5); width:180px; padding:4px; font-size: 90%; font-family: 'Cousine', sans-serif; font-weight: normal; text-transform:uppercase; }
#mc_embed_signup input::-webkit-input-placeholder, 
#mc_embed_signup input::-moz-placeholder { font-family: 'Cousine', sans-serif; font-weight: normal; color:black;  }



@media screen and (max-width: 1025px) {
  	
  	body { font-size:85% !important; }

	section.page-header { height:150px; }

  	.archive #wrapper section > header { height: auto; }
	.singlePage #wrapper > section > article header p { font-size: 160%; line-height:1.2em; }
	.archive #wrapper section > header p { font-size:160%; }
	.archive.two-column-thirds #wrapper section > header { height:auto; }
	.archive.two-column-thirds #wrapper section > header p { font-size:120%; }

	.articles .main-content p:first-child { font-size: 130%; line-height:130%; }
	
	.image-list-item p { font-size:125%; }
	
	.news #wrapper > section:nth-of-type(3) article { padding: 16px 56px 32px 0; }
	
	.archive article > a > section h2 { font-size:150%; }
	.image-list-item:not(.no-image) section:not(.event-details) { height:152px; }
	.image-list-item.small:not(.no-image) section:not(.event-details) { height: 80px; }
	
	.index section:not(.page-header) > article:nth-of-type(1) { height: 380px; }
	.index section:not(.page-header) > article:nth-of-type(2),
	.index section:not(.page-header) > article:nth-of-type(3) { height: 320px; }

	#about.two-column-thirds section:nth-of-type(2) { width:100%;}
	#about.two-column-thirds section:nth-of-type(2) article section { width:50%; float:left; }
	#about.two-column-thirds section:nth-of-type(2) article section:nth-of-type(3) { width:45%; float:right; }
}


@media screen and (max-width: 1280px) {
  
  	body {
    	font-size:95%;
  	}

	.archive.two-column-thirds #wrapper section > header {
		height:auto;
	}
  
  	section.page-header { height:196px; }

	.image-list-item.small:not(.no-image) section:not(.event-details) { height: 88px; }
  		
	.index section:not(.page-header) > article:nth-of-type(1) { height: 444px; }
	.index section:not(.page-header) > article:nth-of-type(2),
	.index section:not(.page-header) > article:nth-of-type(3) { height: 320px; }
	

}