WIP

---------------------------ABOUT ME--------------------------------------

<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>


<style type="text/css">
.jknopf{display:none}
body {
background:url() repeat top left fixed;
background-color:ffffff
}

.contain div {
background-color:ffffff;
color:a5a5a5;
font: 7pt Arial,Helvetica,sans-serif;
overflow:auto;
text-align: left;
padding-left:2px;
}
a:link, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a:hover, a.navbar:hover, a.man:hover {
color:000000;
font: 10pt Arial,Helvetica,sans-serif
}

a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:arial;
font-size:10px;
font-weight:normal;
letter-spacing:2px;
line-height:14px;
text-transform:uppercase;
text-decoration:none;
color:000000;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

a:hover, a:hover b {
font-size:10px !important;
font-weight:normal !important;
letter-spacing:4px !important;
line-height:10px !important;
text-transform:uppercase !important;
text-decoration:none !important;
color:000000 !important;
background-color:ffffff !important; }

    I {font: italic 9px times new roman; text-transform:none; color:faf9f9; line-height:5px;}
    B {font: bold 8px Arial; text-transform:uppercase; color:0d0d0d; letter-spacing: .5px; line-height: 6px;}
    STRONG {font: 9px Lucida Console; text-transform:uppercase; color:C0BDBD; line-height:5px; letter-spacing:0px;}
    EM {font: 8px Lucida Sans Unicode; text-transform:uppercase; color:a09f9f; line-height:5px;}

H1 {font: normal 19px courier new; text-transform:uppercase; color:ffffff; line-height: 14px; margin: 5px; text-align: right; background-color:030303; line-spacing: 3px}

H2 {font: normal 15px Orator Std; text-transform:uppercase; color: ffffff; background-color:7a6d7b; line-height: 14px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}

H3 {font: italic 12px Times New Roman; text-transform:lowercase; color:BCC6CC; line-height: 10px; margin: 2px; text-align: right; line-spacing: 3px}

H4 {font: normal 25px Roboto; text-transform:uppercase; color:a92d1c; line-height: 10px; margin: 5px; text-align: center; padding-top: 4px; line-spacing: 5px}

H5 {font: italic 12px Times New Roman; text-transform:normal; color:808080; line-height: 10px; margin: 4px; text-align: center; padding-top: 4px; line-spacing: 5px}

H6 {font: normal 14px Bebas; text-transform:lowercase; color:EB803F; line-height: 10px; margin: 2px; text-align: center; line-spacing: 3px}

H7 {font: italic 40px Georgia; text-transform:lowercase; color: 686868; line-height: 45px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}


#sitename {
margin-left:-210px;
margin-top:-35px;
color:ffffff;
font-family:'Dosis';
font-size:65px;
text-shadow: 2px 2px #3a3a3a;
background-color:transparent;
position:fixed;
z-index:-9999999;
}

.jlinks {
text-transform:uppercase;
text-align:center;
font-family:'courier new';
font-size:12px;
color:686868;
position:fixed;
margin-top:150px;
margin-left:30px;
}

.jlinks a {
width:115px;
margin-bottom:-15px;
height:8px;
border-style:solid;
border-width:1px;
border-color:686868;
text-align:center;
padding:6px;
letter-spacing:3px;
color:686868;
border-radius: 5px;
font-family:'courier new';
background-color:ffffff;
font-size:12px;
text-transform:uppercase;
text-align:center;
display:block;
}

.jlinks a:hover {
background-color:ffffff;

}

#apcredit {
    bottom: 5px;
    right: 5px;
    position: fixed;
    padding: 3px;
    color: #6C5749;
    font-family: oswald;
    font-size: 10px;
    text-transform: uppercase;
    }


.image{width:770px;height:206px;top:-115;left:30px;position:absolute; border-style:solid;border-width:1px;border-color:686868;}

.navigation{width:410px;height:60px;top:50px;left:30px;position:absolute;border-style:solid;border-width:0px;border-color:686868;}

