body {
margin: 0;
padding: 0;
background: transparent url(../img-css/bg.png) repeat-y;
background-color: #f7efdd;
width: 80%;
color: Black;
font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}
#colophon {
float: right;
clear: both;
margin-bottom: 5px;
padding: 5px;
}
h2 {
background: transparent url(../img-css/tenyearsofus.png) no-repeat; 
width: 205px;
height: 30px; 
margin: 0;
padding: 0;
float: right;
}
#nerdLinks {
float: right;
clear: right;
}
#nerdLinks li {
display: inline;
font-size: small;
padding-left: 1em;
}
h1 {
margin-top: 0;
padding-top: 0;
font-size: 1.3em;
}
#top {
margin: 0 0 0 220px;
position: absolute;
}
img,
object {
margin-right: 5px;
}
img,
object,
#entry, #thumby, #thumby a {
padding: 5px;
border: 1px solid #93665a;
background-color: #f7efdd;
margin-top: 5px;
float: left;
}
#entry {
width: 15em;
line-height: 1.3em;
margin-bottom: 5px;
}
#thumby {
width: 90%;
border: 0;
}
#thumby p {
clear: both;
margin: 10px 0;
}
#thumby a {
width: 100px;
height: 75px;
margin-bottom: 5px;
margin-right: 5px;
display: block;
}
#thumby a:hover {
border: 1px dashed;
}

#thumby a.textLink {
display: inline;
}

#thumby a.textLink:hover {
border: 0;
}
#thumby img {
padding: 0;
border: 0;
margin: 0;
width: 100px;
height: 75px;
}
#thumby a.topLink {
border: 0;
}
ul, li {
margin: 0;
padding: 0;
}
#nav {
background: transparent url(../img-css/wh4.png) no-repeat; 
width: 208px;
height: 500px;
}
#navWho, #navWhat, #navWhen, #navWhere {
width: 49px;
height: 500px;
}
#navWho {
background: transparent url(../img-css/who.png) no-repeat; 
}
#navWhat {
background: transparent url(../img-css/what.png) no-repeat; 
}
#navWhen {
background: transparent url(../img-css/when.png) no-repeat; 
}
#navWhere {
background: transparent url(../img-css/where.png) no-repeat; 
}
li {
list-style: none;
}
.offLeft {
position: absolute;
left: -1000px;
width: 990px;
} 
.hide {
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;  /* for the benefit of IE5 Mac */
        }
#who, #what, #when, #where {
position: absolute;
top: 140px;
width: 39px;
}
#who {
left: 1005px;
}
#what {
left: 1057px;
}
#when {
left: 1109px;
}
#where {
left: 1161px;
}
/*
#who {
left: 785px;
}
#what {
left: 837px;
}
#when {
left: 889px;
}
#where {
left: 941px;
}
*/
.guy, .gal, .paw, .acorn, .right, .left, .month, .zoomIn, .zoomIn2, .zoomIn3, .zoomIn4, .right2, .left2, .right3, .left3, .star, .help, .cc, .contact, .rdf {
background-repeat: no-repeat;
display: block;
margin-bottom: 10px; 
width: 39px; 
height: 40px; 
voice-family: "\"}\""; 
voice-family: inherit; 
height: 50px;
}
.guy {
background-image: url(../img-css/guy.png);  
}
.gal {
background-image: url(../img-css/gal.png);
}
.paw {
background-image: url(../img-css/paw.png);
}
.acorn {
background-image: url(../img-css/acorn.png);
}
.right {
background-image: url(../img-css/right.png);
}
.left {
background-image: url(../img-css/left.png);
}
.month {
background-image: url(../img-css/month.png);
}
.zoomIn {
background-image: url(../img-css/circle.png);
}
.zoomIn4 {
background-image: url(../img-css/circle4.png);
}
.zoomIn2 {
background-image: url(../img-css/circle2.png);
}
.zoomIn3 {
background-image: url(../img-css/circle3.png);
}
.right2 {
background-image: url(../img-css/right2.png);
}
.left2 {
background-image: url(../img-css/left2.png);
}
.right3 {
background-image: url(../img-css/right3.png);
}
.left3 {
background-image: url(../img-css/left3.png);
}
.star {
background-image: url(../img-css/star.png);
}
.help {
background-image: url(../img-css/help.png);  
}
.cc {
background-image: url(../img-css/cc.png);  
}
.contact {
background-image: url(../img-css/contact.png);  
}
.rdf {
background-image: url(../img-css/rdf.png);  
}
a:hover.guy, a:hover.gal, a:hover.paw, a:hover.acorn, a:hover.right, a:hover.left, a:hover.month, a:hover.zoomIn, a:hover.zoomIn2, a:hover.zoomIn3, a:hover.zoomIn4, a:hover.right2, a:hover.left2, a:hover.right3, a:hover.left3, a:hover.star, a:hover.help, a:hover.cc, a:hover.contact, a:hover.rdf {
background-position: -39px 0;
}
p {
font-size: .8em;
}
h2 a {
display: block;
width: 205px;
height: 30px;
}
/*
#colophon .help {
float: right;
clear: both;
}
*/