@import "reset.css";

body {
    padding : 0;
    margin : 62px 0 62px 100px;
    font-size : 100%;
    line-height: 22px;
}

a {
  text-decoration: none;
}

a:link {
  border-bottom: 1px solid #2F6FB6;
  color: #2F6FB6;
}

a:visited {
  border-bottom: 1px dotted #999;
  color: #666;
}

a:hover {
  border-bottom: 2px solid #888;
  color: #aaa;
}

a:active {
  border-bottom: 2px solid #00A6DD;
  color: #00A6DD;
}

header h1 {
  display: block;
  font: 62px 'HelveticaNeue-UltraLight', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  margin: 0 0 28px 0;
  text-align: center;
  text-transform: uppercase;
}

div {
  width: 650px;
}
 
article h1 {
  font : bold 24px 'Liberation-Sans-1', 'Liberation-Sans-2', Helvetica, Arial, sans-serif;
  letter-spacing: normal;
  margin : 14px 0 18px 0;
  text-align: left;
  text-transform: none;
}

p {
  font : 16px/22px 'Liberation-Serif-1', 'Liberation-Serif-2', Garamond, Georgia, 'Times New Roman', Times, serif;
  margin : 0 0 22px 0;
}

p.permlink {
  font : 24px/22px Helvetica, Arial, sans-serif;
  border-right : 3px solid #ddd;
  float : left;
  margin : 3px 16px 11px -32px;
  padding : 0 .75em 0 0;
  
}

  p.permlink a:link, p.permlink a:visited {
    border : 0;
    color : #333;
  }
  
  p.permlink a:hover {
    color: #aaa;
  }
  
  p.permlink a:active {
    color: #00A6DD;
  }
  
blockquote p {
  color : #565656;
  font : 12px/22px 'Liberation-Sans-1', 'Liberation-Sans-2', Helvetica, Arial, sans-serif;
  margin : 0 0 22px 3.5em;
}

  blockquote:before {
    content : "\201C\0020";
    color : #ccc;
    float : left;
    font : 66px/80px 'Times New Roman', Times, serif;
  }

footer {
  display: block;
}
  
  footer p {
    color: #666;
    font : 12px/22px 'Liberation-Sans-1', 'Liberation-Sans-2', Helvetica, Arial, sans-serif;
    margin: 25px 0 0 0;
    text-align: center;
  }
  
  article footer p {
    color : #a2a2a2;
    font : 14px 'Liberation-Sans-1', 'Liberation-Sans-2', Helvetica, Arial, sans-serif;
    margin : 25px 0 0 0;
    text-align : right;
  }

/* jQuery Tooltips */

#tooltip {
  background-color: #F7F8D4;
  border: 1px solid #E9EBBC;
  opacity: 0.9;
  padding: 3px 5px 3px 5px;
  position: absolute;
  z-index: 3000;
  width: inherit;
}
#tooltip h3 {
  color: #383832;
  font: 11px 'Liberation-Sans-1', 'Liberation-Sans-2', Helvetica, Arial, sans-serif;
}
#tooltip h3 { margin: 0; }
#tooltip div { margin: 0; }