---
---
//$mainfont: "Computer Modern Serif"
$defaultfont: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Hel", Helvetica, Arial, "Lucida Grande", sans-serif
$ultralight: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', 'Hel', Arial, Helvetica, sans-serif

body
    color: #222
    font:
        family: $defaultfont
        size: 14pt

#page
    font:
        family: $defaultfont
        size: 16pt

// when the name header appears on a blog post
// it is linked to / but shouldn't blue/underline on mouseover
#nameheader a, #nameheader a:hover
    color: inherit
    text-decoration: none

#blogpagearticlecontent small
    font:
        size: 12pt

#bodyfooter
    background: #f6f6f6
    margin:
        top: 80px
    box:
        shadow: inset 0px 11px 15px -10px #CCC
    padding:
        top: 30px
        left: 10px
        bottom: 10px

// for some reason this is getting moved in
#blogpagearticlecontent
    font:
        size: 16pt
    line-height: 2em
    padding:
        left: 0
        right: 30px

#blogpagearticlecontent > p
    padding:
        top: 1em
    margin-block-start: 0.5em

#ytface
    padding:
        top: 2.5em

h1,h2,h3,h4
    padding:
        top: 0.5em

#blogpagearticlecontent h1,h2,h3,h4
    padding:
        top: 0.5em

//#blogpagecontainerrow > h1 > small
//    padding-left: 40px

h1,h2,h3,h4
    padding:
        bottom: 15pt
    font:
        family: $ultralight
        weight: 100

.btn
    font:
        family: $ultralight

section.indexpage
    font:
        size: 16pt
        family: $defaultfont

#indexhero
    padding:
        top: 50px
        bottom: 50px

#indexhero ul
    list-style-type: none
    padding-left: 0px
    margin-left: 0px

#indexhero ul li
    padding:
        top: 0.8em

div.footnotes
    padding:
        top: 7em

#nameheader
    font:
        size: 48pt
        style: italic
    padding:
        bottom: 10pt

#blogpagearticlecontent
    text:
        align: justify

#blogpageata
    padding:
        left: 1em
        right: 1em
    margin:
        left: 2em
        right: 1em

#blogpageata > h1
    margin:
        top: 5px
        bottom: 5px
    font:
        size: 18pt

#blogpageata > p
    text:
        align: justify
    font:
        size: 12pt
    line-height: 1.5em

#utcTimeDisplay
    background: #000
    padding:
        left: 50px
        right: 50px
    box-shadow: 0 0 30px black
    width: 45em
    height: 20em

#blogpagearticlecontent > blockquote > p
    padding:
        top: 0em
    margin-block-start: 0em

blockquote
    color: #666
    font:
        size: 18pt