*
{
margin: 0;
padding: 0;
}
body
{
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
font-family: verdana, tahoma, sans-serif;
color: red;
background-color: #000;
text-align: center;
}
#wrap
{
width: 84%;
background-color: #fff;
margin: 20px auto 0 auto;
text-align: left;
border-color: #444;
border-style: solid;
border-width: 1px 1px 5px 1px;
}
#header
{
position: relative;
height: 110px;
background: #000 url("freecssxhtmlwebsitetemplate1image1.gif") repeat-x 0% 100%;
border-bottom: 5px solid #444;
}
#header ul
{
position: absolute;
top: 20px;
left: 0px;
margin: 0;
padding: 0;
list-style: none;
font-size: 1.1em;
font-weight: bold;
font-family: 'Trebuchet MS', Tahoma, verdana,  sans-serif;
height: 2.3em;
text-align: center;
}
#header li
{
display: inline;
margin: 0;
padding: 0;
}
#header a
{
float: left;
margin: 0;
padding: 3px 10px 2px 10px;
text-decoration: none;
color: #ccc;
border-top: 5px solid #fff;
}
#header a:hover
{
border-top: 5px solid #000;
color: #fff;
}
#header #home a, #header #bio a, #header #vid a, #header #phil a, #header #contact a, #header #pict a
{
color: #fff;
border-top: 5px solid #fff;
}
.gray
{
color: #a0a0a0;
}
#content-wrap
{
clear: both;
margin: 0;
padding: 0;
}
#content
{
margin: 10px auto;
padding-left: 10px;
padding-top: 5px;
color: #fff;
}

#content a
{
color: #fff;
background-color: inherit;
text-decoration: underline;
}
#content a:hover
{
color: #fff;
background-color: inherit;
text-decoration: underline;
}
#content h1
{
margin: 0;
padding: 5px 10px;
font-size: 2.5em;
font-weight: bold;
font-family: 'Trebuchet MS', arial, sans-serif;
color: #fff;
text-align: center;
}
#content .box
{
margin: 10px 15px 10px 0px;
padding: 0;
border: 1px solid #0a1646;
background-color: gray;
}
#content h2
{
margin: 0;
padding: 10px 15px;
font-family: 'trebuchet ms', arial, sans-serif;
color: #fff;
font-size: 1.3em;
font-weight: bold;
}
h3 {margin-left: 10px; font-size: 1.2em;}
#content p
{
margin: 0;
padding: 10px 15px;
line-height: 2em;
}
#content img.floatleft
{
float: left;
margin: 5px 15px 5px 0px;
border: 1px solid #fff;
width: 100px;
height: 100px;
}
#content img.floatright
{
float: right;
margin: 5px 0px 5px 15px;
border: 1px solid #fff;
width: 100px;
height: 100px;
}
#content ul
{
margin: 10px 30px;
padding: 0 15px;
color: #fff;
}
#content ol
{
margin: 10px 30px;
padding: 0 15px;
color: #fff;
}
#content .highlight
{
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
background-color: #0a1646;
}
#footer
{
clear: both;
width: 100%;
color: #fff;
background-color: #000;
margin: 0 auto;
padding: 0;
font-size: 12px;
}
#footer p
{
margin: 5px;
padding: 5px;
text-align: center;
}
#footer a
{
text-decoration: none;
font-weight: normal;
color: #fff;
}
#footer a:hover
{
text-decoration: none;
font-weight: normal;
color: #fff;
}