Get the code!

<title>www.adammcquaid.ca</title>

#affies { position:absolute; top:140px; width: 330px; left: 15px;}
#sidebar{ position:absolute; background-color: #19191b; top:250px; width:330px; left:15px; margin: 0px;}
#content{ position:absolute; background-color: #19191b; top:440px; width:600px; left:350px; border: #999999 1px dotted; padding: 3px;}
#header{ position:absolute; background-color:; top:0px; width:314px; left:200px;}

#navi{
position:absolute;
margin-top:40px;
margin-left:10px;}

a.navi, a.navi:active, a.navi:visited, a.navi:link{
color: #9342d6;
background-color: #19191b;
border: #7103c5 solid 1px;
text-transform:uppercase;
display:block;
font-weight:normal;
padding:3px;
margin: 2px;
font-family: "times new roman";
font-size:24px;
line-height:18px;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
-moz-border-radius: 10px; 
width: 155px;
-webkit-border-radius: 10px;
-WEBKIT-TRANSITION: COLOR 0.7S EASE-OUT; 
-MOZ-TRANSITION: COLOR 0.7S EASE-OUT;}

a.navi:hover{
color: #7103c5;
background-color: #28282a;
text-transform:uppercase;
display:block;
font-weight:normal;
padding:3px;
margin: 2px;
background-color: #19191b;
font-family: "times new roman";
font-size:22px;
line-height:18px;
letter-spacing:-2px;
text-decoration:none;}

a.affiesr, a.affiesr:active, a.affiesr:visited, a.affiesr:link{
color: #7103c5;
text-transform: lowercase;
text-align: center;
display:block;
font-weight:normal;
padding:1px;
margin: 2px;
background-color: #28282a;
border: #7103c5 solid 1px;
font-family: "times new roman";
font-size:12px;
line-height:10px;
width: 95px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;}

a.affiesr:hover{
color: #aa59ed;
text-transform: lowercase;
display:block;
font-weight:normal;
background-color: #1e1e20;
border: #aa59ed solid 1px;
font-family: "times new roman";
font-size:12px;
line-height:10px;
letter-spacing: 0px;
text-decoration:none;
-WEBKIT-TRANSITION: COLOR 0.7S EASE-OUT; 
-MOZ-TRANSITION: COLOR 0.7S EASE-OUT;
}

a:link, a:active, a:visited{
text-decoration:none; 
color: #46464F;}

a:hover{
color: #534080;
font-weight:bold;}

a.reva, a.reva:active, a.reva:visited, a.reva:link{
color: #9342d6;
text-transform: lowercase;
border-right:3px solid #9342d6; 
border-left:3px solid #9342d6;
display:block;
font-weight:normal;
padding:1px;
margin: 1px;
background-color: #1e1e20;
font-family: "times new roman";
font-size:12px;
line-height:10px;
width: 95px;}

a.reva:hover{
color: #aa59ed;
background-color: #1e1e20;
border-right:3px solid #aa59ed; 
border-left:3px solid #aa59ed;
text-transform: lowercase;
display:block;
font-weight:normal;
font-family: "times new roman";
font-size:12px;
line-height:10px;
letter-spacing: 0px;
text-decoration:none;
-WEBKIT-TRANSITION: COLOR 0.7S EASE-OUT; 
-MOZ-TRANSITION: COLOR 0.7S EASE-OUT;
}

h1{
background-color: #28282a;
font-family:century gothic;
font-size:16px;
color: #FFF;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
letter-spacing:-2px;
line-height:18px;
display:block;
padding:0;
padding-left:5px;
border-left:4px solid #9342d6;
border-bottom:1px dotted #aa59ed;
margin:0;
margin-bottom:1px;}

textarea {
color: #bc6bff;
background-color: #3a3a3c;
border: #aa59ed 1px dotted;
font-size: 11px;
font-family:century gothic;
width: 400px;}

</style>

<a href="#" class="navi">clear</a>
<a href="http://www.adammcquaid.ca" class="navi">credit</a>
<a href="#" class="navi">formspring</a>
</td><td>
<a href="#" class="navi">tumbr</a>
<a href="#" class="navi">socialien</a>
<a href="#" class="navi">webstore</a>
</td></tr> </table>
</div>

<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
</td><td>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
</td><td>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
<a href="#" class="affiesr">affies</a>
</td></tr></center> </table>
</div>

<div id="sidebar">
<h1>Header</h1>
<table width="330px">
 <tr><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td></tr> </table>

<h1>Header</h1>
<table width="330px">
 <tr><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td><td>
<a href="#" class="reva">Link</a>
<a href="#" class="reva">Link</a>
</td></tr> </table>

<div id="content">
<h1>Header</h1>
<center>

</div>