/*--- Fonts ---*/

@font-face {
    font-family: Averia;
    src: url('font-files/Averia-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Averia;
    src: url('font-files/Averia-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: Averia;
    src: url('font-files/Averia-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Averia;
    src: url('font-files/Averia-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}


html{
    color:#FFF;
    background:#020202;
}

body,div,ul,li,h1,h2,h3,pre,code,p{
    padding:0;
    margin:0;
}

body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    background: #020202;
    color: white;
    text-align: left;
    font-family: "Lucida Grande", lucida, Geneva, Arial, sans-serif; 
    line-height:1.8em;
    margin: 1%;
    width: 95%;
}

@media (min-width: 720px) {
  body {
      margin: 10%;
      width: 75%;
  }
}

img{
    border:0;
}

code{
    font-style:inherit;
    font-weight:inherit;
}

li{
    list-style:none;
}

h1,h2,h3{
    font-size:100%;
    font-weight:normal;
}

sup, sub {
    vertical-align:baseline;
}

pre,code{
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

a {
    text-decoration: none;
    color: #7F7FAF;
}

a:hover {
    text-decoration: underline overline;
}

body {
}

p {
    padding: 0.5em;
    font-size: 110%;
}

h1 {
    font-size: 200%;
    color: #CC9933;
}

h1.post-title, .header, .post-date {
    text-align:center;
    font-family: Averia, "Lucida Grande", lucida, Geneva, Arial, sans-serif;
}

div.post-date {
    border-top: 2px solid #666;
    padding-top: 1em;
}

div.header {
    font-size: 210%;
}

div.sitelinks {
    font-size: 45%;
}

div.figure {
    padding: 1.5em;
    text-align: center;
}

#preamble {
    padding: 3em;
}

h2, h3 {
    color: #CC9933;
    font-size: 90%;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin-top: .5em;
    font-family: Averia, Cantarell, "Lucida Grande", lucida, Geneva, Arial, sans-serif;
}

h3 {
    font-size: 80%;
    font-weight: regular;
    border-bottom: none;
}

ul {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}

ul {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}

ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

pre {
    font-family: 'Inconsolata','Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
    white-space: pre;
    width: 100%;
    line-height: 1.4em;
    margin: 1em 0;
    margin-right: 1em;
    float: left;
    border: 1px dashed #FFF8F8;
    padding: 0.5em 0 0.3em 0.5em;
    font-size: 110%;
    color: #EEE;
    background: #333;
    overflow: auto;
}