/* CSS Document */
body
{
background: url(images/nerd.png) #ffffff no-repeat top right fixed;
color:#00B3F0;
}

#leftside
{
float:left;
background-color:#00B3F0;
color:#FFFFFF;
text-align:right;
width:300px;
height:3300px;
}

#leftside ul {
display:block;
margin:0;
padding:5px;
list-style:none;
padding-top:100px;
}

#leftside ul li {
display:block;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding:5px;
height:20px;
}

#leftside ul li a {
display:block;
padding-top:5px;
text-decoration:none;
color:#ffffff;
font-size:16px;
font-weight:bold;
}

#leftside ul li a:hover {
display:block;
padding-top:5px;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:16px;
}

#rightside
{
color:#000000;
text-align:left;
width:500px;
margin-left:300px;
height:150px;
padding-top:1px;
}

h1
{
font-size:50px;
}

h2
{
color:#ffffff;
background-color:#00B3F0;
display:block;
font-size:20px;
font-weight:bold;
margin-left:-10px;
padding-left:15px;
}

#content
{
padding-top:100px;
font-size:18px;
margin-top:-100px;
padding-left:10px;
color:#000000;
width:350px;
}