*{margin:0; padding:0;}
body{
font-family:arial,helvetica,sans-serif;
font-size:0.8em;
line-height:1.5;
background-image:url(../images/goodomens_tile.jpg);
background-repeat:repeat;
}
h3{color:#000066;}
div{
border:1px;
}
.underline{text-decoration:underline;}
a:link{color:white;}
a:visited{color:yellow;}
a:hover{color:lime;}
a:active{color:orange;}

#wrapper{
margin: 0 auto;
}
#header{
color:yellow;
background-color:#000066;
font-size:1.2em;
text-transform:uppercase;
text-align:right;
padding:0.8em 4em 0.8em 0em;
}
#nav{
font-size:0.8em;
text-transform:uppercase;
background-color:#6699cc;
padding: 0.5em 0em 0.5em 2em;
}
ul{list-style-type:none;}
li{
display:inline;
border: 1px solid #000066;
background-color:#6633cc;
margin-right:1em;
padding:0.2em 0.5em;
}

#intro{
background-color:#ffff66;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#fantasy{
background-color:white;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#alternatehistory{
background-color:#ffff66;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#timetravel{
background-color:white;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#otherdimensional{
background-color:#ffff66;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#metaphysical{
background-color:white;
padding:20px;
width:350px;
height:250px;
overflow:auto;
float:left;
}
#image{
background-color:white;
padding:20px;
width:350px; height:250px;
overflow:auto;
background-image:url(../images/themanwhousedtheuniverse.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}
#footer{
background-color:#000066;
padding:1em;
clear:left;
}