/* Body */

body {
  /* ... */
  /* ... */
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background: #04040f;
  color: #20FFFF;
}

/* Links */

a {
  background: transparent;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-size: 12.0px;
  font-weight: bold;
  line-height: 13.0px;
  text-decoration: none;
  color: #20FFFF;
}

a:hover {
  color: #04040f;
  background: #208888;
  text-decoration: none;
}

a.image {
  font-size: 100%;
  font-weight: normal;
}

a.image:hover {
  color: #20FFFF;
  background: transparent;
}

/* Various */

.small {
  font-size: 75%;
}

.large {
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-size: 200%;
  text-decoration: none;
}

.large:hover {
  color: #04040f;
  background: #208888;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-size: 200%;
  text-decoration: none;
}

.center { 
  text-align: center;
}

.center table { 
  margin-left: auto;
  margin-right: auto;
}

/* Index table */

img {
  vertical-align: middle;
  border-style: none;  
}

table.index {
  border: 0px;
  padding: 1px;
}

table.with-tile {
  background-color: #000000;
}

td {
  background-color: #204444;
}

td.thumb {
  vertical-align: middle;
  border: 1px solid #206666;
}

td.thumb_spacer {
  vertical-align: middle;
  background-color: transparent;
  border: 1px transparent #000000;
}

td.thumb:hover {
  border-color: #20FFFF;
}

td.text-thumb {
  border: 1px solid #20FFFF;
  text-align: center;
  font-size: 50%;
}

td.tiled {
  background-image: url("tile.png");
  background-repeat: repeat-x;
}

td.thumb-dim {
  font-size: 50%;
}

td.thumb-caption {
  font-size: 75%;
  background: none;
}

/* Slides */

table.slide {
  background-color: #111111;
  padding: 0px;
  border-width: 3px;
  border-style: solid;
  border-color: #204444;
  border-spacing: 0px;
}

td.image-slide {
  line-height: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: none;
}

td.text-slide {
  text-align: center;
  vertical-align: middle;
  font-size: 200%;
  font-style: italic;
}

/* Headers and footers */

.header {
  font-size: 120%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.footer {
  font-size: 120%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.exif-name {
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background: #04040f;
  color: #20FFFF;
  text-align: left;
  padding-right: 10px;
}

.exif-value {
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background: #04040f;
  color: #20FFFF;
  text-align: left;
  padding-left: 10px;
}

.exif-link {
  font-style: none;
  font-size: 100%;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  background: #04040f;
  color: #208888;
  text-align: left;
}

.nos_counter {
  color: #208888;
  text-align: left;
  text-decoration: none;
  line-height: 13.0px;
  font-style: normal;
  font-size: 14px;
  position: absolute;
  margin-left: 0px;
  margin-top: 2px;
  z-index: 3;
}

.nos_counter_shadow {
  color: #000000;
  text-align: left;
  text-decoration: none;
  line-height: 13.0px;
  font-style: normal;
  font-size: 14px;
  position: absolute;
  margin-left: 1px;
  margin-top: 3px;
  z-index: 2;
}

::selection {
  background: #20DDDD;
  color: #04040f;
}

a::selection {
  background: #208888;
  color: #04040f;
}

::-moz-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-moz-selection {
  background: #208888;
  color: #04040f;
}

::-o-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-o-selection {
  background: #208888;
  color: #04040f;
}

::-webkit-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-webkit-selection {
  background: #208888;
  color: #04040f;
}

::-ms-selection {
  background: #20DDDD;
  color: #04040f;
}

a::-ms-selection {
  background: #208888;
  color: #04040f;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

#head-soc {
  width:             calc(50% + 26.00px);;
}
#head-soc li {
  color:             #20FFFF;
  font-size:         12.0px;
  line-height:       13.0px;
  text-decoration:   none;
  list-style-type:   none;
  float:             right;
  padding:           10px 0 0 0;
  position:          relative;
}
#head-soc li a {
  background-image:  url('/social-media.png');
  background-color:  transparent;
  background-repeat: no-repeat;
  font-family:       'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  color:             #20FFFF;
  padding:           0 0 0 0;
  float:             right;
  font-size:         0px;
  line-height:       0px;
  height:            20px;
  width:             20px;
  border:            0px;
}
#head-soc li a.twit {
  background-position:   0px   0px;
}
#head-soc li a:hover.twit {
  background-position:   0px -20px;
}
#head-soc li a.pint {
  background-position: -20px   0px;
}
#head-soc li a:hover.pint {
  background-position: -20px -20px;
}
#head-soc li a.fb {
  background-position: -40px   0px;
}
#head-soc li a:hover.fb {
  background-position: -40px -20px;
}
#head-soc li a.gp {
  background-position: -60px   0px;
}
#head-soc li a:hover.gp {
  background-position: -60px -20px;
}
#head-soc li a.link {
  background-position: -80px   0px;
}
#head-soc li a:hover.link {
  background-position: -80px -20px;
}
#head-soc li a.stum {
  background-position: -100px   0px;
}
#head-soc li a:hover.stum {
  background-position: -100px -20px;
}
#head-soc li a.reddit {
  background-position: -120px   0px;
}
#head-soc li a:hover.reddit {
  background-position: -120px -20px;
}
#head-soc li a.tumblr {
  background-position: -140px   0px;
}
#head-soc li a:hover.tumblr {
  background-position: -140px -20px;
}


