a{ color: #96c;}
a:visited{ color: #96c; }
a:active{ color: #009; }

html{ 
background-color: #306;
color: #306;
background-image:url("../images/general/purpswrl.gif");
font-family: verdana;
}

/* IE doesn't understand these selectors */
html[id="html"]{
background-image:url("../images/general/purpswrl.gif");

}

body{
margin: 0;
margin-left: 1em;
margin-right: 1em;
/* leave room for the floating nav bar */
margin-top: 6em;
}

h1,h2,h3,h4,h5,h6{
font-family: verdana;
}

h1{ 
text-align: center;
}

h2{ 
text-align: center;
}

h3{ 
text-align: center;
}

.section {
margin-left: 5em;
width: 80%;
}

.section p, .blog-post .body , .blog-comment .body {
padding: 1em;
padding-top: 0;
}

.imgleft, .imgright {
padding: 1em;
text-align: center;
}

.imgleft {
float: left;
}

.imgright {
float: right;
}

/* navigation */

/* XXX */

/* .nav-text, .nav-photos, .nav-graphics { text-decoration: line-through !important } */
.nav {
       text-align: center;
       margin: auto; 
       font-family: verdana;

font-size: smaller; 

position: absolute;

right: 0;
top: 0;
height: 3em;
background-color: #306;
color: #eff;
padding: 2px;
margin: 1ex;
list-style-type: none;
float: left;
width: 100%;
}

/* only mozilla understands this selector */
.nav[id='navvy'] {

position: fixed;

}

.nav ul {
padding: 2px;
width: 100%;
margin: 1.5ex;
}

.nav li {
display: inline;
}

.nav li a{ 
width: 3.5em;
color: #eff;
background-color: #306;
padding: 0.2em 0.5em;
text-decoration: none;
border-right: 1px solid #eff;
}

.nav li a:hover {
background-color: #aaf;
color: #306;
}