UNFINISHED - Default Layout

----ABOUT ME-----

<link href="https://fonts.googleapis.com/css?family=Yatra+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ruslan+Display"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">

<style>


.silvertongue { background information }

body {
background-color: #535654;
background-image:url("");
background-attachment:fixed;
background-repeat:no-repeat;
}


.hbic
body, td, li, p, div, textarea, li, p, br {
font-family: calibri;
font-size: 9px;
text-align: justify;
color: #c6cbc7;}

a:link, a:visited {
color: #8b433b;
font-family: 'Ruslan Display', cursive;
background-color: transparent;
padding: 5px;
text-align: center;
font-size: 15px;
-webkit-filter: blur(0px);
display: inline-block;}

a:hover, a:active {
color: #723730;
font-family: 'Ruslan Display', cursive;
font-size: 15px;
text-align: center;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-filter: blur(1px);}

a.second, a.second:link, a.second:active, a.second:visited {
background-color: transparent;
text-transform: lowercase;
color: #0d2b2f;
border: 0px solid #0d2b2f;
font-family: consolas;
text-align: center;
font-size: 9px;
display: inline-block;}

.second:hover {
background-color: transparent;
text-transform: lowercase;
color: #b0abac;
font-family: consolas;
text-align: center;
border: 0px solid #ffffff;
font-size: 9px;
text-shadow: 2px 2px 2px #0d2b2f;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;}

a.third, a.third:link, a.third:active, a.third:visited {
color: #ffffff;
font-family: 'Inconsolata', monospace;
background-color: transparent;
padding: 5px;
text-align: center;
font-size: 15px;
-webkit-filter: blur(0px);
display:block;}

a.thrid:hover {
color: #111111;
font-family: 'Inconsolata', monospace;
font-size: 15px;
text-align: center;
-moz-transition-duration:.6s;
-webkit-transition-duration:.6s;
-o-transition-duration:.6s;
-webkit-filter: blur(1px);}




::-webkit-scrollbar-thumb:vertical {
background-color: #transparent;
height: 7px;
}
::-webkit-scrollbar-thumb:horizontal{     background-color: #transparent;
height: 7px;
}
::-webkit-scrollbar {
background-color: #transparent;
border: 2px solid #transparent;
height:5px;
width:5px;
}





 /*div*/


.navigation {
position: fixed;
background-color:626763;
left: 300px;
top: 100px;
height: 50px;
width: 800px;
padding: 4px;
overflow: none;
}


.words {
position: fixed;
background-color: #626763;
left: 300px;
top: 175px;
width: 500px;
height: 100px;
padding: 4px;
overflow: auto;
}

.longimg {
position: fixed;
background-color: #626763;
left: 300px;
top: 300px;
width: 505px;
height: 200px;
overflow: none
}

.leftimg {
position: fixed;
background-color: #626763;
left: 825px;
top: 175px;
width: 285px;
height: 200px;
overflow: none
}

.debtlist {
position: fixed;
background-color: #626763;
left: 825px;
top: 385px;
width: 275px;
height: 25px;
overflow: none;
padding: 5px;
}

.words2 {
position: fixed;
background-color: #626763;
left: 825px;
top: 435px;
width: 275px;
height: 100px;
padding: 5px;
overflow: none;
}




.music {
position: fixed;
background-color: transparent;
top: 700px;
left: 300px;;
width: 100px;
height: 50px;
}



/*font*/

h1 {
font-family: 'Yatra One', cursive;
color:#fed372;
font-size: 30px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 2px;
}


h2 {
font-family: courier  new;
color:#ffffff;
border-left: 2px solid #ba6680;
border-right: 2px solid #ba6680;
font-size: 12px;
text-align: center;
text-transform: none;
font-weight: normal;
line-height: 12px;
text-shadow: 1px 1px 1px #000000;
}

h3 {
font-family: times;
color: #ffffff;
background-color: #ffd1bd;
border: 2px solid #ffd1bd;
font-size: 12px;
text-align: center;
}


h4 {
background-image: url('http://i.imgbox.com/XLmQm05s.png');
background-repeat: repeat;
background-attachment: fixed;
border-left: double 3px #1e1e1e;
border-top: double 3px #1e1e1e;
border-right: double 3px #1e1e1e;
border-bottom: double 3px #1e1e1e;
padding:2px;
color:#e6e6e6;
text-shadow:1px 1px 0px #000,       1px -1px 0px #000,       -1px -1px 0px #000,       -1px 1px 0px #000,       0px 1px 0px #000,       0px -1px 0px #000,       1px 0px 0px #000,       -1px 0px 0px #000;    font-size:9px;
font-family:calibri;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;}

b {
font-family: times;
color: #fffbf2;
font-size: 12px;
letter-spacing: 10px;
text-shadow:  2px 2px 2px #ffffff;
text-transform: uppercase;
}

i {
font-family: 'Indie Flower', cursive;
color: #be725e;
font-size: 15px;
text-shadow: 1px 1px 1px #ffffff;
}

.silvertongue { hide 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: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:-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; }




</style>


----LIKE TO MEET----

<div class=navigation>
<a href="/home.php">home</a>
</div>


<div class=words>
<h1>First Middle Last</h1>
<center>Insert a quite here or something and then below that, I'm going to place owes list.</center>
<p><center><b>starters:</b> 00 ||  <b>replies:</b> 00 ||  <b>discussions</b> 00</center>
</div>

<div class=longimg>
</div>

<div class=leftimg>
</div>

<div class=debtlist>
<Center><select  style="background-color: #transparent; border-color: #483737; color: #483737; font-family: perpetua; font-size: 10px; width: 275px; height: 25px">
<option>STORYLINES</option>
<option></option>
<option> ---------------------- </option>
<option> I OWE YOU: </option>
<option></option>
<option> --/--/--</option>
<option> --/--/--</option>
<option> --/--/--</option>
<option> --/--/--</option>
<option></option>
<option> ---------------------- </option>
<option> YOU OWE ME: </option>
<option></option>
<option> --/--/--</option>
<option> --/--/--</option>
<option> --/--/--</option>
<option> --/--/--</option>
</div>


<div class=words2>
Put a Quote Here
</div>