@import url('http://design.elliottcable.name/typography.css') screen, print;

html {
  height: 100%;
}
body {
  height: 100%;
  color: #292929;
  background: #FFFFFF;
  
  font-family: "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, Cochin, Georgia;
  font-size: 12pt;
  font-weight: 100;
}

a {
  color: #000000;
  text-decoration: none;
}
a:hover {text-decoration: none; color: #000000 !important;}
a:visited {color: #000000;}
a:hover:visited {color: #000000 !important;}

tt, pre { font-family: "Inconsolata", monospace; }


#content {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40em;
  
  margin: 2em;
  
  text-align: right;
  list-style: none;
}

ul#content > li {
  margin: 2em 0px;
  padding: 0px;
  display: block;
}

#content h1 a:before,
#content ul.links li:before        { color: #CCCCCC; content: '\7b\20'; } /* '\7b\20' */
#content h1 a:after,
#content ul.links li:after         { color: #CCCCCC; content: '\20\7d'; }
#content h1 a:hover:before,
#content ul.links li:hover:before  { color: #888888; content: '\5b\20'; } /* '\5b\20' */
#content h1 a:hover:after,
#content ul.links li:hover:after   { color: #888888; content: '\20\5d'; }

#content h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

#content h1 {
  font-size: 18pt;
}

#content .active h1 {
  font-size: 32pt;
}

#content h2 {
  font-size: 10pt;
  color: #666666;
}

#content .active h2 { font-size: 14pt; }

#content p, ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

#content ul {
  list-style: lower-greek;
  list-style-position: inside;
}
#content ul li {
  padding: 0px 0px 0.5em 0px;
  margin: 0.5em 0px 0px 0px;
  border-bottom: 1px solid #CCCCCC;
}

#content ul.links li {
  margin: 0px;
  padding: 0px;
  display: inline;
  border: none;
}


#wha {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 90%;
}

#wha a:before        {color: #333333; content: '\3f';} /* \20 */
#wha a:after         {content: '';}
#wha a:hover:before  {color: #888888; content: '\21';}
#wha a:hover:after   {content: '';}