html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body {font-family:'Source Sans Pro', Arial, sans-serif; font-size:16px; color:#333; background:#666; margin:0; width:100%; text-align:left;}

h1, h2, h3, h4, h5, h6 {color: #3a3a3a;margin-top: 25px;margin-bottom: 20px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 22px;font-weight: bold;}
h2 {font-size: 20px;font-weight: 600;margin-top: 20px;color: #000;}
h3 {font-size: 19px;font-weight: 600;}
h4 {font-size: 17px;font-weight: 600;color: #000;}
h5 {color: #555;font-size: 17px;}
h6 {font-size: 16px;font-weight: 600;color: #555;}
p {font-size: 18px;line-height: 1.5;margin-top: 20px;margin-bottom: 20px;color: #4d4d4d;font-weight: 400;}
p img {margin: 0;}
em {font-style: italic;}
strong {font-weight: bold;color: #333;}
small {font-size: 80%}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a, a:visited {color: #333;text-decoration: none;outline: 0;}
a:hover, a:focus {color: #000;}
a.roundedbutton {display: inline-block;background-color: #000;padding-left: 25px;padding-right: 25px;line-height: 35px;font-weight: 700;font-size: 15px;color: #fff;border-radius: 4px;transition-property: all;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(0.165, 0.630, 0.140, 0.820);-moz-transition-timing-function: cubic-bezier(0.165, 0.630, 0.140, 0.820);-ms-transition-timing-function: cubic-bezier(0.165, 0.630, 0.140, 0.820);-o-transition-timing-function: cubic-bezier(0.165, 0.630, 0.140, 0.820);transition-timing-function: cubic-bezier(0.165, 0.630, 0.140, 0.820); text-decoration:none;}
a.roundedbutton:hover {color: #fff;background-color: #900; text-decoration:none;}
div.footnotes ol li p {font-size: 12px;margin-top: 10px;margin-bottom: 10px;}
div.footnotes ol li a {font-size: 12px;}
blockquote {padding-left: 18px;padding-bottom: 0;font-size: 16px;line-height: 25px;margin-left: -20px;margin-right: 0;margin-top: 0;margin-bottom: 0;border-left: 8px solid #000;}
hr {border: solid #ccc;border-width: 2px 0 0;clear: both;margin: 0 auto;height: 1px;color: #ccc;}
p a, p a:visited {line-height: inherit;}
ul, ol {padding: 0;margin: 0;}
ul {display: block;list-style-type: none;}
ol {list-style: decimal;}
ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 0;font-size: 90%}
ul ul li, ul ol li, ol ol li, ol ul li {margin-bottom: 6px;}
li {line-height: 18px;margin-bottom: 12px;}
table {width: auto;display: block;}
td {padding: 10px;text-align: left;}
form {display: block;}

header {background:#333; padding:0 30px; margin:0 auto; overflow:hidden; display:none;}
header h1 {float:left; width:50%; font-size:20px; font-family:'Open Sans', sans-serif; margin:0; padding:20px 0; color:#fff; font-weight:200; text-transform:uppercase;}

header ul.links {float:right; list-style:none; margin:0; width:50%; padding:23px 0 0 0; font-size:20px;}
header ul.links li {float:right; margin:0 20px; padding:0;}
header ul.links li a {color:#fff; opacity:0.5;}
header ul.links li a:hover {opacity:1;}

.cards {width:100%; background:#eee; font-size:0.0000001px; column-fill: balance; margin:0; padding:25px 0 0 25px;
-webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px;
    -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;
    -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance;
    -webkit-margin-bottom-collapse: separate;}

.card {display:inline-block; width:100%;  background:#fff; border-right:25px solid #eee; margin:0 0 25px 0; overflow:hidden;
       -webkit-column-break-inside: avoid; break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid;}
.card:hover {opacity: 0.8;}
.cards .card img {width:100%; display:block;}
.cards .card p {margin:20px; font-size:15px; display:block; color:#333;}
.cards .card p a {text-decoration: underline;}
.cards .card p b {font-weight:700;}
.cards .card i {font-size:15px; color:#999; margin-right:3px;}
.cards .card p i:last-of-type {margin-right:7px;}

.cards .card ul.links {list-style:none; margin:20px 0 0 0; padding:20px 0 20px 0; width:100%; text-align: center;}
.cards .card ul.links li {display: inline-block; margin:0 10px; padding:0;}
.cards .card ul.links li a i {color:#666; opacity:1; font-size:20px;}
.cards .card ul.links li a i:hover {opacity:0.8;}

.cards .card ul.projects {list-style:none; margin:20px; clear:both; padding:0; max-width:100%; text-align: left;}
.cards .card ul.projects li {display: block; width:100%; margin:0; padding:5px 0; border-top:1px solid rgba(0,0,0,0.1); font-size:14px;}
.cards .card ul.projects li:last-of-type {border-bottom:1px solid rgba(0,0,0,0.1);}
.cards .card ul.projects li a {display:block; width:100%; color:rgba(0,0,0,1);}
.cards .card ul.projects li a:hover {opacity:0.5;}
.cards .card ul.projects li a i {color:#666; opacity:1; font-size:20px;}
.cards .card ul.projects li a i:hover {opacity:0.8;}

.thincards {padding:15px 0 0 15px; -webkit-column-width: 250px; -moz-column-width: 250px; column-width: 250px; background:#666;}
.thincards .card:hover {opacity: 1;}

.fatcards {padding:15px 0 0 15px; -webkit-column-width: 350px; -moz-column-width: 350px; column-width: 350px; background:#000;}
.fatcards .card {border-right:15px solid #000;}
.fatcards .fatcard {background:#000; color:#fff;}
.fatcards .fatcard p {color:#ccc; padding:0 35px;}
.fatcards .fatcard p a {color:#fff; text-decoration: underline;}
.fatcards .fatcard p a:hover {color:#fff; text-decoration: none;}
.fatcards .card:hover {opacity: 1;}
.fatcards .card ul.links li {font-size:14px;}

nav {position: fixed;left: 0;top: 0;bottom: 0;background-color: #fff;border-right: 1px solid #eee;width: 200px;z-index: 99;}
nav h2 {position: relative;margin-left: 52px;margin-top: 35px;width: 100px;height: 100px;}
nav h2 a {position: relative;display: block;width: 100px;height: 100px;border: 0;margin: 0 auto;top: 5px;}
nav p {width:152px; text-align:right; font-size:12px;}
nav p b {font-size:14px;}
nav p abbr, nav p abbr[title] {text-decoration:none; border-bottom:0;}
nav ul {position: relative;display: block;width: 152px;padding-top: 5px;}
nav ul li {text-align: right;margin: 0;padding: 0;}
nav ul li a, nav ul li a:visited {display: block;font-size: 15px;line-height: 30px;color: #999;}
nav ul li a:hover {color: #000;}
nav ul li.active a {color: #000;}

section {position: relative;display: block; border: 0 solid red; float: left;width: 80%;}
section div.breathe {padding-left: 225px;min-height: 900px;}
section h1 {font-size: 40px;font-weight: 200; color:#666; margin-top:135px;}
section h6 {margin: 0;font-size: 30px;font-weight: 300;color: #ccc;padding-top: 36px;padding-right: 15px;padding-bottom: 34px;text-transform:uppercase;}
section ul {list-style:square; margin-left:20px;}
section ul li {font-size: 18px;line-height: 1.3; margin:10px 0 10px 20px; color: #4d4d4d; }
section p a:link, section p a:visited, section p a:hover, section p a:active {text-decoration: underline;}
section ol {margin-left:20px;}
section ol li {font-size: 18px;line-height: 1.3; margin:10px 0 10px 20px; color: #4d4d4d;}

div.inner {padding: 20px;padding-left: 30px;padding-top: 0;}

img.center {display: block;clear: both;margin: 0 auto;margin-bottom: 30px;margin-top: 0;}

.seriesindex {padding:10px; background:#eee;}
.seriesindex p {font-size:14px; margin-top:0; margin-bottom:10px; font-style:italic;}
.seriesindex ol {margin-top:10px; margin-bottom:10px; margin-left:30px;}
.seriesindex ol li {font-size:14px; margin-top:3px; margin-bottom:3px;}
.seriesindex ol li a {text-decoration:underline;}

.gallery {text-align:center; background:#eee; padding:10px;}

div.list {margin:30px 30px 50px 0;}
div.list h1 {color:#ddd;}
div.list p {border-top:2px dashed #ddd; margin:0; padding:20px 0; line-height:150%; font-size:18px;}
div.list p:last-child {border-bottom:2px dashed #ddd;}
div.list p a {text-decoration: underline; font-weight:bold;}

@media only all and (max-width:760px) {

}

@media only all and (max-width:500px), (max-height:400px) {

/*.cards .card p {margin:20px 20px; font-size:15px; display:block; color:#333;}*/

}