<style>
/*

Layout: Kings & Queens (v1) { ABOUT ME TEMPLATE } coded by Sivan Ivers for @pngraphics

!!! PASTE THIS IN YOUR ABOUT ME !!!
!!! PASTE THIS IN YOUR ABOUT ME !!!
!!! PASTE THIS IN YOUR ABOUT ME !!!
!!! PASTE THIS IN YOUR ABOUT ME !!!

Feel free to tweak certain aspects, but:
   × DO NOT remove my credit.
   × DO NOT redistribute codes, use as a base, or claim as your own.
   × ABSOLUTELY DO NOT merge codes with layouts from other sites. Not cool. Don't do it. I will know.

   ○ DO feel free to LEARN from my codes, ask questions, and send messages to me via tumblr (@pngraphics) ask or message on RP.me if you are ever unsure of anything.

   ○ DO continue to visit our site more content!
*/
</style>

<style>

<!--------------- GUIDE FOR CHANGING ICONS ---------------!>

{ about me section }
- CTRL + F 'placehold.it' and replace with image URL


<!--------------- READ FOR INSTRUCTIONS OR UR LAYOUT WILL BE A WRECK LOL ---------------!>
</style>

<style>
#png-abtme {width: 440px; height: 335px; background-color: #f9f9f9; position: relative;}
#png-abtme #abtme-desc {width: 400px; height: 300px; border: 1px solid #0c0b0c; margin-left: 18px; margin-top: 18px; position: absolute;}
#abtme-desc .abtme-desc {width: 230px; height: 180px; background-color: transparent; top: 100px; margin-left: 85px; overflow: auto; position: absolute;}
.abtme-desc .desc {font: 9px 'Antic Didone'; color: #888; line-height: 12px; text-align: justify; padding: 15px; overflow: auto;}
#png-abtme .png-icon img {width: 65px; height: 65px; background-size:cover; display: inline-block; margin: 25px 5px; }
</style>

<div id="png-abtme">
<div id="abtme-desc">
<div class="png-icon">
<center>
<img src="https://78.media.tumblr.com/ef04ab662fbc825b10ca703de118a699/tumblr_inline_npxlp00t7r1sccn28_500.gif">
<img src="https://78.media.tumblr.com/ad34d760a44abb418c2e3ed09160a254/tumblr_oi8jy5e66C1vff7pxo1_250.gif">
<img src="https://pa1.narvii.com/6831/a95c62c7f73ef52da2c4573baebccac60fe7ea31_128.gif">
</center>
</div>
<div class="abtme-desc">
<div class="desc">

<center><h1>Hyde Tiller</h1></center>

<p align="right">(about me goes here)
</br>
<b>marvel</b>,<i> tv shows</i>, <u2>star wars</u2>,
<br>
</p>

<p align="right">"You will always be too much of something for someone: too big, too loud, too soft, too edgy. If you round out your edges, you lose your edge."<br>
                               - Danielle LaPorte</p>


</div>
</div>
</div>



<style>
/*

Layout: Kings & Queens (v2) coded by Sivan Ivers for @pngraphics

!!! THIS LAYOUT REQUIRES GENERAL KNOWLEDGE OF HTML & CSS. IF ANY PROBLEMS ARISE CONTACT @pngraphics/tumblr !!!

Feel free to tweak certain aspects of this layout, but:
   × DO NOT remove my credit.
   × DO NOT redistribute codes, use as a base, or claim as your own.
   × ABSOLUTELY DO NOT merge codes with layouts from other sites. Not cool. Don't do it. I will know.

   ○ DO feel free to LEARN from my codes, ask questions, and send messages to me via tumblr (@pngraphics) ask or message on RP.me if you are ever unsure of anything.

   ○ DO continue to visit our site more content!
*/
</style>

<style>

/*--------------- GUIDE FOR CHANGING BORDERS + LINKS ON THIS LAYOUT ---------------*/

<!--------------- READ FOR INSTRUCTIONS OR UR LAYOUT WILL BE A WRECK LOL ---------------!>

{ borders }
- CTRL + F 'PROFILE BORDERS' and for each ID (i.e.: #top, #right, #bottom, #left) replace '#000' with desired color

{ links / navigation }
- CTRL + F '.linkss' and replace '#3d3d3e' with desired color
- REPEAT with CTRL + F 'linkss:hover'

<!--------------- READ FOR INSTRUCTIONS OR UR LAYOUT WILL BE A WRECK LOL ---------------!>
</style>


<link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/80437742/Layout%20Codes/Sivan/KINGSANDQUEENS/Didot.css">

<style>@import url(https://fonts.googleapis.com/css?family=Sail|Abril+Fatface|Antic+Didone|Inconsolata|Oswald);

#top {width: 100%; height: 10px; background-color: #000; top: 0; left:0; position: fixed; }
#right {width: 10px; height: 100%; background-color: #000; top: 10; right: 0; position: fixed;}
#bottom {width: 100%; height: 10px; background-color: #000; bottom: 0; left: 10px; position: fixed;}
#left {width: 10px; height: 100%; background-color: #000; top: 10px; left: 0px; position: fixed;}

.pngnavi {width: 70px; height: 270px; background-color: transparent; padding: 5px; position: fixed; right: 50%; margin-right: -500px; top: 30px; }
.links {width: 45px; height: 45px; padding: 5px; border: 1px solid #eee; margin: 5px 0px 10px 5px; display: block;}
.linkss {width: 45px; height: 45px;  background-color: #3d3d3e; color: #fff; overflow:hidden;  -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
.linkss:hover {background-color: #000;}
a.linkss, a.linkss:link, a.linkss:active, a.linkss:visited {text-decoration:none; overflow:hidden;  -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out;}

@font-face {
    font-family: 'BodoniXT';
    src: url('https://dl.dropboxusercontent.com/u/80437742/Fonts/BodoniXT.ttf');
}

body {
background-image:url('http://67.media.tumblr.com/d40eae727a79de74c5b3c4cb5c8e9fd5/tumblr_inline_n6496nEJBG1rshr70.png');
background-attachment: fixed;
background-repeat: repeat;
background-color:#f9f9f9;
margin-top: 10px;
}

a .text { font-weight: normal; font-family:crimson text; font-family: !important; font-size:10px !important; color:black !important;}

table, tr, td, li, p, div, .btext, .blacktext10, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, .whitetext12, a:active, a:visited, a:link, a:hover, a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover {font-family:'Antic Didone'; color:#121212; font-size:9px;font-weight:400; text-decoration:none; line-height: 12px; color:#999;}

h1 {font: 14px 'Antic Didone'; color: #121212; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; font-style:italic; line-height: 12px; display:inline-block; }
highlight {font: 11px 'Sail'; color: #fff; letter-spacing: 1px; padding: 2px; line-height: 12px; background-color: #3d3d3e;}
b {font: 11px 'Abril Fatface'; color: #3d3d3e; text-transform: lowercase; font-weight: 900; letter-spacing: 0px; font-style:none; line-height: 12px; display:inline-block;}
i2 {font: 12px 'Antic Didone'; color: #888; font-style: italic; line-height: 12px; display:inline-block;}
u2 {font: 11px 'Abril Fatface'; color: #888; text-transform: lowercase; border-bottom: 2px dotted #3d3d3e; line-height: 12px; display:inline-block;}

.nametext {
font-family: 'Abril Fatface';
font-weight: 900;
color: #888;
font-size: 22px;
font-style: none;
text-transform: lowercase;
line-height: 16px;
letter-spacing: 0px;
text-shadow: 1px 1px solid #eee;
padding: 5px;
display: block;
}

.profileInfo td.text a img {
border: 1px solid #eee;
padding:10px;
}

table.extendedNetwork span.blacktext12 span {display:none;}
table.extendedNetwork span.blacktext12 a {display:none;}
table.extendedNetwork {border:0px;padding:5px;}
table.extendedNetwork td {border:0px solid #eee;padding:5px;}
table.extendedNetwork {height:135px;width:435px;}
table.extendedNetwork td {background-image:url('https://imgur.com/qe1ba9l.png'); background-position:center; background-repeat:no-repeat; background-size:cover;}

table table { border: 0px; }
table table table table{border:0px;}
table, tr, td { background-color:#fff; border:none; border-width:0;}
table table table {border-style:none;border-width:0px;background-color:#fff;}

.interestsAndDetails td {width:0px;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}

table.blurbs td.text span.orangetext15, table.friendSpace td.text span.orangetext15, .whitetext12 {
font-size:10px;
text-align:left;
text-transform: uppercase;
font-family: 'BodoniXT';
line-height:15px;
letter-spacing: 2px;
font-weight: 100;
color:#121212;
display:block;
padding:5px;
border-bottom: solid 5px #000;
display:block;
}

table.blurbs td td span.orangetext15 {
font-size: 8px; color: #1c1c1c; font-weight: normal; letter-spacing: 0.1em; text-transform: lowercase; font-style: italic; font-family:'BodoniXT'; background-color:; padding:5px;border-bottom:1px solid #ecebeb; text-align: left;}

.lightbluetext8 {
font-size: 8px; color: #1c1c1c; font-weight: normal; letter-spacing: 0.1em; text-transform: lowercase; font-style: italic; font-family:'BodoniXT'; background-color:; padding:5px;border-bottom:1px solid #ecebeb; text-align: left;}

table.friendSpace td.text td td a img {
padding:5px; margin:0px;
margin-right:2px;
background-color: #ffffff;
border:1px solid #DDDDDD;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
}

table.friendSpace td.text td td {vertical-align:top;}
table.friendSpace td {padding: 0px 0px 0px 0px;}
table.friendSpace td.text td br {line-height:0px;} table.friendSpace span.btext {display:block;} table.friendSpace td.text td td a img {width:100px; height:129px;}
table.friendSpace .msOnlineNow {display:none;}
.friendSpace .redbtext {font-weight:bold;color:#ffffff;}
table.friendSpace span.btext {color:#ffffff;}
table.friendSpace td {padding:0px;}
table.friendSpace br {display:none;}
table.friendSpace td.text td td br {display:inline;}
table.friendSpace .btext {display:block;}
table.friendSpace td.text td td a img {width:100px; height:120px;}
table.friendSpace td.text div {display:none;}
table.friendSpace table {background-color:transparent;}
table.friendSpace .msOnlineNow {display:none;}


 ::-webkit-scrollbar-thumb {
        background-color:#000;
        border: 1px solid #000;
        }

        ::-webkit-scrollbar {
        width:3px;
        background-color:#fff;
        border: 1px solid #fff;
        }


#footerWarpper {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.latestBlogEntry {display:none;}
.clearfix {display:none;}
.contactTable {display: none;}
table.profileInfo td td {display:none;}
table.profileInfo td td.text {display:table-cell; _display:inline;}
.profileInfo {margin-top:-0px;margin-left:0px;}
.orangetext15 {display:none;}
.friendspace {margin-top: -40px;}
.msOnlineNow {display:none;}
table.friendSpace span.redbtext {font-weight:bold;}
table.friendSpace td {padding:0px;}
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {display:block;}
table.friendSpace td.text div {display:none;}
</style>

<div id="top"></div>
<div id="right"></div>
<div id="bottom"></div>
<div id="left"></div>

<div class="navi"><a href="http://pngraphics.tumblr.com/">PNG ©</a></div>

<div class="pngnavi">

<div class="links">
<div class="linkss">
<a href="/home.php"  style="font-size: 14px; color: #fff;padding: 10px; margin-left: 6px; margin-top: 5px; position: absolute;"><i class="ion-home"></i>
</a>
</div>
</div>

<div class="links">
<div class="linkss">
<a href="/linkhere"  style="font-size: 14px; color: #fff;padding: 10px; margin-left: 6px; margin-top: 5px; position: absolute;" title="link"><i class="ion-edit"></i></a>
</div>
</div>

<div class="links">
<div class="linkss">
<a href="/linkhere" style="font-size: 14px; color: #fff;padding: 10px; margin-left: 6px; margin-top: 5px; position: absolute;" title="link"><i class="ion-paper-airplane"></i></a>
</div>
</div>

<div class="links">
<div class="linkss">
<a href="/linkhere"  style="font-size: 14px; color: #fff;padding: 10px; margin-left: 6px; margin-top: 5px; position: absolute;" title="link"><i class="ion-link"></i></a>
</div>
</div>