/* CSS Document */

body {
text-align:center;
margin:0;
padding:0;
font-family:Times, serif;
}

#frame, #shadow {
display:block;
position:relative;
margin:0 auto;
padding:0 0 1px 0;
width:900px;
background-image:url(/assets/images/background.png);
background-repeat:repeat-y;
min-height:500px;
text-align:left;
}

#nav {
display:block;
position:absolute;
left:20px;
top:0px;
width:120px;
height:500px;
background-image:url(/graphics/menu.jpg);
background-repeat:no-repeat;
background-position:15px 13px;
}

#nav ul {
margin:0;
padding:0;
list-style-type:none;
position:relative;
}
#nav ul li {
display:block;
position:absolute;
left:0px;
top:150px;
xbackground-color:#cfc;
opacity:0;
filter:alpha(opacity=0);
}

#nav li.home { top:105px; }
#nav li.home a { height:52px; }
#nav li.portfolio { top:255px; }
#nav li.resume { top:281px; }
#nav li.contact { top:327px; }
#nav li.family { top:353px; }

#nav ul li a {
display:block;
width:109px;
height:20px;
background-color:#ffc;
color:#000;
font-size:1px;
}

#content {
margin:0 20px 0 140px;
padding:75px 50px 10px;
position:relative;
}

#content h1, #content h2, #content h1.red {
display:block;
text-align:center;
margin:0;
padding:5px 0 0 0;
height:60px;
background-image:url(/assets/images/fade-red.png);
background-repeat:repeat-x;
color:#cece94;
font-weight:normal;
font-style:italic;
font-size:28px;
position:absolute;
left:0px;
top:0px;
width:100%;
font-family:"Revival 565 BT", Times, serif;
}

#content h1.blue { background-image:url(/assets/images/fade-blue.png); }
#content h1.green { background-image:url(/assets/images/fade-green.png); }
#content h1.purple { background-image:url(/assets/images/fade-purple.png); }

#shadow {
background-image:url(/assets/images/background-footer.png);
background-repeat:no-repeat;
height:40px;
min-height:40px;
}

#content a {
color:#930;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#content img {
max-width:640px;
}

#footerNav {
clear:both;
text-align:center;
display:block;
margin:20px 0 0 0;
padding:0;
list-style-type:none;
}
#footerNav li {
display:inline;
margin:0;
padding:0 10px;
border-left:1px solid #000;
}

#footerNav li.home {
border-left:none;
}

.clear { margin:0; padding:0; clear:both; }

div.left, div.leftColumn {
float:left;
margin:0 20px 5px 0;
font-size:.8em;
text-align:center;
}

div.right, div.rightColumn {
float:right;
margin:0 0 5px 20px;
font-size:.8em;
text-align:center;
}

div.leftColumn, div.rightColumn, div.centerColumn {
margin:20px 0;
width:300px;
font-size:1em;
}

div.leftColumn, div.centerColumn { clear:both; }

div.centerColumn {
width:auto;
padding-top:20px;
text-align:center;
}

table {
border: none;
border-spacing: 0px;
border-collapse:collapse;
margin:10px 0 0 0;
padding:0;
font-size:.8em;
}
	
table td, table th {
padding:0 14px 14px 0;
text-align:left;
vertical-align:top;
}

table h3 {
font-size:1.3em;
color:#A41E12;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}

a img { border:none; }

.tiny {
font-size:1px;
line-height:1px;
}