/* General styles */

html{
font-family:Geneva, Arial, Helvetica, Verdana, sans-serif;
font-size:100%;
}

body{
font-size:90%;
margin: 0 0 0 0;
background-color:#FFF;
color:#000;
}

h1{
font-size:120%;
font-weight:bold;
text-align:center;
margin:10px 0px 10px 0px;
padding:5px 10px 5px 10px;
background-color:#D3D3D3;
color:#000;
}

h2{
font-size:100%;
font-weight:bold;
margin:0px 10px 10px 10px;
}

h3{
font-size:90%;
font-weight:bold;
margin:0px 10px 10px 10px;
}

p{
margin:0px 10px 10px 10px;
}

img{
border:none;
}

a:link{color: #000; text-decoration:underline; background-color:#FFF;}
a:visited{color: #000; text-decoration:underline; background-color:#FFF;}
a:hover{color:#999; text-decoration:none; background-color:#FFF;}
a:active{color: #000; text-decoration:none; background-color:#FFF;}

#pagewrapper{
position:relative;
width:740px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:10px;
text-align:left;
}

/* Top stuff */

#toc1{
position:absolute; top:30px; left:10px;
width:auto;
font-size:180%;

padding-bottom:15px;
}

#toc2{
position:absolute; top:50px; left:50px;
}

#toc3{
position:absolute; top:50px; left:350px;
}

#frontpagepic{
float:right;
width:300px;
height:500px;
vertical-align:top;
}

/* DIVS */

#navigation{
position:absolute; top:100px; left:10px;
width:auto;
background-color:#FFF;
color:#000;
font-size:100%;
font-weight:bold;
padding:2px 0 2px 0;
border-bottom:1px;
border-bottom-color:#000;
border-bottom-style:solid;
border-top:1px;
border-top-color:#000;
border-top-style:solid;
}

#navigation a:link{color:#000; text-decoration:none; background-color:#FFF; font-weight:bold;}
#navigation a:visited{color:#000; text-decoration:none; background-color:#FFF; font-weight:bold;}
#navigation a:hover{color:red; text-decoration:none; background-color:#FFF; font-weight:bold;
border-bottom:1px;
border-bottom-color:#000;
border-bottom-style:solid;
border-top:1px;
border-top-color:#000;
border-top-style:solid;}
#navigation a:active{color:#000; text-decoration:none; background-color:#FFF; font-weight:bold;}

#date{
position:absolute; top:5px; left:10px;
font-size:90%;
width:auto;
}

#frontcontent{
position:absolute; top:150px; left:0px;
width:400px;}

#footer{
border-top:1px;
border-color:#000;
border-top-style:solid;
font-size:80%;
padding-top:10px;
clear:both;
}

#portfolioimages{
position:absolute; top:150px; left:10px;
width:500px;
padding:10px;
height:333px;
clear:both;
border:1px;
border-color:#000;
border-style:solid;
}

#blackwhite{display:none;}
#whiteblack{display:inline;}

#sillyiebottom{background-color:#FFF; height:200px;}

#height{
float:right;
width:5px;
height:650px;
}

#height500{
float:right;
width:1px;
height:550px;
}

#height600{
float:right;
width:5px;
height:600px;
}

#height750{
float:right;
width:5px;
height:750px;
}

#height950{
float:right;
width:5px;
height:950px;
}

#height1100{
float:right;
width:5px;
height:1100px;
}

/* Classes */

.bold{
font-weight:bold;
margin:0px 10px 10px 10px;
}

.boldright{
font-weight:bold;
}

.spacer{height:1px; clear:both;}

.boldertext{font-weight:bold;}
.boldertext a:link{font-weight:bold; text-decoration:none;}
.boldertext a:link{font-weight:bold; text-decoration:none;}
.boldertext a:link{font-weight:bold; text-decoration:underline;}
.boldertext a:link{font-weight:bold; text-decoration:none;}

.smallertext{font-size:80%;}