ink;

<style type="text/css">
@font-face {font-family:"bananas"; src:url('http://static.tumblr.com/l55ndxt/pXgmofj6m/monkeys_and_bananas.ttf');}
 @font-face {font-family: "always forever"; src:url("http://static.tumblr.com/3uol3ew/wYfmkpavq/always_forever.ttf");}
@font-face { font-family: "cafe"; src: url('http://static.tumblr.com/kjq4nx5/kQOmo5hnn/caf_____brewery.ttf'); }
@font-face { font-family: "heat"; src: url('http://static.tumblr.com/n9vthnu/6Psmo2sij/kgeyeswideopen.ttf'); }
@font-face {font-family:"Aderyn";src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}

.pfor { display: none; }
#profile { background-color: transparent; border: none; }
body { cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
background: #fefefe url("http://i57.tinypic.com/6i9p8x.jpg"); }

a:active, a:visited, a:link {
font: normal normal normal  consolas;
color: #666;
text-decoration: none;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-out;
background-color: none;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
}

#pic {
position: fixed;
top: 100px;
left: 395px;
z-index: 500;
-webkit-transition:all 3s ease-in-out;
-moz-transition:all 3s ease-in-out;
-o-transition:all 3s ease-in-out;
-webkit-transition:all 3s ease-in-out;
transition:all 3s ease-out;
background-image:url('http://i59.tinypic.com/1zh0h8w.jpg');

filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

#pic:hover {
position: fixed;
left: 660px;
background-image:url('http://i59.tinypic.com/1zh0h8w.jpg');
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

#box {
width: 239px;
height: 324px;
font: normal normal normal 11px/11px consolas;
color: #666;
background-color: #151515;
padding: 5px;
z-index: 499;
position: fixed;
top: 100px;
left: 395px;
}

#sidebar {
height: 332px;
width: 8px;
background-color: #333;
position: fixed;
top: 101px;
left: 648px;
z-index: 0;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-out;
}

#friends {
font: normal normal normal 11px/11px consolas;
width: 90px;
height: 318px;
position: fixed;
top: 107px;
left: 635px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 6px;
opacity: 0;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-out;
}

#friends:hover {
opacity: 1;
}

#friends:hover + #sidebar, #sidebar:hover {
left: 700px;
opacity: 1;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-out;
}

#roman1:hover, #roman2:hover, #roman3:hover, #roman4:hover, #roman5:hover, #title:hover, a:hover {
color: #1962a6;
}

#roman1 {
position: fixed;
top: 120px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 35px/35px times new roman;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman1:hover + .container, .container:hover {
left: 670px;

opacity: 1;
}

#roman2 {
position: fixed;
top: 200px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 29px/29px times new roman;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman2:hover + .container, .container:hover {
left: 670px;
opacity: 1;
}

#roman3 {
position: fixed;
top: 250px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 27px/27px optimus princeps;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman3:hover + .container, .container:hover {
left: 670px;
opacity: 1;
}

#roman4 {
position: fixed;
top: 300px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 27px/27px optimus princeps;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman4:hover + .container, .container:hover {
left: 670px;
opacity: 1;
}

#roman5 {
position: fixed;
top: 350px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 27px/27px optimus princeps;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman5:hover + .container, .container:hover {
left: 670px;
opacity: 1;
}

#roman6 {
position: fixed;
top: 400px;
left: 345px;
height: 15px;
width: 40px;
font: normal small-caps normal 27px/27px optimus princeps;
color: #666;
text-align: center;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 1px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#roman6:hover + .container, .container:hover {
left: 670px;
opacity: 1;
}

.container {
position: fixed;
top: 105px;
left: 440px;
width: 200px;
height: 350px;
text-align: left;
background-color: #;
border: px solid #b31b1b;
overflow: auto;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 1;
}

big {
text-align: left;
color: #fc7116;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 1px 1px 3px black;
font: normal 10px/12px arial;}

