body {
  margin: 0px;
  padding: 0px;
  border-top: 3px solid #717366;
  background-image: url(../images/fade.png);
  background-repeat: repeat-x;
  background-color: #CCCCCC;
}


/* header image (photos and name) */
#header {
  width: 856px;
  height: 574px;
  background-image: url(../images/border.png);
  margin: 40px auto 0px auto;
  position: relative;
}

    #header .photo {
      position: absolute;
      top: 6px;
      left: 6px;
    }

    #name {
      position: absolute;
      left: 6px;
      bottom: 6px;
    }


/* links below the header image */
#links {
  height: 58px;
  margin: -3px auto 0px auto;
  width: 852px;
  position: relative;
}

    /* spotlight appears when the dots fade out */
    #spotlight {
      width: 852px;
      height: 56px;
      position: absolute;
      top: 0px;
      left: 0px;
    }

    /* divider between rest of the page and links */
    #line {
      width: 852px;
      height: 2px;
      position: absolute;
      bottom: 0px;
      left: 0px;
    }

    /* dots to indicate that something exists in the space */
    #dots {
      width: 18px;
      height: 6px;
      position: absolute;
      top: 28px;
      left: 417px;
    }
    
    ul {
      width: 830px;
      list-style-type: none;
      margin: 0px 10px 0px 65px;
      padding: 0px;
      position: absolute;
      top: 10px;
    }
    
    ul li {
      width: 166px;
      text-align: center;
      float: left;
    }
    
    ul li.left { text-align: left; }
    ul li.right { text-align: right; }
    
    ul li a {
      display: block;
      position: static;
      height: 22px;
    }
    
    ul li a:hover {
      background-position: 0 -22px;
    }
    
    /* link definitions */
    #blog {
      width: 44px;
      background-image: url(../images/blog.png);
    }
    
    #twitter {
      width: 69px;
      background-image: url(../images/twitter.png);
    }
    
    #flickr {
      width: 53px;
      background-image: url(../images/flickr.png);
    }
    
    #github {
      width: 67px;
      background-image: url(../images/github.png);
    }
    
    #cv {
      width: 23px;
      background-image: url(../images/cv.png);
    }