.about{width:150px;height:310px;top:100px;left:290px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}

.owner{width:250px;height:150px;top:100px;left:30px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}

.updates{width:200px;height:150px;top:486px;left:30px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}

.wanted{width:250px;height:150px;top:260px;left:30px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}


.textbox{width:410px;height:60px;top:418px;left:30px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}

.affs{width:200px;height:150px;top:486px;left:240px;position:absolute;border-style:solid;border-width:1px;border-color:686868;}

.hold{background-color:transparent}
.contain{left:50%;margin-left:-400px;top:150px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
.corner{left:0;top:0;position:absolute;z-index:9;visibility:visible !important}
.mpd{left:50%;margin-left:-400px;top:0;position:absolute;z-index:9;visibility:visible !important}
.comments{display:none}
.contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table table{visibility:hidden}
a img{border:none}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}
jknopf{display:none}
</style>


    *<HIDING>*
    <br />
    <style>.clearfix {margin-top: -100px;}</style>
    <p>

    <br />
    <style>.friendscomments{display:none;}</style>
    <p>

    <br />
    <style> div td {display:none;} table {top:24px; position:relative;} table table {top:0px; position:relative;}</style>
    <p>

    <br />
    <style type="text/css">table.latestblogentry {display: none;}</style>
    <style>.extendednetwork{display:none;}</style>
    <p>

    <style>
    [id="footerWarpper"] { display: none; }
    </style>




    <style>
    table.profileInfo td td {display:none;}
    table.profileInfo td td.text {display:table-cell; _display:inline;}
    </style>


         <style>.nametext{display:none;}</style>

    <STYLE type=text/css> .contacttable {display: none;}</STYLE>

    <br />
    <style>.blurbs{display:none;}</style>
    <p>


<style type="text/css">.profileInfo {display:none;}</style>

    <br />
    <style>.friendspace{display:none;}</style>
    <p>

    <br />
    <style>.userprofileurl{display:none;}</style>
    <p>

    <br />
    <style>.userprofiledetail{display:none;}</style>
    <p>

    <br />
    <style>table div font {display: none;}</style>
    <p>

    <style>.interestsanddetails{display:none;}</style>

    <style>.userprofiledetail{display:none;}</style>

    <style>.lightbluetext8{DISPLAY:none;VISIBILITY:hidden;}</style></style>



    *<MISC>*
    <style>td.text table {position:relative; top: -48px;}td.text table table {position:static;}</style>

    <style> div td {display:none;} table {top:0px; position:relative;} table table {top:0px; position:relative;}</style>


----------------------------LIKE TO MEET--------------------------------------------------


   </td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0">

<div id="apcredit">
<a href="/apotelesm">AP.</a></div>
</div></div>




<div class="hold"><div class="contain">


<div class="about">
<br>

image in here soon. <br><br><br>





</div>
<div class="updates">
<h2>owner</h2><br>

<center><img src=http://i.imgur.com/TcDGtjF.png></center><br><br>things about the owner here. things about the owner here. things about the owner here. things about the owner here. things about the owner here.

</div>


<div class="wanted">
<h2>site information</h2><br>
statistics about your site here.<br><br><br>

</div>

<div class="textbox">
<h7>apotelesm resource.</h7>


</div>
<div class="affs">
<h2>the affiliates (00)</h2><br>
<center>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>
<a href="/">affiliate name</a><br>


</div>

<div class="owner">
<h2>about</h2><br>
<center><img src=http://i.imgur.com/0nvrvLL.png></center><br><br>
<b>Name:</b> David<br>
<b>Position:</b> owner<br>
<b>Jobs:</b> catchin' 'em all<br>
<b>AIM:</b> aim here<br>
<b>Comments:</b> something here eventually. Don't be afraid to get lengthy af.<br>





</div></div></div>
<table><tr><td>
<table><tr><td>

   </td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0">


</div>