/*
CSS for wpfta.com
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #990099;
  line-height: 125%;
  padding: 15px;
}

h1, h2, h3, h4, h5 {
  font-family: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: x-large;
  background-color: #ffff33;
  color: #990099;
  padding-top: 2em;
  padding-bottom: 80px;
  padding-left: 0px;
  margin: 0;
}

h2 {
  color: #000000;
  font-size: 120%;
  font-weight: normal;
  padding-top: 15px;
}
h3 {
  color: #000000;
  font-size: small;
  padding-left: 25px;
}
h4 {
  color: #ffff33;
  font-size: x-small;
  padding-left: 15px;
}
li {
  font-size: medium;
  list-style-type: none;
}

p {
  font-size: medium;
  color: #000000;
  
}

em {
  text-transform: inherit;
}

a {
  font-weight: bold;
}

a:link {
  color: #000000;
}

a:visited {
  color: #000000;
}

a:hover {
  text-decoration: none;
  color: #000000;
  background-color: #ffff33;
}

a:active {
  color: #000000;
  background-color: #990099;
}

table {
  border-collapse: collapse;
  border: 1px solid purple;
  }
th {
  text-align: left;
  background: yellow;
  color: purple;
  padding: 0.2em;
  }
td {
  background-color: white;
  border: 1px solid purple;
  padding: 0.2em;
  }  
  
.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
}

h2, ul {
  margin-top: 5px;
}

#header {
  border-top: 3px solid #990033;
}


/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#hammer, #navigation, content,
bottom, blackblock {
  position: absolute;
  }

      #hammer {
      position: absolute;
      top: 0px;
      left: 0px;   
      background-color: #990099;
      width: 1024px;
      height: 191px;
      }
      #navigation {
      position: absolute;
      top: 254px;
      left: 0px;
      background-color: #990099;
      color: yellow;
      width: 252px;
      height: 350px;
      padding-top: 20px;
      }
       #content {
      position: absolute;
      top: 80px;
      left: 254px;
      background-color: #ffff33;
      color: purple;
      width: 700px;
      padding: 25px;
      }
       #bottom {
      position: absolute;
      top: 3340px;
      left: 251px;
      background-color: #ffff33;
      color: red;
      width: 568px;
      padding-left: 185px;
      }
       #blackblock {
      position: absolute;
      top: 640px;
      left: 0px;
      background-color: #990099;
      color: #ffff33;
      width: 250px;
      height: 20px;
      padding-left: 0px;
      }