Rust Div

{THIS LAYOUT WAS CREATED BY Maggie @ Cerulean Sins . DO NOT COPY, REDISTRIBUTE OR CLAIM CREDIT IN ANY WAY. LEAVE CREDIT ON LAYOUT AS WELL. THIS LAYOUT WORKS BEST ON GOOGLE CHROME.
SPECIAL THANKS TO SKYE @ SWEETNER FOR HER TUTORIALS AND PRIMA @ HIGHTIMES FOR THE CODES WHICH WITHOUT THIS LAYOUT WOULDN'T BE POSSIBLE]

ABOUT ME;
<link href="https://fonts.googleapis.com/css?family=Bellota&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
</style>

<style>
.Cerulean Sins  { H I D E C O D E S }
.lightbluetext8 {display:none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
.profileInfo{display:none;}
.extendednetwork{display:none;}
.blurbs{display:none;}
.userprofileurl{display:none;}
.userprofiledetail{display:none;}
.interestsanddetails{display:none;}
.latestblogentry{display:none;}
.mslogo{display:none;}
.friendscomments{display:none;}
.friendspace{display:none;}
.contacttable{display:none;}
.lightbluetext8{display:none;}
.Do Not Hide The Profile Ads{display:none;}
.userAlbums{display:none;}
td.text table {position:relative; top: 15px;}
td.text table table {position:static;}
.lightbluetext8 {display:none;}table table table table td {width:0px;}
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
div td {display:none;} table {top:-6px; position:relative;}
table table {top:0px; position:relative;}
.clearfix {display:none !important;position:absolute!important;}
#footerWarpper{display:none;}
</style>


<style>
.Cerulean Sins  { B A C K G R O U N D P R O P E R T I E S }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:#802E19;

}


.Cerulean Sins { T A B L E P R O P E R T I E S }
td.text table {position:relative; top: 200px;}
td.text table table {position:static;}
table table { border: 0px }
table table table table{border:0px}
table table table {
border:transparent;
background-color:transparent;
padding:1px;}
</style>


<style>
.Cerulean Sins  { T E X T P R O P E R T I E S }
table, tr, td, li, p, div {
font-family: sans-serif;
color:#;
font-size:10px;
line-height:10px;}

<Style>

.Cerulean Sins {LINK PROPTERITES}


a:active, a:visited, a:link {
color:#40170D;
font-size: 15px;
font-family:'georgia;
text-decoration:none;
font-weight:lighter;
letter-spacing:-2px;
padding: 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: #40170D;
font-size: 15px;
text-transform:none;
font-weight: lighter;
letter-spacing:-2px;
padding: 2px;
-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 ;}

a.second, a.second:link, a.second:active, a.second:visited {
   font-family:georgia;
   font-size:20px;
   line-height: 20px;
   width:250;
   height:18px!important;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: lighter;
   color: #FF5B34;
   text-decoration: none;
   background:#40170D;
   text-align: center;
   margin-bottom:2px;
   display: block;
   padding: 2px;
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out; }

a.second:hover {
   color: #802E19;
   letter-spacing: 10px;
   background-color: #E6532E;}




</style>

<style>
.Cerulean Sins {TEXT STYLE PROPERTIES}


I{
font: italic 8px georgia;
text-transform:none;
color:##802E19;
line-height:6px;}

B {
font: bold 8px vrinda;
text-transform:uppercase;
color:##40170D;
line-height:6px;
letter-spacing:1px;}

STRONG {
font: bold 10px vrinda;
text-transform:uppercase;
color:##40170D;
line-height:6px;
letter-spacing:3px;}

em {
font: italic 10px georgia;
text-transform:none;
color:##BF4526;
line-height:10px;
letter-spacing:2px;
text-transform:lowercase;
font-style:italic;
font-weight:bold;}

blockquote{
font:times new roman;
color:#;
font-weight:lighter;
text-transformation: uppercase;
letter-spacing:1.5px;
text-align:center;
background-color:#e6ffff;
border-left: 2px solid;
border-color: #802E19;
border-right: 2px solid;
border-color:#802E19;
margin:10px;
padding:10px;
line-height:9px;}

h1 {
font-family:'Bellota', cursive;
font-size: 22px;
color:#FF5B34 ;
background-color:#40170D;
line-height: 20px;
letter-spacing: 5px;
text-align: right;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;}



h2 {
font-family:'Dancing Script', cursive;
font-size: 18px;
color: #40170D;
background-color:#transparent;
line-height: 20px;
letter-spacing: 3px;
text-align: center;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;}

h3 {
font-family:Helvetica;
font-size: 22px;
color:#40170D;
background-color:#BF4526;
line-height: 20px;
letter-spacing: -3px;
text-align: center;
font-style: italic;
font-weight: bold;
display: block;
margin-bottom: 0px;}


</style>

<style type="text/css">
::-webkit-scrollbar-thumb:vertical{ background:#420E0B1; border:2px solid #420E0B1; }
::-webkit-scrollbar-thumb:horizontal{ background:#420E0B; border:2px solid #420E0B; }
::-webkit-scrollbar{ width:7px;height:1px; border:3px solid #420E0B; background-color:#420E0B; }
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
display:block; height:1px; width:7px; background:#420E0B; }
::selection { background:#420E0B; }
::-moz-selection { background:#420E0B; }
::-webkit-selection { background:#420E0B; }
</style>

<style>
.Cerulean Sins  { D I V B O X E S }

.container {
width:800px;
height:690px;
top:20px;
left:-450px;
position:absolute;
overflow:none;
background:#40170D;
border: 2px solid #;}

.mainpic {
width:500px;
height:150px;
top:30px;
left:-440px;
position:absolute;
overflow:none;
background:#909090;
border: 2px solid #;
z-index:1;}

.navie {
a.second, a.second:link, a.second:active, a.second:visited {
display:block;
width:250px;
height:140px;
line-height:10px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;}

a.second:hover { }

width:250px;
height:140px;
top:30px;
left:70px;
position:absolute;
overflow:none;
background:#BF4526;
font-family:georgia;
font-size:20px;
color: #FF5B34;
line-height: 20px;
letter-spacing: 10px;
font-style: italic;
font-weight: bold;
padding:5px;
border:0px;
border-color:#transparent;
text-shadow:2px #;

}


.bio {
width:780px;
height:150px;
top:190px;
left:-440px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}

.basic {
width:250px;
height:250px;
top:350px;
left:-440px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}

.pa{
width:250px;
height:250px;
top:350px;
left:-180px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}


.misc{
width:250px;
height:250px;
top:350px;
left:90px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}

.connections {
width:250px;
height:90px;
top:610px;
left:-440px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}


.lipic{
width:250px;
height:90px;
top:610px;
left:-180px;
position:absolute;
overflow:none;
background:#FF5B34;
border: 2px solid #;
z-index:1;}

.liinfo{
width:250px;
height:90px;
top:610px;
left:90px;
position:absolute;
overflow:auto;
background:#FF5B34;
border: 2px solid #;
z-index:1;}


<style>
table table br {line-height:3px}
table table table br {line-height:10px;}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}
.info {tables UP}
td.text table {position:relative; top: 300px;}
td.text table table {position:static;}</style>




<style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style>

<style>div[id="googlebar"],div div select{
opacity:0;filter:alpha(opacity=0);display:none !important;
position:absolute !important;bottom:2000px !important;}
</style>

LIKE TO MEET:

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="500" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">

<div class="container">
</div>




<div class="navie"><br>
<a href="/home.php" class="SECOND">Home</a>
<a href="/send_message.php?member_id=XXXXXX" class="SECOND">Message</a>
<a href="/add_testimonial.php?member_id=XXXXXX" class="SECOND">Comment</a>
<a href="/gallery.php?member_id=XXXXXX" class="SECOND">Pictures</a>
<a href="/540882" class="SECOND">Credit</a>
</div>

<div class="mainpic"> <img src="https://placehold.co/500x150/FF5B34/802E19">
</div>


<div class="bio"><h1> first middle last</h1>
<h2> A quote here</h2>


<fielset style="border:2px; overflow:Auto; width:780px; Height:150; padding:3px;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae lacus euismod, auctor nisi et, iaculis lorem. Sed at nisl vel enim venenatis maximus. Mauris condimentum nunc sem, sit amet iaculis lectus elementum ut. Pellentesque in placerat nisl, sed tincidunt nunc. Aenean feugiat dui sed odio scelerisque, nec dictum dolor dictum. Vivamus sit amet mollis urna. Aliquam viverra sollicitudin leo, tristique lacinia leo volutpat eu. Fusce convallis turpis nisi, semper consequat odio hendrerit eu. Nullam quis fringilla lorem. Praesent porta neque eu lectus euismod, iaculis lacinia magna accumsan. Donec pretium et libero ut rhoncus. Suspendisse imperdiet erat purus, a tristique sapien interdum placerat. In vel lacus placerat, vehicula enim at, tristique urna.</p>

<p>Cras pulvinar neque nulla, nec commodo augue fringilla ut. Nulla eget risus congue, finibus ex et, pellentesque ante. Nullam a rhoncus ante. Cras egestas nulla sit amet posuere vulputate. Etiam elementum consequat metus, non rhoncus lectus maximus vel. Mauris rhoncus nisi ut sapien ultricies, sed maximus sapien dignissim. In lobortis mi magna, at placerat dolor consectetur eget. Fusce non porta justo. Ut convallis, lacus in placerat accumsan, velit lectus mattis metus, eget dignissim quam ipsum vel urna. Mauris eget ante at magna ornare volutpat non vitae dolor. Donec sed condimentum quam.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae lacus euismod, auctor nisi et, iaculis lorem. Sed at nisl vel enim venenatis maximus. Mauris condimentum nunc sem, sit amet iaculis lectus elementum ut. Pellentesque in placerat nisl, sed tincidunt nunc. Aenean feugiat dui sed odio scelerisque, nec dictum dolor dictum. Vivamus sit amet mollis urna. Aliquam viverra sollicitudin leo, tristique lacinia leo volutpat eu. Fusce convallis turpis nisi, semper consequat odio hendrerit eu. Nullam quis fringilla lorem. Praesent porta neque eu lectus euismod, iaculis lacinia magna accumsan. Donec pretium et libero ut rhoncus. Suspendisse imperdiet erat purus, a tristique sapien interdum placerat. In vel lacus placerat, vehicula enim at, tristique urna.</p>

<p>Cras pulvinar neque nulla, nec commodo augue fringilla ut. Nulla eget risus congue, finibus ex et, pellentesque ante. Nullam a rhoncus ante. Cras egestas nulla sit amet posuere vulputate. Etiam elementum consequat metus, non rhoncus lectus maximus vel. Mauris rhoncus nisi ut sapien ultricies, sed maximus sapien dignissim. In lobortis mi magna, at placerat dolor consectetur eget. Fusce non porta justo. Ut convallis, lacus in placerat accumsan, velit lectus mattis metus, eget dignissim quam ipsum vel urna. Mauris eget ante at magna ornare volutpat non vitae dolor. Donec sed condimentum quam.</p>
</fieldset>

</div>




</div>

<div class="basic">
<h3> basic info</h3>

<fielset style="border:2px; overflow:Auto; width:240px; Height:250; padding:3px;">

<strong>Full Name</strong> info here <br>
<strong>Pronunciation</strong>  info here <br>
<strong>Nickname/Alias</strong>info here <br>
<strong>Meaning</strong>info here <br>
<strong>Origin</strong> info here <br>
<strong>Title</strong>  info here <br>
<strong>Pet Name</strong> info here <br>
<strong>Signature</strong> info here <br>
<strong>Gender Role</strong> info here <br>
<strong>Orientation</strong> info here <br>
<strong>Real Age</strong> info here <br>
<strong>Birthday</strong> info here <br>
<strong>Status</strong> info here <br>
<strong>Personality</strong> info here</br>
<strong>Birthplace</strong>info here</br>
<strong>Zodiac Sign</strong>info here</br>
<strong>Species</strong> info here</br>
<strong>Ethnicity</strong>info here</br>
<strong>Blood Type</strong> info here</br>
<strong>Preferred Hand</strong> info here</br>
<strong>Allergies</strong> info here</br>
<strong>Occupation</strong> info here</br>
<strong>Education</strong> info here</br>

</fieldset>




</div>
<div class="pa">
<h3>Apperence</h3>
<fielset style="border:2px; overflow:Auto; width:240px; Height:250; padding:3px;">
<strong>Gender</strong> info here</br>
<strong>Age Appearance</strong> info here<br>
<strong>Facial Type</strong> info here <br>
<strong>Eye Color</strong> info here <br>
<strong>Hair Color</strong> info here <br>
<strong>Build</strong> info here <br>
<strong>Height</strong> info here <br>
<strong>Weight</strong> info here</br>
<strong>Birthmarks/scars</strong> info here <br>
<strong>Distinguishing Features</strong>info here <br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
Feel free to add your own


</div>


<div class="misc">
<h3>misc info</h3>
<fielset style="border:2px; overflow:Auto; width:240px; Height:250; padding:3px;">
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>
<strong> tidbit about your character</strong><br>

</fieldset>



</div>

<div class="connections">
<a href="/"class"first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a><br>
<a href="/"class"first">name here</a><br>
<a href="/"class"first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a><br>
<a href="/"class"first">name here</a><br>
<a href="/"class"first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a> <br>
<a href="/" class="first">name here</a><br>
<a href="/" class="first">name here</a><br>
<a href="/"class"first">name here</a><br>
</div>

<div class="lipic"><img src="https://placehold.co/250x90/FF5B34/802E19"></div>

<div class="liinfo">
<h1> Forever & Always</h1> <br><Br>
<b>Status:</b> <br>
<b> Who:</b> <a href="/"class"first">name here</a> <br><BR>
<B>Dated:</b><br>
<b>Engaged:</b><br>
<b>Married:</b><br>
<b>Childen:</b><br>
<b>Song:</b><Br>
<b>Comments:</b>Cras pulvinar neque nulla, nec commodo augue fringilla ut. Nulla eget risus congue, finibus ex et, pellentesque ante. Nullam a rhoncus ante. Cras egestas nulla sit amet posuere vulputate. Etiam elementum consequat metus, non rhoncus lectus maximus vel. Mauris rhoncus nisi ut sapien ultricies, sed maximus sapien dignissim. In lobortis mi magna, at placerat dolor consectetur eget. Fusce non porta justo. Ut convallis, lacus in placerat accumsan, velit lectus mattis metus, eget dignissim quam ipsum vel urna. Mauris eget ante at magna ornare volutpat non vitae dolor. Donec sed condimentum quam.</p>

<p>Donec ut cursus quam, at condimentum lorem. Donec odio velit, maximus congue accumsan non, molestie semper erat. Maecenas efficitur, eros eu rutrum pulvinar, ipsum sem ultrices felis, sed faucibus erat mi a urna. Praesent at ultrices massa. Maecenas vehicula finibus eleifend. Nulla nec laoreet tellus. Sed hendrerit risus non ante porta, eu tincidunt urna tempus. Proin ut nulla arcu. Suspendisse est metus, ultrices at enim et, fringilla malesuada elit. Ut elementum ante sit amet elit mattis vestibulum.</p><br></div>