body
{
margin: 0 0 20px 0;
color: black;
background-color: white;
font-family: verdana;
font-size: 12px;
text-align: center;
}
a
{
color: black; text-decoration: none;
}
a:visited
{
color: black;
}
a:active
{
color: black;
}

img 
{
display: block
}

/* wrapper to align center of page */
#wrapper {
/*we need to tell the browser the size of the wrapper div*/
width:900px;
/*aligns the page to the center horizontal (x)*/
margin-left:auto;
margin-right:auto;
/*aligns the age to the center vertical (y)*/
position: absolute;
left: 50%;
/*resets the offset (should be half the width and height)*/
margin-left:-450px;
}
 #headline {
 text-align: center;
 font-size: 18px;
 font-weight: bold;
 color: #AC2626;
 }

 #quote {
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 }

 #who {
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 color: #999999;
 }



#footer {
  text-align: right;
	bottom: 50px;
  }
	
#footergap {
  text-align: right;
	position: absolute;
	bottom: 50px;
  }

#section {
  font-size: 14px; 
	font-weight: bold;
	}
	
#heading {
font-size: 12px;
}

#footstrip { /* end image block */
display: block;
width: 731px;
height: 32px;
background: url("http://www.thehatertrilogy.com/footstrip.png") no-repeat;
margin-top: 0px;
text-align: left;
margin: 0 auto;	
}
#navigate a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#facebook { /* Facebook Link */
float: left;
position:absolute;
width : 125px;
height: 32px;
margin-left: 20px;
margin-top: 0px;
}
#twitter { /* Twitter Link */
float: left;
position:absolute;
width : 145px;
height: 32px;
margin-left: 145px;
margin-top: 0px;
}
#myspace { /* Myspace Link */
float: left;
position:absolute;
width : 140px;
height: 32px;
margin-left: 290px;
margin-top: 0px;
}
#amazon {/* Amazon Link */
float: left;
position:absolute;
width: 140px;
height: 32px;
margin-left: 430px;
margin-top: 0px;
}
#goodreads { /* Goodreads Link */
float: left;
position:absolute;
width : 130px;
height: 32px;
margin-left: 570px;
margin-top: 0px;
}

#bookspace { /* main image block */
display: block;
width: 900px;
height: 530px;
background: url("http://www.thehatertrilogy.com/splash.jpg") no-repeat;
margin-top: 0px;
text-align: left;
margin: 0 auto;	
}
#navigate a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hater { /* Hater Link */
float: left;
position:absolute;
width : 262px;
height: 395px;
margin-left: 25px;
margin-top: 128px;
}
#dogblood { /* Dog Blood Link */
float: left;
position:absolute;
width : 262px;
height: 395px;
margin-left: 315px;
margin-top: 128px;
}
#themorus { /* Them or Us Link */
float: left;
position:absolute;
width : 270px;
height: 400px;
margin-left: 605px;
margin-top: 128px;
}