RPG LAYOUT

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




<style>

.violentends { div Properties}
body {
background-color: #4e3b2d;
background-image:url("");
background-attachment:fixed;
background-position:bottom center;
background-repeat:yes-repeat; overflow:hidden;
}

::-webkit-scrollbar-thumb:vertical{ background-color: #100c12; height: 1px; }
::-webkit-scrollbar-thumb:horizontal { background-color: #100c12; height: 1px; }
::-webkit-scrollbar { background-color: #ffffff; border: 2px solid #18090d; height:5px; width:5px; }

#bg {
position: absolute;
top: 10px;
left: 190px;
width: 795px;
height: 615px;
font-family:serif;
color: #b5a794;
background-color: #100c12;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#uno {
position: absolute;
top: 20px;
left: 200px;
width: 480px;
height: 200px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}




#dos {
position: absolute;
top: 20px;
left: 691px;
width: 131px;
height: 200px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}

#tres  {
position: absolute;
top: 20px;
left: 833px;
width: 131px;
height: 200px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#doce {
position: absolute;
top: 231px;
left: 680px;
width: 110px;
height: 150px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}

#cuatro  {
position: absolute;
top: 231px;
left: 358px;
width: 311px;
height: 150px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}



#cinco  {
position: absolute;
top: 231px;
left: 200px;
width: 147px;
height: 150px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#cinco1{
position: absolute;
top: 231px;
left: 200px;
width: 137px;
height: 140px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:0;
filter:alpha(opacity=0);-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#cinco1:hover{
position: absolute;
top: 231px;
left: 358px;
width: 301px;
height: 140px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:1;
filter:alpha(opacity=1);
z-index:2;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}



#seis  {
position: absolute;
top: 392px;
left: 200px;
width: 158px;
height: 101px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#seis-1{
position: absolute;
top: 392px;
left: 200px;
width: 120px;
height: 101px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:0;
filter:alpha(opacity=0);-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#seis-1:hover{
position: absolute;
top: 392px;
left: 200px;
width: 319px;
height: 204px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:1;
filter:alpha(opacity=1);
z-index:2;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}



#trece  {
position: absolute;
top: 392px;
left: 369px;
width: 158px;
height: 101px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#trece-1{
position: absolute;
top: 392px;
left: 369px;
width: 120px;
height: 101px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:0;
filter:alpha(opacity=0);-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#trece-1:hover{
position: absolute;
top: 392px;
left: 200px;
width: 319px;
height: 204px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:1;
filter:alpha(opacity=1);
z-index:2;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}


#siete  {
position: absolute;
top: 504px;
left: 200px;
width: 158px;
height: 101px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}

#siete-1{
position: absolute;
top: 504px;
left: 200px;
width: 158px;
height: 101px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:0;
filter:alpha(opacity=0);-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#siete-1:hover{
position: absolute;
top: 392px;
left: 200px;
width: 319px;
height: 204px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:1;
filter:alpha(opacity=1);
z-index:2;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}



#catorce  {
position: absolute;
top: 504px;
left: 369px;
width: 158px;
height: 101px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}


#catorce-1{
position: absolute;
top: 504px;
left: 369px;
width: 120px;
height: 101px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:0;
filter:alpha(opacity=0);-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#catorce-1:hover{
position: absolute;
top: 392px;
left: 200px;
width: 319px;
height: 204px;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');font-family:serif;
color: #b5a794;
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
padding:4px;
letter-spacing:1px;
text-align:justify;
opacity:1;
filter:alpha(opacity=1);
z-index:2;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}


#ocho  {
position: absolute;
top: 392px;
left: 538px;
width: 252px;
height: 212px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}




#nueve  {
position: absolute;
top: 231px;
left: 801px;
width: 163px;
height: 80px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}



#diez  {
position: absolute;
top: 322px;
left: 801px;
width: 163px;
height: 135px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}



#once  {
position: absolute;
top: 468px;
left: 801px;
width: 163px;
height: 137px;
font-family:serif;
color: #b5a794;
border: 5px solid #4e3b2d;
background-color: #1c1a14;background-image: url('');
font-style:normal;
line-height:9px;
font-size:9px;
word-spacing:1px;
letter-spacing:1px;
text-align:center;
}





