html {
   background             : #202020 url("i/bg.svgz") no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size   : cover;
   -o-background-size     : cover;
   background-size        : cover;
}

html, body {
   text-align             : center;
   padding                : 0;
   margin                 : 0;
   width                  : 100%;
   height                 : 100%;
}

div.nav_wrapper {
   width                  : 100%;
}

div.nav {
   width                  : 100%;
   float                  : left;
   background-color       : rgba(0, 0, 0, 0.7);
   z-index                : 10;
   position               : fixed;
   right                  : 0;
   top                    : 0;
   box-shadow             : 0em 0.5em 2em rgba(0, 0, 0, 0.5);
}

ul.nav {
   list-style-type        : none;
   margin                 : 0;
   padding                : 0;
   overflow               : hidden;
}

li.nav_corner {
   float                  : left;
   display                : block;
   padding                : 1em;
}

li.nav {
   float                  : left;
   padding-top            : 1em;
   padding-bottom         : 1em;
   padding-left           : 0.5em;
   padding-right          : 0.5em;
}

li.nav a {
   display                : block;
   color                  : #a0a0a0;
   text-decoration        : none;
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.2em;
}

li.nav_sel {
   float                  : left;
   padding-top            : 1em;
   padding-bottom         : 0.5em;
   padding-left           : 0.5em;
   padding-right          : 0.5em;
   border-bottom          : 0.5em solid #ffffff;
}

li.nav_sel a {
   display                : block;
   color                  : #ffffff;
   text-decoration        : none;
   font-weight            : bold;
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.2em;
}

div.copy {
   width                  : 100%;
   float                  : left;
   background-color       : rgba(0, 0, 0, 0.7);
   z-index                : 10;
   position               : fixed;
   right                  : 0;
   bottom                 : 0;
   box-shadow             : 0em -0.5em 2em rgba(0, 0, 0, 0.5);
   font-size              : 0.8em;
}

p.copy {
   font-family            : "Open Sans", sans-serif;
   font-size              : 0.8em;
   line-height            : 1.0em;
   color                  : #ffffff;
}

div.body {
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.2em;
   color                  : #cccccc;
   padding-top            : 5em;
   padding-bottom         : 5em;
   padding-left           : 3em;
   padding-right          : 3em;
   position               : relative;
}

hr {
   width                  : 10em;
   height                 : 0.1em;
   background             : #a0a0a0;
   border                 : 0;
   spacing                : 8em;
}

h1 {
   font-family            : "Open Sans", sans-serif;
   font-size              : 2.0em;
   color                  : #ffffff;
}

h2 {
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.6em;
   color                  : #ffffff;
}

h3 {
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.2em;
   color                  : #ffffff;
}

p {
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.0em;
   line-height            : 1.4em;
}

p.tiny {
   font-family            : "Open Sans", sans-serif;
   font-size              : 0.6em;
   line-height            : 0.8em;
   color                  : #ffffff;
}

a:link {
   color                  : #ffffff;
   text-decoration        : none;
}

a:visited {
   color                  : #dddddd;
   text-decoration        : none;
}

a:active {
   color                  : #ff8800;
   text-decoration        : none;
}

a:hover {
   color                  : #ffaa88;
   text-decoration        : underline;
}

div.img {
   border                 : 0.1em solid #ffffff;
   text-align             : center;
   vertical-align         : middle;
   padding                : 0;
}

img.shot  {
   border                 : 0;
}

img {
   vertical-align         : middle;
}

pre {
   background-color       : rgba(0, 0, 0, 0.5);
   font-family            : "Source Code Pro", mono;
   color                  : #ffffff;
   font-size              : 1em;
   line-height            : 1.2em;
   border                 : 1px solid #404040;
   text-align             : left;
   vertical-align         : middle;
   padding                : 1em;
   overflow               : auto;
}

td.newsdate {
   background-color       : rgba(0, 0, 0, 0.5);
   color                  : #ffffff;
   font-family            : "Open Sans", sans-serif;
   text-align             : left;
   font-weight            : bold;
   font-size              : 1.2em;
   line-height            : 1.4em;
   padding                : 1em;
}

td.newstitle {
   background-color       : rgba(0, 0, 0, 0.5);
   color                  : #ffffff;
   font-family            : "Open Sans", sans-serif;
   text-align             : right;
   font-weight            : bold;
   font-size              : 1.2em;
   line-height            : 1.4em;
   padding                : 1em;
}

td.news {
   text-align             : left;
   padding-top            : 1em;
   padding-bottom         : 1em;
}

blockquote {
   color                  : #ffffff;
   font-family            : "Open Sans", sans-serif;
   font-size              : 1.2em;
   line-height            : 1.4em;
   border                 : 0;
   border-left            : 1em solid #606060;
}

div.thumb {
   border                 : 1px solid #aaaaaa;
   background-color       : rgba(0, 0, 0, 0.5);
   float                  : left;
   text-align             : center;
   vertical-align         : bottom;
   padding                : 1em;
   margin                 : 1em;
}

div.thumbsub {
   border                 : 1px solid #aaaaaa;
   text-align             : center;
   vertical-align         : middle;
   padding                : 0px;
   margin                 : 2px;
}

td.thumb {
   border                 : 0px;
   text-align             : center;
   vertical-align         : bottom;
   padding                : 0px;
   margin                 : 2px;
}