/*======================
  doh! shoulda had a v8
*/

* {
margin:0;
padding:0;
border:0;
}
body {
margin:0 0 0 1px;
padding:0;
background: #000 url(images/bg.jpg) no-repeat 50% 0;
text-align: center;
}
h1 {
margin:124px auto 0;
background: transparent url(images/name.jpg) no-repeat 0 0;
height:117px;
width:317px;
text-indent:-8000px;
}
ul{
position:relative;
margin:-117px auto 0;
padding:0;
list-style:none;
width:275px
}
ul li{
margin:0;
padding:0;
}
ul a {
text-decoration:none;
text-indent:-8000px;
}
#email {
background:url(images/email-hover.jpg) no-repeat;
}
#email a{
position:absolute;
top:0;
left:0;
display:block;
width:268px;
height:59px;
background: transparent url(images/email.jpg) no-repeat;
}
#email a:hover{
background-image:url(images/email-hover.jpg);
}
#tumblelog {
background: url(images/tumblelog-hover.jpg) no-repeat;
}
#tumblelog a{
position:absolute;
top:59px;
left:0;
display:block;
width:268px;
height:58px;
background: transparent url(images/tumblelog.jpg) no-repeat;
}
#tumblelog a:hover{
background:url(images/tumblelog-hover.jpg);
}
#friendfeed{
background:url(images/friendfeed-hover.jpg) no-repeat;
}
#friendfeed a{
position:absolute;
top:117px;
left:0;
display:block;
width:134px;
height:58px;
background: transparent url(images/friendfeed.jpg) no-repeat;
}
#friendfeed a:hover {
background-image:url(images/friendfeed-hover.jpg);
}
#facebook{
background:url(images/facebook-hover.jpg) no-repeat;
}
#facebook a{
position:absolute;
top:117px;
left:134px;
display:block;
width:134px;
height:58px;
background: transparent url(images/facebook.jpg) no-repeat;
}
#facebook a:hover{
background:url(images/facebook-hover.jpg);
}

/*============================ 
  a hack for firefox--really?! 

@-moz-document url-prefix(){
body { margin-left:0px; }
}
*/