u {
text-align: left;
color: #a4bf62;
letter-spacing: 0px;
text-decoration: none;
text-shadow: 1px 1px 3px black;
font: normal 10px/12px arial;}

i {
text-align: left;
color: #1c7d84;
letter-spacing: 0px;
text-shadow: 1px 1px 3px black;
font: italic 12px/12px times;}

b {
text-align: left;
color: #53516f;
text-shadow: 1px 1px 3px black;
font: normal normal normal 12px/12px times;}

h1 {
width: 170px;
height: 56px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 6px;
text-align: justify;
color: gray;
border: 1px solid #333;
border-radius: 5px;
text-shadow: 1px 1px 1px black;
background-color: ;
    background-image:url('http://i59.tinypic.com/1zh0h8w.jpg');
font: normal normal normal 10px/12px arial;
z-index: 1;
}

#title {
position: fixed;
top: 62px;
left: 450px;
font: normal normal normal 35px/25px bananas;
color: #666;
text-align: center;
text-transform:;
padding-top: 4px;
padding-bottom: 6px;
letter-spacing: 20px;
cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
z-index: 4;
}

#title:hover + .quote, .quote:hover {
color: #59d8cd;
top: 450px;
opacity: 1;
}

.quote {
font: normal normal normal 11px/0px consolas;
opacity: 0;
position: fixed;
top: 100px;
left: 400px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

</style>

<div id="title">
Trilby
</div>

<div class="quote">
▶ nothnx ◊ eat the rude ◊ main = kieta.
</div>


<div id="roman1">♚</div>
<div class="container">

<h1>
ϟ <b>basics</b>:
<i>trilby</i> → trilbs → ink; etc. twentyone. <b>♀</b> femme. <i>jackalope</i>. gemini. <b>♊</b>  new york. <i>equal</i> opportunist. <u>perpetually</u> single. college student → <i>anthropology</i>. ◌
</h1>

<h1>
ϟ <b>appearance</b>: mercurial;
 <i>stature</i> five foot six, soft & <u>lithe</u>. tattooed & pierced.  <i>hair → teal</i>. glowing markings. <i>eyes</i> sapphire. <i>attire</i> summer child ; cute & flirty. ◌
</h1>

<h1>
ϟ <b>distinctive</b> razor sharp fangs. <i>manipulate the cold</i>. extra long tongue. playful. faux-dominate. legs for <i>days</i>.  smoker & drinker; <u>dabbles</u> in drug use. <i>versatile</i>. optomistic. ◌
</h1>

<h1>
<b>☑</b>: <i>intelligence</i>. spontaneity.  sex. flowers. <i>socialization</i>. spirituality. nature.
<b>☒</b>:  <big>ignorance</big>. silence. <big>routine</big>. waiting.  politics & religion. sensitive people. ◌

</h1>
</div>

<div id="roman2"><a href="http://i62.tinypic.com/161bwk9.jpg" title="what're you waiting for?" target="_blank">✗</a></div>

<div id="roman3"><a href="http://i57.tinypic.com/6r3ipd.jpg"  title="oh, please~" target="_blank">✗</a></div>

<div id="roman4"><a href="http://i58.tinypic.com/wivbzb.jpg"  title="ribbons 'n bows." target="_blank">✗</a></div>

<div id="roman5"><a href="http://www.thiscrush.com/~pumathingy"  title="crush?" target="_blank">✗</a></div>

<div id="roman6"><a href="http://youtu.be/LvkEuDmybmc"  title="sza ; bed." target="_blank">✗</a></div>

<div id="pic">
<img style="border: 0px solid #333;" width="245" height="330" src="http://i60.tinypic.com/bf5f0m.jpg">
</div>

<div id="box"><br>
<i>Ice is structured, latticed, light as a feather, massive as a glacier. In ice, there is power!</i><br>

~ n o t <u>y e t</u> w r i t t e n }
</div>