L. Kirby Layout

About Me -- </td></tr></table></td></tr></table></td></tr></table>
<style>

{ S P E C I A L  F O N T S - - C R Y P T I C }

@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:slkscrn;src: url('http://static.tumblr.com/jtvmcoc/baIn9f1ea/slkscr.ttf');}
@import url(https://fonts.googleapis.com/css?family=);
@font-face {font-family:bbbrush;src: url('https://static.tumblr.com/blzkhux/6Kvpmsutj/osfc-bristle-brush-script-regular-demo.ttf');}


{ B A S I C  C O D I N G -- C R Y P T I C }

body {
background-color:#150501;
background-image:url("");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top left;
margin-top: 0px;
overflow:auto;
}

.navcol{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:transparent;
position: absolute;
Width:200px;
height:1050px;
top:0px;
padding-top:200px;
Margin-left:1050px;
text-align: center;
Opacity:1;
border-left: 3px double #af7f47;
}

.boxone{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:750px;
height:250px;
top:50px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxtwo{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:300px;
height:150px;
top:310px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxthree{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:440px;
height:250px;
top:310px;
padding:0px;
Margin-left:510px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxfour{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:300px;
height:90px;
top:470px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxfive{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:750px;
height:200px;
top:570px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxsix{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:400px;
height:200px;
top:780px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxseven{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:400px;
height:150px;
top:990px;
padding:0px;
Margin-left:200px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxeight{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:100px;
height:360px;
top:780px;
padding:0px;
Margin-left:610px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxnine{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:230px;
height:250px;
top:780px;
padding:0px;
Margin-left:720px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.boxten{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:#150501;
position: absolute;
Width:230px;
height:100px;
top:1040px;
padding:0px;
Margin-left:720px;
text-align: left;
Opacity:1;
border:3px double #af7f47;
}

.buffer{
left: 0%;
top: 0%;
Z-index:2!important;
background-color:transparent;
position: absolute;
Width:50px;
height:100px;
top:1150px;
padding:0px;
Margin-left:0px;
text-align: center;
Opacity:1;
border:none;
}



{ TEXT EFFECTS // CRYPTIC}

p, div, table, tr, td, font, br {
Font:8px consolas;
line-height:10px;
letter-spacing:1px;
Text-transform:none;
color:#705d3b;
Font-weight:normal; }

b {
    font-family:slkscrn;
    font-size: 8px;
    color:#50190a;
    letter-spacing: 0px;
    text-transform:lowercase;
    font-weight:normal;
    letter-spacing: 0px;
    line-height:10px;}

I {
    font: 8px slkscrn;
    text-transform:lowercase;
    font-weight:normal;
    color:#583718;
    line-height:10px;
    letter-spacing: 0px;
    }

u {
    font: 8px slkscrn;
    text-transform:lowercase;
    font-style:none;
    font-weight:normal;
    color:#caa170;
    line-height:10px;
    letter-spacing: 1px;
    Text-decoration:none;
    }


Em {
    Font-family:oldlondon;
    color:#73431b;
    font-size:20px;
    text-transform: lowercase;
    Font-style:italic;
    line-height: 12px;
    letter-spacing:-2px;
    Margin-bottom:3px;}

a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:slkscrn;
font-size:8px;
line-height:9px;
letter-spacing:1px;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
color:#b28150;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
text-shadow:10px 0px transparent, -10px 0px transparent;}

a:hover, a:hover b {
text-decoration:none;
Letter-spacing:0px;
color:#3d1f0a;
}

a.nav:link, a.nav:active, a.nav:visited, a.nav:link b, a.nav:active b, a.nav:visited b {
Font-family:slkscrn;
font-size:8px;
line-height:15px;
letter-spacing:2px;
font-weight:normal;
Display:inline-block;
width:80px;
Text-transform:lowercase;
Margin:1px;
text-decoration:none;
color:#b47b41;
Text-align:center;
Background-color:#361006;
border: 3px double #866137;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.nav:hover, a.nav:hover b {
text-decoration:none;
color:#5c3417;
Letter-spacing:0px;
}

a.first, a.first:link, a.first:active, a.first:visited {
font-family:'slkscrn';
font-size:8px;
line-height:12px;
font-weight: normal;
color:#7b522a;
width:100%;
background-color:#361006;
text-decoration:none;
text-transform:uppercase;
letter-spacing:0px;
Text-align:center;
display:block;
border-bottom-style:none;
margin-bottom:1px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.first:hover {
color: #85562a;
background-color:#240f04;
Letter-spacing:3px;
}

a.name:link, a.name:active, a.name:visited, a.name:link b, a.name:active b, a.name:visited b {
Font-family:oldlondon;
font-size:30px;
line-height:20px;
letter-spacing:-2px;
font-weight:normal;
text-transform:lowercase;
text-decoration:none;
Font-style:italic;
color:#be915f;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.name:hover, a.name:hover b {
text-decoration:none;
color:#461c09;
}

h1 {
Font-family:oldlondon;
font-size:20px;
line-height:13px;
Margin:0px;
letter-spacing:4px;
font-weight:normal;
Text-transform:lowercase;
Font-style:italic;
Margin-bottom:10px;
Text-align:left;
text-decoration:none;
color:#954b22;
Margin-top:5px;
padding-left:10px;
Border-bottom: 3px double #af7f47;
}


h2 {
Font-family:oldlondon;
font-size:16px;
line-height:15px;
Margin:0px;
letter-spacing:4px;
font-weight:normal;
Text-transform:lowercase;
Font-style:italic;
Margin-bottom:5px;
Text-align:left;
text-decoration:none;
color:#954b22;
Margin-top:0px;
padding-left:10px;
Border-bottom: 3px double #77562c;
Background-color:#361807;
}

h3 {
Font-family:slkscrn;
font-size:8px;
line-height:12px;
letter-spacing:3px;
font-weight:normal;
Text-transform:uppercase;
padding-left:5px;
Text-align:left;
text-decoration:none;
color:#af7542;
Background-color:#361807;
margin:0px;
}


{ M I S C  C O D I N G -- C R Y P T I C }

::-webkit-scrollbar-thumb {
height:auto;
background-color: #441d0c;
border:3px solid #150501;
}

::-webkit-scrollbar {
height:9px;
width:7px;
background-color: #aa723a;
border:3px solid #150501;
}

a span.av, a:hover span.sm{display: inline;}
a:hover span.av, a span.sm{display: none;}
a:hover {visibility:visible;}


{ H I D E  C O D E S -- C R Y P T I C }

table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1800px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form,
.mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.2e2e2e1}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:absolute; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}
.friendSpace { display:none; }
.profileInfo { display:none; }
.clearfix { display: none; }

</style>


Like To Meet -- </td></tr></table></td></tr></table></td></tr></table>

<div class="navcol">
<h1>navigation</h1>
<a href="/home" class="nav">home</a>
<a href="/add_comment.php?member_id=1459909" class="nav">comment</a>
<a href="/reply.php?mess_id=18171799&folder=reply" class="nav">message</a>
<a href="/albums.php?member_id=1459909" class="nav">gallery</a>
<a href="/view_member_blog.php?member_id=1459909" class="nav">blog</a>
<a href="/view_group.php?group_id=27172" class="nav">group</a>
<a href="" class="nav">xtra</a>
<a href="/sinfulmisfortune" class="nav">credit</a>

<h1>roleplay info</h1>
<div style="width:180px; padding:5px; height:100px; overflow:auto;">
Multiple paragraph to novella based writer. For the most part I tend to write anywhere from five hundred (500) words to over a thousand, just depending on the muse and how I feel about the storyline. Sometime my writing is a little bit longer with some storylines over others. Real life always comes first; which means I can be a little bit slow when it comes to replying to people. Don't take it personally. Just slow in general over 90% of the time.
</div>

<h1>owes list</h1>
<div style="width:180px; padding:5px; height:80px; overflow:auto;">
<h3>you owe me:</h3>
<a href="/1478466" class="first">Small Fry.</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<h3>i owe you:</h3>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<h3>discussions:</h3>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>

</div>

</div>

<div class="boxone">
<img src="https://i.imgur.com/kRazt1l.gif">
</div>

<div class="boxtwo">
<h2>basics</h2>

<div style="width:290px; height:115px; overflow:auto; float:left; padding:5px;">
<b>Lorem ipsum:</b> dolor sit amet, consectetur adipiscing elit. <br>
<i>Nunc tempor:</i> dolor laoreet elit cursus<br>
<b>vel rhoncus:</b> libero sagittis. Suspendisse mi nisl, pulvinar ut tincidunt eget, elementum ac ipsum. Fusce convallis, ipsum ac porttitor tempus, massa leo iaculis lorem<br>
<i>sit amet:</i> euismod sapien nulla vitae nunc. <br>
<b>Lorem ipsum:</b> dolor sit amet, consectetur adipiscing elit. <br>
<i>Nunc tempor:</i> dolor laoreet elit cursus<br>
<b>vel rhoncus:</b> libero sagittis. Suspendisse mi nisl, pulvinar ut tincidunt eget, elementum ac ipsum. Fusce convallis, ipsum ac porttitor tempus, massa leo iaculis lorem<br>
<i>sit amet:</i> euismod sapien nulla vitae nunc. <br>
<b>Lorem ipsum:</b> dolor sit amet, consectetur adipiscing elit. <br>
<i>Nunc tempor:</i> dolor laoreet elit cursus<br>
<b>vel rhoncus:</b> libero sagittis. Suspendisse mi nisl, pulvinar ut tincidunt eget, elementum ac ipsum. Fusce convallis, ipsum ac porttitor tempus, massa leo iaculis lorem<br>
<i>sit amet:</i> euismod sapien nulla vitae nunc. <br>
<b>Lorem ipsum:</b> dolor sit amet, consectetur adipiscing elit. <br>
<i>Nunc tempor:</i> dolor laoreet elit cursus<br>
<b>vel rhoncus:</b> libero sagittis. Suspendisse mi nisl, pulvinar ut tincidunt eget, elementum ac ipsum. Fusce convallis, ipsum ac porttitor tempus, massa leo iaculis lorem<br>
<i>sit amet:</i> euismod sapien nulla vitae nunc. <br>
<b>Lorem ipsum:</b> dolor sit amet, consectetur adipiscing elit. <br>
<i>Nunc tempor:</i> dolor laoreet elit cursus<br>
<b>vel rhoncus:</b> libero sagittis. Suspendisse mi nisl, pulvinar ut tincidunt eget, elementum ac ipsum. Fusce convallis, ipsum ac porttitor tempus, massa leo iaculis lorem<br>
<i>sit amet:</i> euismod sapien nulla vitae nunc. <br>
</div>
</div>

<div class="boxthree">
<h2>biography</h2>

<div style="width:210px; height:215px; overflow:auto; float:left; padding:5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis purus risus, vulputate sit amet leo eget, ornare lobortis nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent sem magna, egestas sit amet nulla vitae, tristique porta sapien. Cras vulputate varius purus, ac ultrices nunc venenatis id. Integer eget mi non sapien eleifend commodo. Sed metus tellus, bibendum vitae ullamcorper at, vestibulum eu ex. Morbi ullamcorper a risus eu tincidunt. Cras eu ultricies mi, sed vulputate lacus. Phasellus pharetra porttitor egestas. Phasellus eget dapibus enim. Aenean maximus ut ligula vel commodo. Aenean rutrum metus id commodo consectetur.
<br><br>
Vestibulum dolor felis, molestie non gravida sit amet, porta vitae turpis. Proin a finibus justo. Praesent quis metus ut elit tristique rhoncus vitae ac elit. Vivamus et magna eu sapien venenatis tincidunt ac in mauris. Sed pharetra, tellus laoreet egestas vehicula, mauris lectus elementum purus, ac pulvinar sem risus et nisi. Donec nec justo finibus, tincidunt lacus egestas, gravida magna. Proin at accumsan sapien. Donec vestibulum vitae lectus sed dictum. Nulla eget rhoncus lacus, eget condimentum enim. Sed erat nisi, pretium non consectetur ac, vulputate nec felis. Etiam.
<br><br>
Aliquam aliquam nunc lacus, vitae aliquet enim bibendum nec. Donec lacinia turpis vitae dui suscipit auctor. Nullam sit amet sem in sapien ornare efficitur eu et diam. Aliquam cursus sapien quis sapien placerat, vel rhoncus dui varius. In at varius ante. Ut vitae leo aliquam, euismod tellus non, porttitor mi. Curabitur vestibulum condimentum eros nec pellentesque. Cras ex felis, commodo eget mauris nec, fringilla finibus libero.
</div>

<div style="width:210px; height:215px; overflow:auto; float:right; padding:5px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis purus risus, vulputate sit amet leo eget, ornare lobortis nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent sem magna, egestas sit amet nulla vitae, tristique porta sapien. Cras vulputate varius purus, ac ultrices nunc venenatis id. Integer eget mi non sapien eleifend commodo. Sed metus tellus, bibendum vitae ullamcorper at, vestibulum eu ex. Morbi ullamcorper a risus eu tincidunt. Cras eu ultricies mi, sed vulputate lacus. Phasellus pharetra porttitor egestas. Phasellus eget dapibus enim. Aenean maximus ut ligula vel commodo. Aenean rutrum metus id commodo consectetur.
<br><br>
Vestibulum dolor felis, molestie non gravida sit amet, porta vitae turpis. Proin a finibus justo. Praesent quis metus ut elit tristique rhoncus vitae ac elit. Vivamus et magna eu sapien venenatis tincidunt ac in mauris. Sed pharetra, tellus laoreet egestas vehicula, mauris lectus elementum purus, ac pulvinar sem risus et nisi. Donec nec justo finibus, tincidunt lacus egestas, gravida magna. Proin at accumsan sapien. Donec vestibulum vitae lectus sed dictum. Nulla eget rhoncus lacus, eget condimentum enim. Sed erat nisi, pretium non consectetur ac, vulputate nec felis. Etiam.
<br><br>
Aliquam aliquam nunc lacus, vitae aliquet enim bibendum nec. Donec lacinia turpis vitae dui suscipit auctor. Nullam sit amet sem in sapien ornare efficitur eu et diam. Aliquam cursus sapien quis sapien placerat, vel rhoncus dui varius. In at varius ante. Ut vitae leo aliquam, euismod tellus non, porttitor mi. Curabitur vestibulum condimentum eros nec pellentesque. Cras ex felis, commodo eget mauris nec, fringilla finibus libero.
</div>


</div>

<div class="boxfour">
<img src="https://i.imgur.com/Uwbp2Zg.gif">
</div>

<div class="boxfive">
<img src="https://i.imgur.com/O7DwLk5.png">
</div>

<div class="boxsix">
<img src="https://i.imgur.com/FFFYr9G.png">
</div>

<div class="boxseven">
<h2>love life</h2>
<div style="width:90px; height:85px; overflow:hidden; padding:15px; float:left; display:inline-block;">
<a href="" class="name">lovername</a><br>
<b>dating: 00/00/00</b><br>
<i>engaged: 00/00/00</i><br>
<b>married: 00/00/00</b><br>
<i>song dedication:</i> <a href="">link here</a>
</div>

<div style="width:270px; height:115px; overflow:auto; padding:5px; float:right;display:inline-block;">
<em>Love notes:</em> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis purus risus, vulputate sit amet leo eget, ornare lobortis nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent sem magna, egestas sit amet nulla vitae, tristique porta sapien. Cras vulputate varius purus, ac ultrices nunc venenatis id. Integer eget mi non sapien eleifend commodo. Sed metus tellus, bibendum vitae ullamcorper at, vestibulum eu ex. Morbi ullamcorper a risus eu tincidunt. Cras eu ultricies mi, sed vulputate lacus. Phasellus pharetra porttitor egestas. Phasellus eget dapibus enim. Aenean maximus ut ligula vel commodo. Aenean rutrum metus id commodo consectetur.
<br><br>
<em>important statements:</em>Vestibulum dolor felis, molestie non gravida sit amet, porta vitae turpis. Proin a finibus justo. Praesent quis metus ut elit tristique rhoncus vitae ac elit. Vivamus et magna eu sapien venenatis tincidunt ac in mauris. Sed pharetra, tellus laoreet egestas vehicula, mauris lectus elementum purus, ac pulvinar sem risus et nisi. Donec nec justo finibus, tincidunt lacus egestas, gravida magna. Proin at accumsan sapien. Donec vestibulum vitae lectus sed dictum. Nulla eget rhoncus lacus, eget condimentum enim. Sed erat nisi, pretium non consectetur ac, vulputate nec felis. Etiam.
</div>
</div>

<div class="boxeight">
<img src="https://i.imgur.com/MrAnfMG.png">
</div>

<div class="boxnine">
<h2>connections</h2>
<div style="width:220px; padding:5px; height:215px; overflow:auto;">
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
<a href="" class="first">name here</a>
</div>
</div>

<div class="boxten">
<h2>disclaimers</h2>
<div style="width:220px; padding:5px; height:65px; overflow:auto;">
This page was coded entirely by <b>cryptic</b> at <a href="/sinfulmisfortune">sinfulmisfortune</a>. Images were designed by <a href="">name here</a>. I am not <i>character name</i>, I am simply a kickass roleplayer. All information for my character can be found at <a href="">link here</a>. Page is best viewed in <b>google chrome</b>. Thank you for stopping by, and please refrain from stealing anything. xoxo.
</div>
</div>

<div class="buffer">
</div>