body { 
 background-color: #000000;
 color: #ffffff;
 font-size: 100%;
 font-family: "Lato", sans-serif;
 font-weight: 400;
 text-align: justify;
 margin: 0em;
 padding: 0em;
}
body.white { 
 color: #000000;
 background-color: #ffffff;
}



@font-face { 
 font-family: "Lato";
 font-style: normal;
 font-weight: 400;
 src: local("Lato Regular"), local("Lato-Regular"), url(//dymaxion.org/resources/lato-regular.woff2) format("woff2");
}
@font-face { 
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(//dymaxion.org/resources/lato-bold.woff2) format("woff2");
}
@font-face { 
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(//dymaxion.org/resources/lato-italic.woff2) format("woff2");
}
@font-face { 
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(//dymaxion.org/resources/lato-bolditalic.woff2) format("woff2");
}
@font-face { 
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(//dymaxion.org/resources/roboto-thin.woff2) format("woff2");
}


div.background {
 width: 56em;
 margin: auto;
}
div.backgroundBorders {
 width: 61em;
 margin: auto;
}
div.backgroundWide {
 width: 70em;
 margin: auto;
}
div.backgroundWideBorders {
 width: 74em;
 margin: auto;
}

div.page { padding-left: 3em; }
div.left {
 width: 16em;
 float: left;
 margin-top: -1.2em;
}

div.right {
 position: relative;
 width: 30em;
 margin-left: 20em;
 margin-top: 3em;
 padding-top: .5em;
}

div.rightBorders {
 position: relative;
 width: 35em;
 margin-left: 18em;
 margin-top: 2em;
 padding-left: 2em;
 padding-right: 2em;
 border-left: thin solid #cccccc;
 border-right: thin solid #cccccc;
}
div.rightWide {
 position: relative;
 width: 45em;
 margin-left: 20em;
 margin-top: 2em;
}



div.disqus {
 width: 52em;
 margin-left: 5em;
 padding-top: 1em;
 margin-top:  5em;
 border-top: thin solid black;
}
div.watermark {
 color: #eaeaea;
 font-family: "Lato", sans-serif;
 font-weight: 700;
 font-size: 140pt;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 margin: 0;
 z-index: -1;
 position: absolute;
 left:-30px;
}
#wm1 { top:   350px; }
#wm2 { top:  1350px; }
#wm3 { top:  2350px; }
#wm4 { top:  3350px; }
#wm5 { top:  4350px; }
#wm6 { top:  5350px; }
#wm7 { top:  6350px; }
#wm8 { top:  7350px; }
#wm9 { top:  8350px; }
#wmA { top:  9350px; }
#wmB { top: 10350px; }
#wmC { top: 11350px; }



h1, h2, h3, h4, h5, h6 {
 font-family: "Roboto", sans-serif;
 text-align: left;
 font-weight: 100;
}
h1 {
 font-size: 287%;
 margin-top: 0em;
 margin-bottom: .5em;
}
h2 {
 font-size: 170%;
 margin-top: 1.5em;
 margin-bottom: .5em;
}
h3 {
 font-size: 140%;
 margin-top: 1.5em;
 margin-bottom: .5em;
}



p {
 font-size: 100%;
 margin-bottom: 1.5em;
}
li { font-size: 100%; }
blockquote { font-style: italic; }
li h3 {
 font-size: 150%;
 position: relative;
 top: .1em;
 margin-top: .2em;
 margin-bottom: .2em;
}
li p { margin-top: 0em; }
dt {
 font-family: "Roboto", sans-serif;
 text-align: left;
 font-size: 140%;
 font-weight: 100;
 margin-top: 1em;
 margin-bottom: .5em;
}
dd { margin-top: .5em; }
dd p { margin-top: .5em; }
img { border-style: none; }



/* Links */
a:link {
 color: #ffdab3;
 text-decoration: none;
 font-weight: bold;
}
a:visited {
 color: #e69a4c;
 text-decoration: none;
 font-weight: bold;
}
a:hover {
 color: #dd1b00;
 text-decoration: none;
 font-weight: bold;
}
a:active {
 color: #ff2600;
 text-decoration: none;
 font-weight: bold;
}

body.white a:link { color: #dd2300; }
body.white a:visited { color: #aa1a00; }
body.white a:hover { color: #dd1b00; }
body.white a:active { color: #ff2600; }

h2 a:link { font-weight: 100;}
h3 a:link { font-weight: 100;}
h2 a:visited { font-weight: 100;}
h3 a:visited { font-weight: 100;}
h2 a:active { font-weight: 100;}
h3 a:active { font-weight: 100;}
h2 a:hover { font-weight: 100;}
h3 a:hover { font-weight: 100;}



/* Sidebar */
h2.slim {
 margin-top: .5em;
 margin-bottom: .25em;
}
h3.slim {
 margin-top: .5em;
 margin-bottom: .25em;
}
h2.LCslim {
 color: #999999;
 margin-top: .5em;
 margin-bottom: .25em;
}
h3.LCslim {
 color: #999999;
 margin-top: .5em;
 margin-bottom: .25em;
}
p.intro {
 font-size: 95%;
 margin-top: 2em;
}
p.introWhite {
 color: #555555;
 font-size: 95%;
 margin-top: 2em;
}
p.introSlim {
 font-size: 95%;
 margin-top: .5em;
}
p.introWhiteSlim {
 color: #555555;
 font-size: 95%;
 margin-top: .5em;
}
p.introLCSlim {
 color: #999999;
 font-size: 95%;
 margin-top: .5em;
}
h2.siteName { 
text-align: center;
}
img.logo {
 float: left;
 padding: 1em;
 padding-left: 1.5em;
 padding-bottom: 2em;
}



/* Front page */
p.frontpage { font-size: 100% }
h2.frontpage {
 margin-bottom: .3em;
 margin-top: -.5em;
}
ul.frontpage {
 margin: 0em;
 margin-bottom: 2em;
}
li.frontpage {
 font-size: 100%;
 margin-top: .2em;
 margin-bottom: .2em;
 padding-left: .6em;
}
li.frontpage p { 
 font-size: 1003D%;
 margin-top: .4em;
 margin-bottom: .6em;
}
img.background {
 width: 56em;
 position: fixed;
 z-index: -1;
 top: 0px;
 left: auto;
}



/* Me Page */
img.headshot {
 float: right;
 padding-left: 3em;
 padding-bottom: 1em;
 margin-top: 0em;
}



/* Art page */
img.sevenHoriz { margin-top: -0em; }
img.quint2012 {  }
img.quad2011 { padding-bottom: 12px; }
img.quad2011close {
 padding-bottom: 12px;
 padding-right: 14px;
}
img.threeVert { padding-right: 14px;
}
img.framed {

}



/* Misc */
p.largeQuote { 
 margin-right: 2em;
 margin-left: 2em;
 font-size: 130%;
}

ul.twocolumn { 
 -webkit-columns: 10em 2;
 -moz-columns: 10em 2;
 columns: 10em 2;
  margin-right: 4em;
}

iframe.youtube {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 580px;
 height: 423px;
}