@import url(base.css);

a {
 color: inherit !important;
}
a {
 color: black; /* IE doesn't support the above */
}

#body {
 margin: 6pt;
}

#nav a {
 background: #b0e0e6;
}
#nav {
 width:100%;
 overflow:auto;
 border-bottom:1pt solid black;
}
#nav ul, #nav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#nav ul {
 padding-left: 15px;
}
#nav li, #nav a {
 float: left;
 width: 50pt;
}
#nav li {
 margin-right: 2px;
 text-align: center;
}
#nav a {
 text-decoration: none;
}

#top {
 padding-top: 15px;
 height: 195px;
 text-align: center;
 background-position: 50% 0px;
 background-repeat: no-repeat;
 background-image: url(/images/water.jpg);
}

#hometext {
 margin-left: 400px;
}

#footer {
 text-align: center;
 font-size: 70%;
 padding-top: 1em;
}
#top, #footer {
 border-color: inherit;
}

#body h1 {
 margin-left: 1em;
 font-size: 150%;
}
#body h2 {
 font-size: 120%;
 margin-bottom: 1pt;
}
#body h2 strong {
 font-weight: normal;
 font-style: italic;
}

.sidephoto {
 float: right;
 margin: 5px;
}

#projects div+div {
 border-top: 1px dotted #999;
 margin-top: 30px;
}
#projects div {
 margin: 20px;
 /*clear: both;*/ /* works better without this in Mac IE */
}
#projects .odd img {
 float: left;
 margin: 10px 30px 10px 10px;
}
#projects .even img {
 float: right;
 margin: 10px 10px 10px 30px;
}

/*
#about .link-desc-list a {
 margin-right: 11px;
}
*/