body
{
background-image:url('snaps/octopus/thumbs/blue.jpg');
font-size:100%;
font-family:"chalkboard","comic sans ms","sans-serif";
}

div#main
{
width:800px;
top:0px;
margin-left:auto;
margin-right:auto;
background-color:white;
padding:15px
}

a:link
{color:black}
a:visited
{color:black}
a:hover,a:active
{border:2px black}

/* this is busted
#banner
{
width:800px;
height:140px;
position:absolute;
top:0px;
background-image:url('banner/banner.jpg');
background-repeat:no-repeat
}
*/

/* this is busted too
#topnav
{
width:800px;
height:40px;
position:absolute;
top:100px;
background-color;white;
}

#pic
{
width:800px;
position:abolute;
top:140px;
}
*/

.disappear
/*makes content disappear and not take up space*/
{display:none;
}

.hide
/*makes content disappear but still take up space*/
{visibility:hidden;
}

h1, h2, h3, h4, h5
{color:black;}

h1
/*logo*/
{
font-size:1em;
text-align:left;
vertical-align:text-top;
}

h2
/*topnav*/
{
font-size:1.2em;
text-align:center;
word-spacing:3em;
line-height:40px;
background-color:white;
}

h3
/*critter titles*/
{font-size:2em
text-align:left}

h4
/*heading for plain pages*/
{font-size:1em;
text-align:left}

h5
/*bottom nav*/
{font-size:1em;
text-align:center}

p
{color:black;
font-size:1em;
text-align:left}

.margin
{
margin-left:300px
}

.padding
{
padding:5px
}

.logo
.homepic
.bigpic
.thumbnail 
{
float:left;
width:40px;
height:40px;
margin:5px;