body {
    font-family: helvetica, sans-serif; 
    padding: 2em;
}

.content {
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.contact {
    text-align: center;
    paddint-top: 5em;
}

.content ul {
    list-style: none;
    border-left: solid;
    border-width: 1px;
    padding-left: 1em;
}

a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

a:hover {
    font-weight: bold italic;
    font-style: italic;
}

#header {
    width: 1024px; height: 400px;
    background: url(http://media.shaunalynnduffy.org/images/header.jpg);
    margin: 10px auto; 
    padding: 0;
    position: relative;    
}

#header li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
}

#header li, #header a {
    height: 400px; 
    display: block;
}
    
    
#aboutme {left: 50px; bottom: 400px; width: 250px;} 
#thinkering {left: 200px; bottom: 400px; width: 250px;}
#tinkering {left: 420px; bottom: 400px; width: 125px;}
#writings {left: 580px; bottom: 400px; width: 115px;}
#recordings {left: 720px; bottom: 400px; width: 200px;}
#myblog {left: 805px; bottom: 400px; width: 209px;}


#header #aboutme a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -50px -400px no-repeat;}
#header #thinkering a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -200px -800px no-repeat;}
#header #tinkering a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -420px -400px no-repeat;}
#header #writings a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -580px -400px no-repeat;}
#header #recordings a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -720px -800px no-repeat;}
#header #myblog a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/header.jpg)
    -805px -400px no-repeat;}




#miniheader {
    width: 1024px; height: 65px;
    background: url(http://media.shaunalynnduffy.org/images/menubar.jpg);
    margin: 10px auto; 
    padding: 0;
    position: relative;    
}

#miniheader li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
}

#miniheader li a {
    height: 65px; 
    display: block;
}
    
    
#miniheader #aboutme {left: 0px; bottom: 65px; width: 150px;} 
#miniheader #thinkering {left: 190px; bottom: 65px; width: 140px;}
#miniheader #tinkering {left: 370px; bottom: 65px; width: 120px;}
#miniheader #writings {left: 530px; bottom: 65px; width: 125px;}
#miniheader #recordings {left: 688px; bottom: 65px; width: 165px;}
#miniheader #myblog {left: 885px; bottom: 65px; width: 209px;}



#miniheader #aboutme a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -0px -65px no-repeat;}
#miniheader #thinkering a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -190px -65px no-repeat;}
#miniheader #tinkering a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -370px -65px no-repeat;}
#miniheader #writings a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -530px -65px no-repeat;}
#miniheader #recordings a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -688px -65px no-repeat;}
#miniheader #myblog a:hover {
    background: transparent url(http://media.shaunalynnduffy.org/images/menubar.jpg)
    -885px -65px no-repeat;}