@charset "utf-8";

/*
  © Green Gauntlet
  www.greengauntlet.com
*/

/********** RESET STYLES **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary,time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0;
  font-size: 100%; font: inherit;
  vertical-align: baseline;
}

/********** HTML5 FOR OLDER BROWSERS **********/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; content: none;
}

table {
  border-collapse: collapse; border-spacing: 0;
}

/********** GLOBAL **********/

body {
  background-color: #000; color: #999;
  font-family: 'Exo 2', sans-serif;
  position: relative;
}

#pageStatus {
  font-style: italic;
  font-size: 26px;
  color: #FFC905;
  text-align: center;
  font-weight: bold;
}

#pageStatus.noscript {
  display: block;
  position: fixed;
  width: 100%;
  bottom: 200px;
}


/********** ANIMATIONS **********/

@keyframes anima_lbolts1 {
  4%   { opacity: 0; }
  5% { opacity: 1; }
  6% { opacity: 0; }
  12%  { opacity: 0; }
  13% { opacity: 1; }
  17% { opacity: 0; }
}

@keyframes anima_lbolts2 {
  30%   { opacity: 0; }
  31% { opacity: 1; }
  35% { opacity: 0; }
}

@keyframes anima_lbolts3 {
  49%   { opacity: 0; }
  50% { opacity: 1; }
  53% { opacity: 0; }
  56% { opacity: 0; }
  57% { opacity: 1; }
  60% { opacity: 0; }
}

@keyframes anima_lbolts4 {
  61% { opacity: 0; }
  62% { opacity: 1; }
  97% { opacity: 0; }
}


/********** HEADER **********/

header {
  text-align: center;
  color: #DEC98A;
  color: #6F3F91;
  color: #E6CE83;
  color: #A6D8DE;
  color: #ddd;
  font-size: 50px;
  font-weight: 900;
  margin: 120px auto;
  font-family: 'Orbitron', sans-serif;
}

#thorianworks_site_name {
  z-index: 100;
}

header img#thorianworks_logo {
  height: 300px;
  margin-top: 80px;
  text-align: center;
  z-index: 100;
}

header img#thorianworks_logo.noscript {

}

.bolts.noscript {
  display: none;
}

img.bolts {
  display: block;
  position: absolute;
  z-index: 10;
}

img#lbolts1 {
  animation-name: anima_lbolts1;
  animation-duration: 2200ms;
  animation-iteration-count: infinite;
  opacity: 0;
}

img#lbolts2 {
  animation-name: anima_lbolts2;
  animation-duration: 2200ms;
  animation-iteration-count: infinite;
  opacity: 0;
}

img#lbolts3 {
  animation-name: anima_lbolts3;
  animation-duration: 2200ms;
  animation-iteration-count: infinite;
  opacity: 0;
}

img#lbolts4 {
  animation-name: anima_lbolts4;
  animation-duration: 2200ms;
  animation-iteration-count: infinite;
  opacity: 0;
}



/********** FOOTER **********/

footer {
  display: block;
  position: fixed;
  bottom: 0px;
  color: #aaa;
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #222;
  font-family: 'Exo 2', sans-serif;
  font-size: 19px;
  font-weight: bold;
}

footer p {
  line-height: 50px;
}

footer a {
  text-decoration: none;
  color: #A37D74;
}

footer a:hover {
  color: #A7BA84;
}