h1{font-family: georgia;
font-size:10px;
font-weight:normal;
text-align:left;
color: #b5a794;
background-color:#281912;
text-transform:none;
margin:0px;
letter-spacing:2px;
padding:0px 1px 1px 1px;
line-height:18px;
border-bottom: 4px solid #aaa08c;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}


h1 span { color: #594d49; font-style: italic;}

h1 span1 { color: #594d49; font-style: italic;}

h1::first-letter { letter-spacing:-2px;
background-color:#4e3b2d; margin: 1px 1px 1px 1px; padding:1px 5px 1px 5px;
font-size:20px; color: #ccc0b0; text-transform:lowercase; }

h1:hover {
background-color:#000;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}


h2 {
font-family: serif;
font-size:8px;
font-weight:lighter;
letter-spacing:4;
text-transform:lowercase;
padding:1px;
margin:1px;
line-height:9px;
text-align:center;
background-color: #323229;
color:#b5a794;
}


h3{font-family: georgia;
font-size:22px;
font-weight:normal;
text-align:center;
color: #aaa08c;
background-color:#281912;
text-transform:none;
margin:0px;
border-bottom:2px solid #3f3c2e;
letter-spacing:-3px;
padding:3px 1px 2px 1px;
line-height:20px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}

h3 span { color: #aaa08c;
font-size:25px; }


h3:hover {
background-color:#000;
letter-spacing:-1px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

I {font: italic 15px times new roman; text-transform:none; color:#aaa08c; line-height:10px; letter-spacing:-1px;
margin:0px;  text-transform:lowercase;}

EM {font: italic 18px GEORGIA; text-transform:none; color:#aaa08c; line-height:14px; letter-spacing:0px;
margin:0px; text-transform:lowercase;}

B {color: #42392a; text-decoration: none;
margin:0px; font-family:serif; font-size: 11px; text-transform:lowercase; font-weight: lighter; line-height:8px; letter-spacing:0;}

u {font-size: 8px; font-family: arial narrow; font-weight:bold; text-transform:uppercase; color:#aaa08c; background-color:#604c48; line-height:10px;
margin:0px; text-decoration:none; margin:2px 1px 2px 1px; padding:2px; letter-spacing:0px;}

strong {font: 9px courier new; text-transform: uppercase; color:#aaa08c; line-height:11px; text-decoration:none; letter-spacing:0px;
margin:0px; }


strike {
font-family:georgia;
font-size:11px;
font-weight:normal;
color:#42392a;
text-transform:lowercase;
margin:0px;
letter-spacing:1px;
padding:1px;
line-height:9px; }

first {
float: left;
font-family: georgia;
font-size: 24px;
color:#5b4c4a;
background-color:#1f1612;
line-height: 15px;
text-align: center;
text-transform: uppercase;
width: 20px;
height: 16px;
padding: 5px;
margin:3px;
display: inline-block;
}


a:active, a:visited, a:link {
color:#604c48;
font-size: 13px;
padding: 0px;
font-family: serif;
text-transform:none;
text-decoration:none;
font-weight:normal;
letter-spacing:-2px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
text-shadow:15px 0px transparent, -15px 0px transparent;
}

a:hover {
color: #908983;
font-size: 13px;
padding: 0px;
text-transform:none;
text-decoration:none;
font-weight:normal;
letter-spacing:1px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;text-shadow: 0px 0px, 0px 0px ;
}


li {font-style:normal; font-family: serif; font-size:9px; color:#b5a794; margin:0px;}




#nav {
position:fixed;
top: 320px;
left: 975px;
width: 300px;
height: 200px;
background-color: transparent;
}


a.uno, a.uno:link, a.uno:active, a.uno:visited {
font-family: times;
font-size: 50px;
line-height: 30px;
color: #aaa08c;
background-color: transparent;
text-shadow:#333;
text-align: left;
display: block;
letter-spacing:-6px;
font-weight: lighter;
padding: 4px;
margin: 2px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out; }


a.uno::first-letter {
color: #81725a;
font-family: georgia;
font-weight: lighter;
font-size: 55px
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;;}


a.uno:hover {
color: #81725a;
font-size: 50px;
line-height: 30px;
font-family: times;
font-style: italic;
letter-spacing:2px;
font-weight: lighter;
text-align: left;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;}


a.uno:hover::first-letter {
color: #aaa08c;
font-family: georgia;
font-style: italic;
font-size: 55px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;}




a.dos, a.dos:link, a.dos:active, a.dos:visited {
font-family: times;
font-size: 60px;
line-height: 30px;
color: #81725a;
background-color: transparent;
text-align: left;
display: block;
letter-spacing:-4px;
font-weight: lighter;
padding: 4px;
margin: 2px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out; }


a.dos::first-letter {
color: #aaa08c;
font-family: georgia;
font-weight: lighter;
font-size: 60px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;;}


a.dos:hover {
color: #aaa08c;
font-size: 60px;
line-height: 30px;
font-family: times;
font-style: italic;
letter-spacing:0px;
font-weight: lighter;
text-align: left;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;}


a.dos:hover::first-letter {
color: #81725a;
font-family: georgia;
font-style: italic;
font-size: 60px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;}




a.third, a.third:link, a.third:active, a.third:visited
{font-family:courier new;
font-size:8px;
line-height:8px;
letter-spacing:0px;
font-weight: normal;
color:#b5a794;
padding:2px;
margin:0px;
text-decoration:none;
text-transform:lowercase;
background-color:#3f3c2e;
text-align:center;
display:block;
padding-left:4px;
margin-bottom:1px;
}

a.third:hover
{font-family:courier new;
font-size:8px;
line-height:8px;
letter-spacing:4px;
font-weight:normal;
color:#281912;
padding:2px;
text-decoration:none;
text-transform:lowercase;
background-color:#b5a794;
text-align:center;
display:block;
margin-bottom:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}


a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited
{font-family:courier new;
font-size:9px;
line-height:15px;
letter-spacing:0px;
font-weight: normal;
color:#b5a794;
padding:2px;
margin:0px;
text-decoration:none;
text-transform:lowercase;
background-color:#4f332d;
text-align:center;
display:block;
padding-left:4px;
margin-bottom:1px;
}

a.fourth:hover
{font-family:courier new;
font-size:9px;
line-height:15px;
letter-spacing:4px;
font-weight:normal;
color:#281912;
padding:2px;
text-decoration:none;
text-transform:lowercase;
background-color:#b5a794;
text-align:center;
display:block;
margin-bottom:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}



.imge img {
width:50px;
height:60px;
border: 5px solid #a79a89;
margin:0px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
transform:rotate(0deg);}

.imge img:hover {
border: 5px solid #39403b;
background-color: transparent;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}


.violentends { hidding codes }


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:;display:;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: visible;!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:-1000px !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: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
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;}
.userAlbums { display:none; }

a span.ai, a:hover span.kz{display: inline;}
a:hover span.ai, a span.kz{display: none;}
a:hover {visibility:visible;}





</style>







WHO I'D LIKE TO MEET ----------------------------



<div ID="bg">
</div>


<div id="nav">
<a href="/home.php" class="uno">home
</a>
<a href="/add_comment.php?member_id=1198306" class="dos">comment
</a>
<a href="/send_message.php?member_id=1198306" class="uno">message
</a>
<a href="/view_blog.php?id=0000355822" class="dos">rules
</a>
<a href="/view_blog.php?id=0000355813" class="uno">app form
</a>
<a href="" class="dos">share code
</a>
<a href="/" class="uno">link
</a>


 </div>


<div ID="uno">

<img src="https://i.imgur.com/3tYtUim.png" width="470" height="190" style="border:5px solid #a79a89;">

</div>



<div ID="dos">

<h1>updates</h1>
<marquee behavior="scroll" direction="up" scrollamount="1" width="126" height="131" onMouseOver="this.stop()" onMouseOut="this.start()" style="background-color:#18090d;" float="left">

<u> 00/00 </u> update here.
</br>
<u> 00/00 </u> update here.
</br>
<u> 00/00 </u> update here.
</br>
<u> 00/00 </u> update here.
</br>
<u> 00/00 </u> update here.
</br>
<u> 00/00 </u> update here.
</br>


</marquee>


<img src="https://i.imgur.com/Lc66NWW.gif" width="120" height="35" style="border:3px solid #a79a89;">


</div>




<div ID="tres">
<h1>open roles</h1>


<box style="padding:3px; float:left; width: 125; height: 165px; background-color:#18090d; overflow: auto;">

<h2>tvd</h2>
<li> <b>Damon Salvatore</b> </li>
<li> <b>Bonnie Benett</b> </li>
<li> <b>Jeremy Gilbert</b> </li>
<li> <b>Valerie Tulle</b> </li>
<li> <b>Kai Parker</b> </li>
<li> <b>Lizzie Saltzman</b> </li>
<li> <b>Josie Saltzman</b> </li>
<li> <b>Jenna Sommers</b> </li>
<li> <b>Enzo St. John</b> </li>
<li> <b>Matt Donovan</b> </li>
<li> <b>Tyler Lockwood</b> </li>
<li> <b>Liv Parker</b> </li>
<li> <b>Nora Hildegard</b> </li>
<li> <b>Mary louise</b> </li>
<li> <b>Lily Salvatore</b> </li>
<li> <strike>Name here</strike> </li>

</br>

<h2>to</h2>
<li> <b>Hayley Marshall</b> </li>
<li> <b>Elijah Mikaelson</b> </li>
<li> <b>Klaus Mikaelson</b> </li>
<li> <b>Freya Mikaelson</b> </li>
<li> <b>Cami O'Connell</b> </li>
<li> <b>Kol Mikaelson</b> </li>
<li> <b>Marcel Gerard</b> </li>
<li> <b>Jackson Kenner</b> </li>
<li> <b>Lucien Castle</b> </li>
<li> <b>Vincent Griffith</b> </li>
<li> <b>Aurora de Martel</b> </li>
<li> <b>Aya</b> </li>
<li> <b>Gia</b> </li>
<li> <b>Name here</b> </li>
<li> <strike>Name here</strike> </li>

</br>

<h2>verse here</h2>
<li> <b>Name here</b> </li>
<li> <b>Name here</b> </li>
<li> <strike>Name here</strike> </li>
<li> <b>Name here</b> </li>

</br>
<br>
</box>
</div>




<div ID="doce">

<img src="https://i.imgur.com/tlE0yIU.gif" width="100" height="140" style="border:5px solid #a79a89;">

</div>



<div ID="cuatro">
<h3>A scar means,</h3>
<h2>you survived.</h2>


<box style="padding:3px; float:left; width: 304px; height: 102px; background-color:#18090d; overflow: auto; text-align:justify;">
<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elit.

<br>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/3w7hkuahodec7ev/The%20Originals%20_%20Monsters.mp3?dl=1&t0=&f1=https://www.dropbox.com/s/ujgiqr75tmyjwq6/%E2%96%BAThe%20Originals%20%26%20TVD%20_%20%20F%20l%20a%20r%20e%20s.mp3?dl=1&t1=&total=2" quality="high" wmode="transparent" width="0" height="0" name="billy" align="middle" type="application/x-shockwave-flash" />
</box>

</div>



<div ID="cinco">

<img src="https://i.imgur.com/tCZAfLS.png" width="137" height="140" style="border:5px solid #a79a89;">

</div>


<div ID="cinco1">


<h1>member of the month</h1>


<div style="padding:3px; float:left; width: 285; height: 101px; background-color:#18090d; border:5px solid #18090d;overflow: auto;">

<strong>Whom:</strong> <a href="/">name here</a>
</br>
<strong>month:</strong> .
</br>
<strong>member since:</strong> .
</br>
<strong>voted by:</strong> .
</br>
<strong>reasons:</strong> Write here a reason, by <i>name here</i>. Write here a reason, by <i>name here</i>. Write here a reason, by <i>name here</i>.
</br>
<b>comments</b>
</br>
<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.

</div>


</div>


<div ID="seis">

<img src="https://i.imgur.com/LqfS59l.png" width="148" height="91" style="border:5px solid #a79a89;">

</div>


<div ID="siete">

<img src="https://i.imgur.com/mvYMwZf.png" width="148" height="91" style="border:5px solid #a79a89;">

</div>


<div ID="trece">

<img src="https://i.imgur.com/ztPgGnr.png" width="148" height="91" style="border:5px solid #a79a89;">

</div>


<div ID="catorce">

<img src="https://i.imgur.com/QQkCSQe.png" width="148" height="91" style="border:5px solid #a79a89;">

</div>


<div ID="seis-1">


<img src="https://i.imgur.com/10eD57w.gif" width="305" height="50" style="border:5px solid #a79a89;">

<h1>elena gilbert</h1>

<box style="padding:3px; float:left; width: 302; height: 104px; background-color:#18090d; border:5px solid #18090d;overflow: auto;">

</br>
<u>since:</u> who cares.
</br>
<u>page:</u> bruised soul.
</br>
<u>duties:</u> owner, read auditions, update profile, etc.
</br>
</br>

<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.

</box>




</div>



<div ID="siete-1">


<img src="https://i.imgur.com/g37AN2v.gif" width="305" height="50" style="border:5px solid #a79a89;">

<h1>hope mikaelson</h1>

<box style="padding:3px; float:left; width: 302; height: 104px; background-color:#18090d; border:5px solid #18090d;overflow: auto;">

</br>
<u>since:</u> insert here.
</br>
<u>page:</u> insert here.
</br>
<u>duties:</u> insert here.
</br>
</br>

<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.

</box>



</div>





<div ID="trece-1">


<img src="https://i.imgur.com/TW7k3TY.gif" width="305" height="50" style="border:5px solid #a79a89;">

<h1>rebekah mikaelson</h1>

<box style="padding:3px; float:left; width: 302; height: 104px; background-color:#18090d; border:5px solid #18090d;overflow: auto;">

</br>
<u>since:</u> who cares.
</br>
<u>page:</u> shedevil.
</br>
<u>duties:</u> co-owner, read auditions, etc.
</br>
</br>

<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.

</box>


</div>






<div ID="catorce-1">


<img src="https://i.imgur.com/726OKjI.gif" width="305" height="50" style="border:5px solid #a79a89;">

<h1>caroline forbes</h1>

<box style="padding:3px; float:left; width: 302; height: 104px; background-color:#18090d; border:5px solid #18090d;overflow: auto;">

</br>
<u>since:</u> insert here.
</br>
<u>page:</u> insert here.
</br>
<u>house:</u> insert here.
</br>
<u>duties:</u> insert here.
</br>
</br>

<first>l</first>orem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.

</box>


</div>



<div ID="ocho">

<h3>it's mystic falls,</h3>
<h2> nothing bad ever happens here.</h2>


<box style="padding:3px; float:left; width: 243px; height: 160px; background-color:#18090d; border:1px solid #18090d;overflow: auto;">


<a class="imge" href="/1197662" title="elena gilbert"><img src="https://i.imgur.com/hOF80r7.png"></a>

<a class="imge" href="/1198362" title="rebekah mikaelson"><img src="https://i.imgur.com/YK3vrD6.png"></a>

<a class="imge" href="/1207864" title="hope mikaelson"><img src="https://i.imgur.com/WmFV93S.png"></a>

<a class="imge" href="/1198054" title="tatia petrova"><img src="https://i.imgur.com/grR4JdV.png"></a>

<a class="imge" href="/1198282" title="katherine pierce"><img src="https://i.imgur.com/EnerEtM.png"></a>

<a class="imge" href="/1211508" title="josette laughlin"><img src="https://i.imgur.com/kJZOqq2.png"></a>

<a class="imge" href="/1210092" title="davina claire"><img src="https://i.imgur.com/caf2g8T.png"></a>

<a class="imge" href="/432388" title="caroline forbes"><img src="https://i.imgur.com/qtTkqGy.png"></a>

<a class="imge" href="/750582" title="stefan salvatore"><img src="https://i.imgur.com/hRPKqsC.png"></a>

<a class="imge" href="/1171004" title="alaric saltzman"><img src="https://i.imgur.com/23doisp.png"></a>

<a class="imge" href="/1206101" title="mason lockwood"><img src="https://i.imgur.com/uYGcYuS.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>

<a class="imge" href="/" title="name here"><img src="https://i.imgur.com/NSd0S9r.png"></a>




</box>


</div>





<div ID="nueve">

<h1>sibling sites</h1>

<box style="padding:3px; float:left; width: 155px; height: 48px; background-color:#18090d; border:1px solid #18090d;overflow: auto;">

<a href="/" title="name here"><img src="https://i.imgur.com/dzYihvB.png" width="60" height="40" style="border:2px solid #a79a89;"></a>

<a href="/"><img title="name here" src="https://i.imgur.com/xfxhbJs.png" width="60" height="40" style="border:2px solid #a79a89;"></a>


</box>
</div>


<div ID="diez">

<h1>highly recommended</h1>

<box style="padding:3px; float:left; width: 155px; height: 105px; background-color:#18090d; border:1px solid #18090d;overflow: auto;">

<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>
<a href="/" class="fourth">affiliate</a>



</box>
</div>


<div ID="once">

<h1>affiliates</h1>

<box style="padding:3px; float:left; width: 155px; height: 105px; background-color:#18090d; border:1px solid #18090d;overflow: auto;">

<a href="http://www.roleplayer.me/1173446" class="third">Fangs of War</a>
<a href="http://www.roleplayer.me/view_profile.php?member_id=778497" class="third">Magic Reigns</a>
<a href="http://www.roleplayer.me/1197352" class="third">Anchors</a>
<a href="http://www.roleplayer.me/911798" class="third">One Hundred Kingdoms RPG</a>
<a href="http://www.roleplayer.me/849485" class="third">URBANdesigns</a>
<a href="http://www.roleplayer.me/view_profile.php?member_id=23288" class="third">(eyesonfire)</a>
<a href="/" class="third">affiliate</a>
<a href="/" class="third">affiliate</a>
<a href="/" class="third">affiliate</a>
<a href="/" class="third">affiliate</a>
</box>

</div>