body {
    margin: 0;
    padding: 0;    
    font-size: 62.5%;
    font-family: georgia, serif;
    color: #322;
    background-color: #fff;
}

a:link {
    text-decoration: none;
    color: #900;
}
  
a:visited {
    text-decoration: none;
    color: #900;
}

a:link:hover, a:visited:hover {
    text-decoration: none;
    color: #d00;
}

img {
    border: 0;
}

#overwrought {
    position: absolute;
    left: 0;
    top: 0;
    width: 638px;
    height: 426px;
    z-index: 5;
}

#covers {
    width: 638px;
    height: 426px;
    background-color: #000;
    margin: 0;
    padding: 0;
}

#covers li {
    margin: 0;
    padding: 0;
}

#thestorysofar {
    width: 638px;
    margin: 0;
    padding: 40px 0;
    background: url(./img/underwrought.gif) no-repeat top right;
}

#thestorysofar h1 {
    text-align: center;
    margin: 0 104px 40px 56px;
    font-size: 1.7em;
    letter-spacing: -0.025em;
}

#thestorysofar h2 {
    border-top: 1px solid #766;
    margin: 40px 104px 0 56px;
    padding: 16px 0 0 0;
    font-size: 1.7em;
    letter-spacing: -0.025em;
}

#thestorysofar p {
    margin: 16px 64px 16px 56px;
    font-size: 1.3em;
    line-height: 1.5em;
}

#thestorysofar ul {
    margin: 8px 64px 16px 56px;
    list-style-position: outside; 
    
}

#thestorysofar li {
    margin: 8px 0;
    font-size: 1.3em;
    line-height: 1.5em;
}

#atplayinthestreams {
    position: absolute;
    left: 628px;
    top: 584px;
    width: 224px;
    color: #766;
}

#atplayinthestreams h3 {
    font-size: 0.9em;
    font-family: Verdana, Arial, sans-serif; 
    font-weight: normal;
    text-transform: uppercase;
    margin: 100px 0 0 0;
    padding: 0;
}

#atplayinthestreams p {
    font-size: 1.3em;
    font-weight: normal;
    font-style: italic;
    margin: 8px 0 0 0;
    padding: 0;
    line-height: 1.5em;
    letter-spacing: 0.025em;
}

#atplayinthestreams small {
    line-height: 2.5em;
    font-size: 0.7em;
    font-family: Verdana, Arial, sans-serif; 
    text-transform: uppercase;
    font-style: normal;    
}

#headshot { 
  margin: 100px 0 0 0; 
}

#whattheysaid {
    position: absolute;
    left: 638px;
    top: 0;
    z-index: 1;
    width: 250px;
    padding: 70px 0 160px 0;
    background: url(./img/besidewrought.gif) no-repeat top left;
}

#whattheysaid p {
    margin: 8px 0 8px 105px;
    font-size: 0.9em;
    font-family: Verdana, Arial, sans-serif; 
    color: #766;
    text-transform: uppercase;
    line-height: 1.4em;
}

#twitter .heart {
  color: #f00;
}

#twitter .hashtag {
  font-size: 0.7em;
  font-family: Verdana, Arial, sans-serif; 
  text-transform: uppercase;
  font-style: normal;    
}

#flickr img {
    margin: 10px 20px 10px 0;
    border: 1px solid #766;
}

#tag {
    position: absolute;
    left: 710px;
    top: 575px;
    z-index: 2;
    margin: 0;
    padding: 0;
}

#foot {
    border-top: 1px solid #ccc;
    background: #fff url(./img/youarefree.gif) repeat-x;
    padding: 16px 0 50px 55px;
    margin: 0;
}

#foot small {
    float: left;
    padding: 0 4px;
    font-size: 0.9em;
    font-family: Verdana, Arial, sans-serif; 
    color: #766;
    text-transform: uppercase;
}

#foot img {
    float: left;
    padding: 0 12px;
    
}