Moon River

------------------------------ABOUT ME---------------------------------------
<body
oncontextmenu="alert('Excuse you.');
return false;">

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">

<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Farsan" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">



<style type="text/css">
.jknopf{display:none}
body {
background:url(http://orig02.deviantart.net/4339/f/2012/293/d/1/warm_bokeh_by_exposethebeauty-d5iddej.jpg) repeat top left fixed;
background-color:ffffff;
}

.contain div {
background-color:f0995c;
color:a5a5a5;
font: 7pt Arial,Helvetica,sans-serif;
overflow:auto;
text-align: left;
padding-left:0px;
}
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 Open Sans Condensed;
}

a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:Open Sans Condensed;
font-size:10px;
font-weight:normal;
letter-spacing:2px;
line-height:10px;
text-transform:uppercase;
text-decoration:none;
color:000000;
}

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

    I {font: italic 9px times new roman; text-transform:none; color:f0c75d; line-height:5px;}
    B {font: bold 8px Alegreya Sans; text-transform:uppercase; color:f3b85b; 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 Open Sans Condensed; text-transform:uppercase; color: 343434; background-color:c3dce1; 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: normal 12px Times New Roman; text-transform:normal; color:808080; line-height: 10px; margin: 4px; text-align: left; 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: normal 40px Farsan; text-transform:normal; color: 686868; line-height: 45px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}


.jlinks {
text-transform:uppercase;
text-align:center;
font-family:'courier new';
font-size:10px;
color:ffffff;
position:fixed;
margin-top:200px;
margin-left:60px;
}

.jlinks a {
margin-bottom:-15px;
height:20px;
width:20px;
text-align:center;
padding:6px;
letter-spacing:3px;
color:ffffff;
border-radius: 100%;
font-family:'courier new';
background-color:f0995c;
font-size:10px;
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;
    }


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

.image3{width:200px;height:100px;top:100px;left:451px;position:absolute; border-style:double;border-width:3px;border-color:f35f46;}

.loveinterest{width:200px;height:200px;top:215px;left:451px;position:absolute; border-style:double;border-width:3px;border-color:f35f46;}

.biography{width:200px;height:215px;top:100px;left:240px;position:absolute;border-style:double;border-width:3px;border-color:f35f46;}

#image1 {
  position:relative;
   height:100px;
  width:200px;
  margin:0 auto;
}

#image1 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#image1 img.top:hover {
  opacity:0;
}

#image2 {
  position:relative;
   height:85px;
  width:200px;
  margin:0 auto;
}

#image2 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#image2 img.top:hover {
  opacity:0;
}

#image3 {
  position:relative;
   height:100px;
  width:200px;
  margin:0 auto;
}

#image3 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#image3 img.top:hover {
  opacity:0;
}

.facts{width:200px;height:200px;top:215px;left:29px;position:absolute; border-style:double;border-width:3px;border-color:f35f46;}

.image2{width:200px;height:85px;top:330px;left:240px;position:absolute; border-style:double;border-width:3px;border-color:f35f46;}

.image1{width:200px;height:100px;top:100px;left:29px;position:absolute;border-style:double;border-width:3px;border-color:f35f46;}

#liimage {
  position:relative;
  height:90px;
  width:150px;
  margin:0 auto;
}

#liimage img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#fiimage img.top:hover {
  opacity:0;
}

#statimage {
  position:relative;
  height:90px;
  width:150px;
  margin:0 auto;
}

#statimage img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#statimage img.top:hover {
  opacity:0;
}



.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="image3">

<div id="image3">
  <img class="bottom" src="http://i.imgur.com/o5pslUL.png" />
  <img class="top" src="http://i.imgur.com/z1Prv02.png" />


</div></div>

<div class="loveinterest">

<div style="padding: 5px; margin: 5px; width: 178px; height: 178px; background-color: ffffff; text-align:justify;">

<i>relationship status:</i> here<br>
<i>whom:</i> <a href="/">name here</a><br>
<i>since:</i> 00/00/00<br>
<i>song:</i> as the world falls down - david bowie<br>
<i>comments:</i> put a really nice long about your s/o right here<br>

</div></div>
<div class="facts">


<div style="padding: 5px; margin: 5px; width: 178px; height: 178px; background-color: ffffff; text-align:justify;">
<b>LEGAL NAME</b>: first middle last<br>
<b>MEANING</b>: first - meaning. middle - meaning. last - meaning.<br>
<b>DATE OF BIRTH</b>: month day, year<br>
<b>HOMETOWN</b>: somewhere over the rainbow<br>
<b>PARENTS</b>: a chick and a dude<br>
<b>SIBLINGS</b>: eh<br>
<b>PET(S)</b>: a bunch of dogs and a cat<br>
<b>CHILDREN</b>: thing 1 and thing 2<br>
<b>OCCUPATION</b>: idk<br>
<b>CURRENT RESIDENCE</b>: the universe<br>
<b>HOUSE TOUR</b>: minimalist af<br>
<b>PAST RELATIONSHIPS</b>: gross<br>
<b>SEXUAL ORIENTATION</b>: winner<br>
<b>LIKES</b>: a list here<br>
<b>DISLIKES</b>: a list here<br>
<b>FEARS</b>: idek<br>
<b>PERSONALITY</b>: soon<br>


</div></div>

<div class="image2">
<div id="image2">
  <img class="bottom" src="http://i.imgur.com/Es4hcTR.png" />
  <img class="top" src="http://i.imgur.com/K2D0OyS.gif" />


</div></div>

<div class="image1">
<div id="image1">
  <img class="bottom" src="http://i.imgur.com/o5pslUL.png" />
  <img class="top" src="http://i.imgur.com/lheH9FD.png" />


</div></div>



<div class="biography">
<div style="padding: 5px; margin: 5px; width: 179px; height: 193px; background-color: ffffff; text-align:justify;">put a bio or whatever in here. Oh, and all the images fade. Cool, I know. Also the PSD used in this is called Pumpkin Carving.

</div></div>





</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>

-------------------------------------INTERESTS------------------------------------------------------
 </td>
</tr>
</table>
</td>
</tr>

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

<div class="jlinks">
<a href="/home.php">H</a><br><br>
<a href="/send_message.php?member_id=958618">M</a><br><br>
<a href="/add_comment.php?member_id=958618">C</a><br><br>
<a href="/view_blog.php?id=0000295419">P</a><br><br>
<a href="http://ask.fm/apotelesm">B</a><br><br>
<a href="/628356">X</a><br><br>

</div>