/* http://24ways.org/2006/compose-to-a-vertical-rhythm */

/* fix the clearfix stuff? */
.clear:after, .container:after {
  content: "";
}

body {
  font-size: 87.5%; /* 14 px, 21px grid */
  padding: 0px;
}

html>body {
  font-size: 14px;
}

p {
  line-height: 1.5em;
}

.showgrid { 
  background: url(blueprint/src/grid-21.png); 
}

h1,h2,h3,h4,h5,h6 { 
  color: #222; 
  font-family: "Palatino", "Times New Roman", Times, serif; 
}

h1 {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 a, h2 a, h3 a {
  text-decoration: none;
}

h2 {
  font-size: 1.75em;
  line-height: 1.7142em;
  margin-bottom: 0.857em;
  font-style: italic;
}

h3 {
  font-size: 1.5em;
  line-height: 1em;
}

/* colors and other things */
a                 { color: #145675; }
a:hover           { color: #78251B; }
blockquote        { color: #666; }

pre {
  background: #eee;
  border:     1px solid #CCC;
}

table {
  border-top:     1px solid #CCC;
  border-left:    1px solid #CCC;
}
th,td {
  border-bottom:  1px solid #CCC;
  border-right:   1px solid #CCC;
}

p.quiet { color: #666; }
.alt    { color: #666; }

code, pre {
  font-family: "Andale Mono", "Courier New", monospace;
  font-size: 0.857em; /* 12 px */
  line-height: 1.75em;
  margin: 1.75em 0;
  white-space: pre;
  background: #EEE;
  border: 1px solid #CCC;
  overflow: auto;
}

code {
/*  line-height: 1.5em;*/
  padding: 0.125em 3px;
}

pre {
  border-left: 5px solid #CCC;
  padding: 0.75em;
}

p img {
  float: none;
  margin: 0;
}

/* ----- site components ----- */

/* override container to be 18 columns wide: 18 * 30 + 17*10 */
#container {
  width: 710px;
}

#header {
  text-align: right;
  background: #EEE;
}

#tagline {
  display: none;
}

#content {
  text-align: justify;
}

#content, #links, #navigation {
  margin-top: -1px;
  padding-top: 1.5em;
  border-top: 1px solid #CCC;
}

#navigation #previous {
}

#navigation #next {
  text-align: right;
}

#links img {
  margin-top: 0;
}

#footer {
  margin-top: -1px;
  margin-bottom: 0;
  border-top: 1px solid #CCC;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  text-align: right;
  background: #EEE;
}

#footer a {
  text-decoration: none;
}

#footer img {
  float: none;
  margin: 0 0.214em 0 0; /* 3px */
  position: relative;
  top: 0.143em; /* 2px */
}

#footer p {
  margin: 0;
  font-size: 0.857em;
  line-height: 1.75em;
}

.post_details {
  color: #666;
  font-style: italic;
  text-align: right;
  font-size: 0.857em; /* 12px */
  line-height: 1.75em; /* back to 21 px */
}

/* 
fancy font references
"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif
Georgia,"Times New Roman",Times,serif 
"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif
Palatino, "Times New Roman", Times, serif;
"Myriad Pro", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
Monaco, "Andale Mono", "Courier New", monospace;
Georgia,"Times New Roman",Times,serif;
"Bitstream Vera Sans", Verdana, sans-serif;
*/