html {
    background-color:#000;
}
div.sm-icons {
    text-align:right;
    position:absolute;
    top:20px;
    left:0;
    right:0;
}
div.sm-icons img {
    -webkit-border-radius:25%;
       -moz-border-radius:25%;
            border-radius:25%;
    border:1px solid transparent;
    transition:border .2s ease-in-out, filter .2s ease-in-out, -webkit-filter .2s ease-in-out;
    width:48px;
    height:48px;
}
div.sm-icons img:hover {
    border:1px dashed yellow;
    filter:saturate(1300%);
    -webkit-filter:saturate(1300%);
}
body {
    font-family:'Lato', sans-serif;
    margin:auto;
    padding:0;
    width:960px;
    position:relative;
}
a.plain, a.plain:link, a.plain:visited, a.plain:active, a.plain:hover {
    color:black;
    text-decoration:none;
    background-color:none;
}
h1, h2, h3, h4, h5, h6 {
    font-family:'Bungee Shade', serif;
    margin:0;
    padding:0;
    border:none;
}
h1 {
    font-size:72pt;
}
h2 {
    font-size:64pt;
}
h3 {
    font-size:52pt;
}
h4 {
    font-size:46pt;
}
h5 {
    font-size:38pt;
}
h6 {
    font-size:32pt;
}
h1.toptitle, h1.subtoptitle {
    font-size:98pt;
    margin:0;
    padding:0;
    border:0;
    background-color:yellow;
}
h1.toptitle {
    display:inline-block;
}
h1.subtoptitle {
    display:block;
}
div.border {
    border:5px solid yellow;
    padding:0;
    margin:0;
    background-color:#ffffed;
}
ul.nav {
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;
    font-size:16pt;
    position:relative;
    display:inline-block;
    height:25px;
}
div.subnav {
    position:absolute;
    top:23px;
    left:0;
    width:10000px;
    height:35px;
    visibility:hidden;
    overflow:visible;
}
div.subnav > ul {
    background-color:#ffffed;
    padding-left:2px;
    border:5px solid yellow;
}
div.subnav > ul li:hover {
    background-color:yellow;
}
ul.nav li:hover > div.subnav {
    visibility:visible;
}
ul.nav a, ul.nav a:link, ul.nav a:visited {
    color:black;
    text-decoration:none;
}
ul.nav > li {
    display:inline;
    padding:0 2px 2px 2px;
    border-top:2px solid yellow;
    position:relative;
}
ul.nav li.active {
    background-color:yellow;
}
ul.nav li:hover, ul.nav a:active {
    background-color:yellow;
}
article {
    padding:20px;
}
article img {
    display:inline-block;
    max-width:100%;
}
article p {
    text-align:justify;
}
article blockquote {
    margin:16px 40px 16px 40px;
    background-color:yellow;
    padding:5px 10px 20px 10px;
    position:relative;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
}
article blockquote > :first-child {
    text-indent:60px;
}
article blockquote > :first-child:before {
    content:"\201C";
    font-family:'Bungee Shade', serif;
    font-size:48pt;
    display:inline;
    position:absolute;
    top:-10px;
    left:-50px;
}
article blockquote > :last-child:after {
    content:"\201D";
    font-family:'Bungee Shade', serif;
    font-size:48pt;
    display:inline;
    position:absolute;
    bottom:-25px;
    left:710px;
}
article blockquote ~ p > em {
    display:block;
    font-style:italic;
    text-align:right;
    margin-top:-10px;
    margin-right:50px;
}
article address {
    text-align:right;
    background-color:yellow;
    padding:10px;
}
article > img.headerimg {
    max-width:80%;
    display:block;
    margin:auto;
    float:none;
}
article ul {
    list-style-type:none;
    padding-left:18px;
}
article ul > li:before {
    content:"-";
    font-family:'Bungee Shade', serif;
    font-size:16pt;
    padding-right:10px;
}
article ol {
    list-style-type:none;
    counter-reset: ol-counter;
    padding-left:18px;
}
article ol > li:before {
    font-family:'Bungee Shade', serif;
    font-size:16pt;
    padding-right:10px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
}
article table td, article table th {
    border:1px solid yellow;
}
article table th {
    font-weight:normal;
    font-style:italic;
}
article table caption {
    font-size:10pt;
    text-align:right;
}
article a, article a:link, article a:visited {
    color:black;
    text-decoration:underline;
}
article h1 > a, article h2 > a, article h3 > a, article h4 > a, article h5 > a, article h6 > a {
    text-decoration:none !important;
}
article a:hover, article a:active {
    color:black;
    text-decoration:none;
    background-color:yellow;
}
p.meta {
    font-size:10pt;
    font-style:italic;
}
ul.pager {
    list-style-type:none;
}
ul.pager > li:before {
    content:"";
    padding:0;
    margin:0;
    border:none;
}
ul.pager > li {
    display:inline-block;
    margin:0;
    padding:0;
    border:none;
}
ul.pager > li > a, ul.pager > li > a:link, ul.pager > li > a:visited {
    color:black;
    text-decoration:none;
    margin:0;
    padding:10px;
}
ul.pager > li > a:hover, ul.pager > li > a:active {
    background-color:yellow;
}
footer {
    background-color:yellow;
    text-align:right;
    padding:5px;
    font-size:10pt;
}
footer > a, footer > a:link, footer > a:visited, footer > a:active, footer > a:hover {
    text-decoration:underline;
    color:black;
}