@font-face {
    font-family: Ghosties;
    src: url(../fonts/groovy_ghosties.ttf);
    src: url(../fonts/GHOSTIES.TTF);   
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    background-color: #e5d6c6;
    background-image: url(../images/copyrightsunshiney.jpg);
    font-family: Times New Roman;
    font-size: 18px;
    font-weight: bold;
}
    
a {
  color: #ffff00;
}

img {
   margin: 0;
}

p {
 font-size: 1.25em;
 font-weight: bold;
 line-height: 1.25em;
}

.main {
 margin: 0 auto;
}

.main td {
 width: 135px;
 height: 130px;
 text-align: center;
}

#netscape {
 padding: 10px 0 0 10px;
 text-align: left;
 position: absolute; left: 0px; top: 0;
}

#counter {
 color: white;
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
 padding: 0 12px;
 width: 50%;
 margin: 0 auto;
 padding-top: 15px;
}

#language {
 font-size: 1em;
 font-weight: bold;
 padding: 15px 15px 0 0;
 text-align: right;
 color: #fff;
 position: absolute;
 right: 0;
 top: 0;
}

#header_wrapper {
   margin: 0;
/*   background: url(../images/bricks.jpg); */

}

#header {
 width: 100%;
 margin: 0 auto;
 text-align: center;
}

#header h1 {
 font-family: Ghosties;
 font-size: 76px;
 margin: -20px auto 0 auto;
 color: #ffee2d;
 text-shadow: -1px 3px #f806d4, 
               -2px 4px #f806d4,
                -3px 5px #46fd05,
                -4px 6px #46fd05;
}

#header_wrapper_sub {
   margin: 0;
   background: url(../images/bricks.jpg);
   border-bottom: ridge 5px #333;
}

#header_sub {
 width: 100%;
 margin: 0 auto;
 padding: 5px 0;
 text-align: center;
}

#header_sub h1 {
 font-family: Ghosties;
 font-size: 58px;
 margin: 8px auto 0 auto;
 padding-bottom: 14px;
 color: #ffee2d;
 text-shadow: -1px 3px #f806d4, 
               -2px 4px #f806d4,
                -3px 5px #46fd05,
                -4px 6px #46fd05;                
}

#header_sub a {
 text-decoration: none;
}

#clickbait {
 table-layout:fixed;
 width: 72%;
 text-align: center;
 margin: 25px auto 0px auto;
 background: url(../images/709okare.gif);
}

.feature_box {
 margin: 0 auto;
 padding: 0;
 text-align: left;
 max-width: 100%;
 /*background: #000;*/
 /*border: outset 5px white;*/
}

.feature_box a {
 font-size: 1.1em;
 line-height: 1.2em;
 font-weight: bold;
 margin: 8px 5px 8px 0;
 color: #ff66aa;
 text-decoration: underline;
}

.feature_box img {
 
}



#sub_navigation {
 margin: 0 auto;
}

#sub_navigation td {
 width: 105px;
 text-align: center;
 font-size: 1.1em;
 font-weight: bold;
}


.header_sub {
 width: 100%;
 text-align: center;
}

.header_sub h1 {
 font-family: Ghosties;
 font-size: 76px;
 margin: 40px auto 50px auto;
 color: #ffee2d;
 text-shadow: -1px 3px #f806d4, 
               -2px 4px #f806d4,
                -3px 5px #46fd05,
                -4px 6px #46fd05;                
}

.header_sub a {
  text-decoration: none;
}

#sub {

}

#nav_sub {
 float: left;
 width: 10%;
}

#content_sub {
 float: right;
 width: 89%;
 min-height:100vh; 
 border-left: ridge 6px grey;
 background:url(../images/space_219.gif); 
}

.image_sub {
 text-align: center;
}

.text_sub {
 width: 95%;
 font-size: 24px;
 color: #ffff00;
 text-align: center;
 margin: 0 auto;
}

#footer {
 background: url(../images/709okare.gif);
 padding: 0;
 color: white;
 text-align: center;
}

#webmaster {
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  color: #fff;
}

#social {
 text-align: center;
 margin-top: 30px;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

.blink {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}

@keyframes blink-p {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink-p {
  50% {
    opacity: 0.0;
  }
}

.blink-p {
  animation: blink-p 2s step-start 0s 3;
  -webkit-animation: blink-p 2s step-start 0s 3;
}

/*

@media only screen and (max-width: 1215px) {
 
p {
  font-size: 14px;
}*/