.fade-link {
  position: relative;
}
.fade-link a {
  opacity: 0.5;
  top: 0%;
  width: 50%;
  height: 100%;
  background-color: transparent;
  position: absolute;
}
.fade-link p {
  top: 40%;
  width: 15%;
  font-size: 48pt;
  text-decoration: none;
  opacity: 0.0;
  color: #20FFFF;

  transform: scale(1,4);
      -webkit-transform: scale(1,4);
      -moz-transform: scale(1,4);
      -ms-transform: scale(1,4);
      -o-transform: scale(1,4);

  animation: fade-animation;
      animation-duration: 1.0s;
      animation-delay: 1.0s;
      animation-iteration-count: 1;
      animation-timing-function: ease-in-ease-out;

      -webkit-animation: fade-animation;
      -webkit-animation-duration: 1.0s;
      -webkit-animation-delay: 1.0s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease-in-ease-out;

      -moz-animation: fade-animation;
      -moz-animation-duration: 1.0s;
      -moz-animation-delay: 1.0s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease-in-ease-out;

      -o-animation: fade-animation;
      -o-animation-duration: 1.0s;
      -o-animation-delay: 1.0s;
      -o-animation-iteration-count: 1;
      -o-animation-timing-function: ease-in-ease-out;

}

@keyframes fade-animation {
      0% { opacity: 0.00; }
     15% { opacity: 0.50; }
     20% { opacity: 0.75; }
     25% { opacity: 1.00; }
     35% { opacity: 0.75; }
     50% { opacity: 0.75; }
     75% { opacity: 0.50; }
     85% { opacity: 0.25; }
    100% { opacity: 0.00; }
}

@-webkit-keyframes fade-animation {
      0% { opacity: 0.00; }
     15% { opacity: 0.50; }
     20% { opacity: 0.75; }
     25% { opacity: 1.00; }
     35% { opacity: 0.75; }
     50% { opacity: 0.75; }
     75% { opacity: 0.50; }
     85% { opacity: 0.25; }
    100% { opacity: 0.00; }
}
@-moz-keyframes fade-animation {
      0% { opacity: 0.00; }
     15% { opacity: 0.50; }
     20% { opacity: 0.75; }
     25% { opacity: 1.00; }
     35% { opacity: 0.75; }
     50% { opacity: 0.75; }
     75% { opacity: 0.50; }
     85% { opacity: 0.25; }
    100% { opacity: 0.00; }
}
@-o-keyframes fade-animation {
      0% { opacity: 0.00; }
     15% { opacity: 0.50; }
     20% { opacity: 0.75; }
     25% { opacity: 1.00; }
     35% { opacity: 0.75; }
     50% { opacity: 0.75; }
     75% { opacity: 0.50; }
     85% { opacity: 0.25; }
    100% { opacity: 0.00; }
}