@import url('https://fast.fonts.net/cssapi/5a35d5b7-f434-4e08-804e-b3447396894a.css');

body {
font-family:'ITC Galliard W01';
background: #fffff8;
color: #111;
max-width: 40em;
font-size: 14pt;
margin: auto;
padding: 0 1em 0 1em;
-webkit-text-size-adjust: 100%;
}

/* Links: replicate underline that clears descenders */

a:link {
color: #039;
text-decoration: underline;
}
a:visited {
color: #585858;
}
a:hover {
color: #039;
text-decoration: underline;
}
a:active {
color: RebeccaPurple;
text-decoration: none;
}

/* Headings */
h2, h3, h4 {
font-weight: normal;
font-style: italic;
margin-top: 2em;
margin-bottom: .5em;
}
h1 {
font-size: 42pt;
letter-spacing: -1pt;
line-height: 120%;
margin-top: 64pt;
margin-bottom: 64pt;
font-weight: normal;
}
h1.home {
font-size: 72pt;
font-size: 10vw;
line-height: 90%;
color: #039;
letter-spacing: -4pt;
letter-spacing: -.3vw;
margin-bottom: 0;
}
hr {
border: 0; 
height: 2px; 
background: #333; 
background-image: linear-gradient(to right, #888, #ccc);
clear: both:
}
header {
font-size: 16pt;
line-height: 18pt;
margin: 1em 0 0 0;
}
header a:link, header a:visited, footer a:link, footer a:visited {
color: black;
text-decoration: none;
text-shadow: none;
background: none;
}
header a:hover, footer a:hover {
color: #039;
text-decoration: none;
}
header hr {
margin-top: 0;
}
body > footer {
clear: both;
line-height: 140%;
font-size: 10pt;
padding: 3em 0 2em 0;
color: #ddd;
}
body > footer a, body > footer a:visited {
color: #bbb;
}
article {
line-height: 24pt;
margin: 2em 0 2em 0;
clear: both;
}
article p {
margin: 1em 0 1em 0;
}
article > p:first-child:first-letter {
float: left;
font-size: 56pt;
height: 48pt;
line-height: 41pt;
color: #039;
padding-right: 2pt;
}
article blockquote {
font-style: italic;
margin: 1em 3em 1em 3em;
}
article blockquote footer {
font-style: normal;
font-size: smaller;
font-size: 1.1rem;
text-align: right;
}
article blockquote footer cite {
font-style: italic;
}
article img, article .flickr-embed {
text-align: center;
padding-left: auto;
padding-right: auto;
}
article.podcast img {
float: right;
padding-left: 1em;
}
article a[href*="flickr.com"] {
text-shadow: none;
background: none;
}
article .newthought {
font-variant: small-caps;
text-transform: lowercase;
font-size: smaller;
padding-top: 2em;
}
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub { top: 0.4em; }

ol.index, ol.tags {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 16pt;
line-height: 28pt;
}
.tags li {
display: inline;
}
.tags li:after {
content: ", ";
}
.tags li:last-child:after {
content: ".";
}
.tags .small {
font-size: 12pt;
}
.tags .medium {
font-size: 16pt;
}
.tags .large {
font-size: 21pt;
}
.tags .huge {
font-size: 28pt;
}
.tags {
list-style-type: none;
padding: 0;
margin: 0;
}
.info .tags:before {
content: "Tags: ";
}
.tags li {
display: inline;
}
.tags li:after {
content: ", ";
}
ol.cloud {
line-height: auto;
}
.cloud li:last-child:after {
content: ".";
}
.list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.summary {
font-size: smaller;
font-style: italic;
}
.info {
padding-top: 1.5em;
color: gray;
clear: both;
}
.sidebar {
font-size: smaller;
background: #eee;
padding: 0 1em 0 1em;
margin-left: 1em;
margin-bottom: 1em;
line-height: 150%;
float: right;
border: 1px silver solid;
}
.sidebar a {
padding: 1px 2px 1px 2px;
}
.sidebar a:hover {
background: white;
text-decoration: none;
color: black;
}
.sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.footnotes {
font-size: smaller;
line-height: 120%;
}
.right-menu {
float: right;
font-size: 9pt;
text-transform: uppercase;
}
.right-menu a {
padding-left: 2pt;
padding-right: 2pt;
}
.right-menu a.current-section {
background: #eee;
padding: 2px 2px 0 2px;
border: 1px silver solid;
}
.pull-right {
float: right;
padding-left: 1em;
}
.pull-left {
float: left;
padding-right: 1em;
}
pre, p code {
font-family: 'Source Code Pro', 'Andale Mono', 'Courier New', Courier, fixed;
font-size: 12pt;
background: #eee;
padding: 1px 2px 1px 2px;
border: 1px silver solid;
font-style: normal;
}
pre {
clear: both;
line-height: 110%;
}
@media print {
  .right-menu {
  display: none;
  }
}