/*

The Hypsometry blog, handcrafted and generated by Jekyll.
By Christopher Boone: http://hypsometry.com

*/

/* Defaults */

body {
  color: #000;
  background: #fff;
  
	font-size: 100%; /* 16px */
	line-height: 1; /* 16px */
  font-family: "IM Fell Great Primer", "Baskerville", "Georgia", serif;
}

#everything {
  width: 72em; /* 720px */
  margin: 7.2em auto 9.6em; /* 72px = 3 lines, centered, 96px = 4 lines*/
  padding: 0 10em; /* 0, 100px = (920px - 720px) / 2 */
  
  font-size: 0.625em; /* 10px */
  line-height: 1; /* 10px */
}


/* Everything else */

body.show_structure #everything {
  position: relative;
}

body.show_structure #everything * {
  background: transparent !important;
}


/* Site headings */

hgroup {
  margin-bottom: 4.8em; /* 48px = 2 lines */
}


/* Main crosshead - site title */

hgroup h1 {
  color: #ac241f;
  
  font-size: 7.2em; /* 72px = 3 lines*/
  line-height: 1; /* 72px = 3 lines */
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2em; /* 14.4px = M/4 */
}

/* Kern the Y. more aggressively */

hgroup h1 span {
  letter-spacing: 0.05em; /* 3.6px */
}

hgroup h1 a {
  border-bottom: 0.0139em solid #fff; /* 1px */
}

hgroup h1 a:focus, hgroup h1 a:hover {
  border-bottom-color: #ac241f;
}


/* Site subtitle */

hgroup h2 {
  margin-bottom: 2em; /* 48px = 2 lines */
  
  font-size: 2.4em; /* 24px */
  line-height: 1; /* 24px = 1 line */
  text-align: center;
}

hgroup h2 a {
  border-bottom: 0.0417em solid #ccc; /* 1px */
}

hgroup h2 a:focus, hgroup h2 a:hover {
  color: #ac241f;
  border-bottom-color: #ac241f;
}


/* Posts */

article {
  text-align: center;
}

article + article {
  padding-top: 7.2em; /* 72px = 3 lines */
}


/* Post heading */

article hgroup h1 {
  display: none;
}

article hgroup h2 {
  margin-bottom: 1em; /* 48px = 2 lines */
  
  font-size: 4.8em; /* 48px */
  line-height: 1; /* 48px */
  text-align: center;
}

article hgroup h2 a {
  border-bottom: 0.021em solid #fff; /* 1px */
}

article hgroup h2 a:focus, article hgroup h2 a:hover {
  color: #ac241f;
  border-bottom-color: #ac241f;
}


/* Post section heading */

article > h2 {
  width: 27em; /* 432px = 36 picas = 67 characters per line */
  margin: 1.5em auto 0; /* 24px = 1 line, centered, 0 */
  
  font-size: 1.6em; /* 16px */
  line-height: 1.5; /* 24px = 1 line */
  font-style: italic;
}

article > h2 * {
  font-style: inherit;
}


/* Post content */

article p,
article ol {
  width: 27em; /* 432px = 36 picas = 67 characters per line */
  margin: 0 auto; /* 0, centered */
  
  font-size: 1.6em; /* 16px = 190px lower case alphabet line length */
  line-height: 1.5; /* 24px = 1 line */
  text-indent: 1em; /* 16px */
  text-align: justify;
}

article hgroup + p,
article h2 + p {
  text-indent: 0;
}

article pre code {
  display: block;
  
  width: 30.8571em; /* 432px */
  margin: 1.7143em auto; /* 24px = 1 line, centered */
  
  font-family: monospace;
  font-size: 14px;
  line-height: 24px;
  text-indent: 0;
  text-align: left;
}

article hgroup + p:first-line {
/*  font-family: "IM Fell Great Primer SC";*/
/*  font-variant: small-caps;*/
}

article p a,
article li a {
  border-bottom: 0.0625em solid #ccc; /* 1px */
}

article p a:focus, article p a:hover,
article li a:focus, article li a:hover {
  color: #ac241f;
  border-color: #ac241f;
}

article > a {
  display: block;
}

article hgroup + a {
  margin: 0 0 2.4em; /* 0, 0, 24px = 1 line */
}

article img {
  display: block;
  
  margin: 2.4em auto; /* 24px = 1 line, centered */
}

article p img {
  margin: 1.5em auto; /* 24px = 1 line, centered */
}

article > a:focus img, article > a:hover img {
  outline: 4px solid #eec8cd;
}

article p code,
article li code,
article p em,
article li em {
  font-style: italic;
}

article p strong {
  font-family: "IM Fell Great Primer SC";
/*  font-variant: small-caps;*/
}


/* Quotations */

article blockquote p {
  margin: 0.75em auto; /* 12px = 1/2 line, centered */
  
  font-style: italic;
  text-indent: 0;
}


/* Lists */

article ol {
  margin: 0.75em auto; /* 12px = 1/2 line, centered */
  
  list-style: decimal;
  
  text-indent: 0;
  text-align: left;
}


/* Highlighted code */

article .highlight {
  overflow: scroll;
  
  margin: 0.75em auto; /* 12px = 1/2 line, centered */
  
  text-indent: 0;
}


/* Dateline */

article footer {
  padding-top: 2.4em;
}

article footer time,
article footer .place {
  display: block;
  
  font-size: 1.6em; /* 16px = 190px lower case alphabet line length */
  line-height: 1.5; /* 24px = 1 line */
  text-align: center;
}

article footer time {
  font-style: italic;
}

article footer .place {
  font-family: "IM Fell Great Primer SC", "IM Fell Great Primer Roman", "Baskerville", "Georgia", serif;
/*  font-variant: small-caps;*/
}