PAGE TITLE

GLOBAL_HEAD<=

<style>

/* be tasteful - keep credit, change bgs, colors, fonts and rehost everything on your own.
credit: ~eth, with edits by ~skye  */

body {background-image:url(http://i.imgur.com/IHjkUHp.png); background-color:#e0e0e0; overflow-x: hidden; margin-top: 0px;}
table { margin-bottom: -4px; padding: 0;} td {font-family: 'helvetica', sans-serif; letter-spacing:0pt; font-size: 11px; line-height: 11px; background-color: transparent;}

.index img {border-radius:50px; height:50px; width:50px; padding: 3; background: url('http://i.imgur.com/3xS1u1H.png');}
.shadowed img {display:none;} .shadowed{height: 0pt; visibility: hidden;}

.entrybox{width: 600px; border-width: 0px 0px 3px 0px; border-image: url(http://i.imgur.com/5GoznUr.jpg) 7 repeat; padding: 0px; background-image: url(http://i.imgur.com/TiYeIeW.png); box-shadow: 0 0 1px #dddddd;}
.entrybox td.index, .index3{display: none;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* links */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #49b1f0;} 
a:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #49b1f0;}

/* subject  */
p table table td.caption {font-family: calibri, arial;font-size: 7.5px;text-transform: uppercase; line-height: 10px; padding:0px; letter-spacing: +1px;text-shadow:0px 1px 1px #bfb7df;}

/* mood & music. */
.entrybox td.meta {font-family:calibri, arial;font-size: 7px; color: #1b1b1b; line-height: 8px; text-transform: uppercase;}

/* comments */
.comments {font-family: calibri, arial;letter-spacing:+1px; font-size:7.5px; line-height:10px; text-transform:uppercase; padding-bottom: 4; padding-right: 0; padding-top: 10px; text-shadow: 0px 1px 1px #bfb7df;}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}

/* ij icon & locks */
.ljuser img {display:none;}
.caption img{width: 5px; height:5px;}

.ljadshadowed div {visibility: visible;position: relative;}
table table table table table .meta {visibility: visible; position:relative;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}

/* aligns all text */
tr {text-align:justify;}

/* image opacity */
img {  border: 0px; opacity:0.9; filter:alpha(opacity=90);border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:10px; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover {opacity:1.0;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
</style>
<=GLOBAL_HEAD

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

LASTN_OPT_ITEMS=>25

LASTN_WEBSITE<=

<style>

#side{position: absolute;}
#box {position: relative; visibility: visible; top: 23px; left: -454px; z-index: ; box-shadow: #ccc 0 0 1px; background-color: rgba(250, 250, 250, 0.5); width: 195px; padding: 4px; font-family: calibri, arial; font-size: 7.5px; text-transform: uppercase; letter-spacing: +.5; text-shadow:0 0 1px #a3a3a3; color: #8a8a8a; line-height: 9px; border-left: 0px solid; border-right: 0px; border-top: 0px; border-bottom:3px; border-image:url(http://i.imgur.com/5GoznUr.jpg) 3 repeat;}
</style>

So love me
Like we don't have tomorrow
Like there's no time at all, love
Love me like tomorrow's
Never gonna come<br>
<a href="/profile" title="profile">info</a> • <a href="/" title="recent">recent</a> • <a href="/friends" title="friends">friends </a></div></div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=

<style>

/* coding by catanzaro. and, as always, please keep the credit and please rehost everything (especially my font.css link above). feel free to comment me and ask a question, or to get the coding. xo  */

/* background, main font throughout the layout, text alignment */
body{background: url('http://i.imgur.com/7XlfNW7.png'); background-color:#f4f4f4; overflow-x: hidden; margin-top: 0px;}
td{font-family: calibri; font-size: 11px; line-height: 11px; color: ;} tr{text-align:justify;} table{margin-bottom: -5px;}  b{font-weight: normal;}

/* cursor */
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* link colors */
a{color: #F38A8A; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
a:hover{color: #000000; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}

/* the top box, removes the default icon */
.shadowed{height: 0px;} .shadowed img{display: none;}

/* main entrybox */
.entrybox{width: 600px; border-width: 0px 0px 0px 2px; border-image: url(http://i.imgur.com/W3RpA7K.png) 4 repeat; padding: 0px; background-image: url(http://i.imgur.com/cHK8wqH.png); box-shadow: 0 0 1px #dddddd;}

/* date line */
.date {color:#333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}

/* subject line */
p table table td.caption{font-family: book; font-size: 7px; text-transform: lowercase; letter-spacing: 1.5px; line-height: 6px; padding: 0px; text-indent: 5px; display: block; color: #000000;}

/* comments */
.comments{font-family: consolas; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; line-height: 5px; padding-right: 0px;}

/* tiny text -- the bottom of the page (navigation) and on the fp the community and username */
.index, .meta {font-family: book; font-size: 7px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; }
table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top: -5px;}

/* friends page icon */
.index img{width: 65px; height: 65px;}

/* sidebar */
#everything{position: relative; visibility: visible; top: 25; left: -695; height: 0;}

/* gif on the sidebar */
#image{position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height:0px;}
#gif{width: 50px; display:inline; padding: 5px; border-radius: 0px; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); position: relative; left: 60;}

/* top navigation links position */
#navig{position: relative; top: 115px; left: -633px;}

/* top navigation links */
#navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: book; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -52; left: 118;}
#navi:hover{width: 40px; color: #000; font-family: book; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5; padding-top: 1; -webkit-transition: all 0.4s ease-in;}

/* background colors for the navigation links */
.un{background-color: #EBE8AE;} .deux{background-color: #D2D055;} .trois{background-color: #ffa398;} .quatre{background-color: #F38A8A;} .cinq{background-color: #5F928F;}

/* sidebar with lyrics and stuff */
.words{font-family: consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 128px; display: block; position: absolute; left: 0px; border-width: 0px 0px 2px 0px; border-image: url(http://i.imgur.com/W3RpA7K.png) 4 repeat; top: 0; left: -81; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); padding: 5.5;}

/* lj icons */
.ljuser img{display:none;}

/* friends only and private locks */
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;}
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.8;}

/* selection colors */
::selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}
::-moz-selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}

/* image opacity & black and white */
img {opacity:0.85; filter:alpha(opacity=70); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img {-webkit-transform: filter: grayscale(50%);  -webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-o-filter: grayscale(50%);-ms-filter: grayscale(50%);}
img:hover {opacity:1.0;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover {-webkit-transform: filter: grayscale(0%);  -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);}
</style>

<=GLOBAL_HEAD

LASTN_WEBSITE<=

<style>

<a href="/" class="un" id="navi">recent</a> 
<a href="/profile" class="deux" id="navi">profile</a> 
<a href="/friends" class="trois" id="navi">friends</a> 
<a href="/calendar" class="quatre" id="navi">calendar</a> 
<a href="http://starring.insanejournal.com" class="cinq" id="navi">starring</a>
<font class="words">baby, I could build a castle out of all the bricks they threw at me; and every day is like a battle, but every night with us is like a dream.</font></span></div>
</td></tr></table>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
 <title>TITLE</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="http://i.imgur.com/j3C4PJw.png">
    <link rel="stylesheet" href="http://minna.neocities.org/fonts/font.css">
    <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
    <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/autumnchant.css">

<style>

/* ᴄʀᴇᴅɪᴛ: original layout base @ᴍɪɴɴᴀ with heavy edits by squirtle@ij -- please do not remove this credit */

/* background */
body{background: url(http://imgur.com/a/z0Hd4) ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#d4d4d4, #094f64); 
    background: -o-linear-gradient(#d4d4d4, #094f64); 
    background: -moz-linear-gradient(#d4d4d4, #094f64);
    background: linear-gradient(#d4d4d4, #094f64);
	}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}

/* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
    table {
      border: 0p;
    }
    table table {
      border: 0px;
    }
 
/* JUSTIFIES TEXT */
    tr {
      text-align:justify;
    }
 
/* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
    .entrybox {
      width:594px;
    }
 
/* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */
    .entrybox, .shadowed {
      background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */
      box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
      border-radius: 2px; /* adding a very slight rounding to the edges */
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
    }
 
/* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
    table table table td.meta {
      font-size: 0px;
      line-height: 0px;
    }
 
/* CHANGES FONT SIZES FOR IJ LINKS */
    p table.entrybox table table td.meta, table table table td.meta a {
      font-size:6px;
      line-height: 6px;
      font-family: mada;
      letter-spacing:1px;
      margin-right: 10px;
    }
 
/* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
    table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
      visibility: hidden;
      line-height: 0px;
    }
 
    .entrybox td.index {
      display: none;
    }
 
/* PAGE FONT */
    tr, td, table, body {
      font-family: mada;
      font-size: 6px;
      color: #333;
      letter-spacing: 1px;  
      line-height: 10px;
      font-weight: lighter;
      text-transform: uppercase;
      padding: 1px;
    }
 
/* SETS HOW BOLDED TEXT LOOKS */
    b {
      font-weight: normal !important;
    }
 
/* SUBJECT LINE APPEARANCE & FONT */
    p table table td.caption {
      font-family: mada;
      font-size: 8px;
      color: #333;
      letter-spacing: 1px;
      line-height: 8px;
      font-weight: lighter;
      margin-bottom: -4px;
      text-shadow: 0px 0px 1px #404040;
      text-transform:uppercase;
      padding: 0px;
    }
 
/* NAMEFIELD - note: this pulls your default namefield */
    .shadowed td div {
      font-family: autumnchant;
      font-size: 12px;
      line-height: 3px;
      color:#000;
      text-transform: lowercase;
      margin-left: 20px;
    }
 
/* MISC LITTLE TEXT. e.g. navigation/date and time. */
    p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
     font-family: mada;
     font-size: 6px;
     line-height: 8px;
     letter-spacing: 1px;
     color:#222222;
     text-shadow:0px 0px 0px #ddd;
     font-weight: lighter;
     text-transform: uppercase;
    }
 
    .date {
     padding:0;
     display:block;
     text-align:left; font-size: 6px;
    }
 
/ * HIDES DATE * /
    .dates {
     display: none;
    }
 
/* LINK EFFECTS */
    a {
      color: #333;
      text-shadow: 0px 0px 1px #094f64 ;
      text-decoration: none;
      -webkit-transition-duration: 1.0s;
      -moz-transition-duration: 1.0s;
      -o-transition-duration: 1.0s;
    }
 
    A:hover {
      filter: hue-rotate(342deg) saturate(0.9);
      -webkit-filter: hue-rotate(342deg) saturate(0.9);
      -moz-filter: hue-rotate(342deg) saturate(0.9);
      -ms-filter: hue-rotate(342deg) saturate(0.9);
      -o-filter: hue-rotate(342deg) saturate(0.9);
      text-decoration: none;
      color:#7aadc5;
    }
 
    .shadowed td div img {
     box-shadow: 0 0 0 !important;
    }
 
/* USERICONS & LOCKS - note: this pulls your default icon. */
    .shadowed img, .index img {
      border-radius: 0px;
      opacity: 1.0;
      filter:alpha(opacity=75);
      height: 100px; /* ADJUST SIZE OF ICON */
      width: 100px; /* ADJUST SIZE OF ICON */
    }
 
    .shadowed img {
      border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
       padding: 0px;
      position: relative;
      z-index: 1;
      visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */
    }
 
    p table table td.caption img {
      height:6px;
      width:7px;
      opacity:0.7;
    }
 
/* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
    img[src*="img/userinfo.gif"] {
      width: 0 !important;
      height: 0 !important;
    }
 
    img[src*="img/community.gif"] {
      width: 0 !important;
      height: 0 !important;
    }
 
/* OPACITY FOR IMAGES */
    img {
      border: 0px;
      opacity:0.7;
      filter:alpha(opacity=70);
      border-radius:3px;
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      -moz-transition: all 1.0s ease-out;
      -o-transition: all 1.0s ease-out;
      -webkit-transition: all 1.0s ease-out;
      transition: all 1.0s ease-out;
    }
 
    img:hover {
      opacity:1.0;
      filter:alpha(opacity=100);
      -moz-transition: all 1.0s ease-out;
      -o-transition: all 1.0s ease-out;
      -webkit-transition: all 1.0s ease-out;
      transition: all 1.0s ease-out;
    }

/* FRIENDS PAGE ICON BACKGROUND/FONT */
    .entrybox a.index {
      background:transparent;
      color:#808080;
      font-size:8px;
    }
 
/* SCROLLBAR APPEARANCE */
::-webkit-scrollbar {width: 4px;}
/* UNDERNEATH BAR */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
/* TOP BAR */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);}
 
/* CURSOR */
    body, a, a:hover {
      cursor:url(http://i.imgur.com/ONVDMqu.png), default;
    .}
 
/* CSS */
 
    #circle{
      position:absolute;
      top: 3px;
      margin-left: -208px;
      visibility: visible;
      z-index: 2;
      visibility: visible !important;
}
 
    #dahlia {
      position:absolute;
      top: 17px;
      margin-left: 190px;
      z-index: 2;
}
 
    #moon{
      position:absolute;
      top: 30px;
      margin-left: 250px;
      z-index: 2;
}

#moon2{
      position:absolute;
      top: 5px;
      margin-left: 350px;
      z-index: 2;
}
 
    #wolf{
      position:absolute;
      top: 180px;
      margin-left: -491px;
      z-index: 2;
}
 
    #wolf2{
      position:absolute;
      top: 250px;
      margin-left: -421px;
      z-index: 2;
}

#icon {
      position:absolute;
      top: 35px;
      margin-left: -110px;
      z-index: 1;
      width: 100px;
      height: 100px;
}
    #mountain{
      position:absolute;
      top: 55px;
      margin-left: 10px;
      z-index: 1;
      width: 300px;
      
}
     #mountain2{
      position:absolute;
      top: 0px;
      margin-left: 90px;
      z-index: 1;
      width: 150px;
      
}
</style>

<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>3

FRIENDS_WEBSITE<=

<div id="dahlia">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>
 
<div id="moon2">
  <img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:30; height:30; opacity: 0.5; transform: rotate(0deg); visibility: visible;">
</div>
 
<div id="wolf">
  <img src="http://i.imgur.com/b9u7Ij3.png" style="display: block; width:250px; height: 250px; transform: rotate(-5deg); opacity: 0.7; visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
</div>

<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>10

LASTN_WEBSITE<=

<div id="dahlia">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>
 
<div id="moon">
  <img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:50; height:50; opacity: 0.5; transform: rotate(0deg); visibility: visible;">
</div>
 
<div id="wolf">
  <img src="http://i.imgur.com/b9u7Ij3.png" style="display: block; width:250px; height: 250px; transform: rotate(-5deg); opacity: 0.7; visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
</div>
 
<div id="icon">
  <img src="http://www.insanejournal.com/userpic/35780491/4192030" style="display: block; width: 100px; height: 100px; opacity: 1.0; visibility: visible; border-radius: 100px !important;">
</div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>YOUR TITLE</title>
<link rel="shortcut icon" href="http://i.imgur.com/HLu54fP.png">
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">

<style>

/* the original layout creator is unknown (coding/ell/laurel/lilyj/rianna), but adjustments and tweaks made by squirtle@ij -- please do not remove the credit! */

@font-face{font-family: script; src:url(https://dl.dropboxusercontent.com/s/jrmdjlrdih5517n/GuldScript.ttf);}

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#03264d, #ecf2f8);
    background: -o-linear-gradient(#03264d, #ecf2f8); 
    background: -moz-linear-gradient(#03264d, #ecf2f8);
    background: linear-gradient(#03264d, #ecf2f8);
	}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
 
/* justifies the text */
tr {text-align:justify;}

.entrybox, .shadowed {background: url(http://i.imgur.com/gwkRgwW.png);box-shadow:1px 1px 2px #d4c8c0;}

.entrybox td.index, .nein{display:none;}

/* body text */
tr, td, table, body {padding:1px; font-family: helvetica, consolas, font-size: 10px; line-height:11px; color:#bda99b;}

/* main links under field name */
table table table td.meta {font-size:0px;line-height:0px;}
p table.entrybox table table td.meta, table table table td.meta a {font-size: 6px;
letter-spacing: 1px; line-height: 7px; font-family: helvetica;}

.date, a.index 
{visibility:visible !important;}

/* links under name */
table table table td.meta a 
{text-transform:uppercase; 
font-size:7px;
letter-spacing:1px;
line-height:8px;
margin-top:-4px;}
table table table td.meta 
{font-size:0px;line-height:0px;}

/* mood & music. */
.entrybox td.meta 
{font-family:consolas; 
font-size: 8px; 
color: #1b1b1b; 
line-height: 6px; 
text-transform: lowercase;}

/* hides top title and extra text surrounding links */
.entrybox td.index 
{background-image:url();
background-color:;
border-radius:0;
-moz-border-radius:0;
padding:0 2 0 0;}
.entrybox td table td.index {visibility:hidden;}
tr.caption {visibility:hidden;position:absolute;top:1px; !important;}
table table tr.caption td.caption {visibility:hidden; line-height: 7px;}

/* font */
td {font-family: helvetica;
font-size:11px;
line-height:10px;
 color:#351837;}
body, td {color:#393232;
font-weight:normal !important;}
 
/* upper right links */
.index{font-size: 7px;
text-transform: uppercase;
letter-spacing: 1;
font-family: helvetica;
line-height: 7px;
color:#03264d;}
 
/* subject */
p table table td.caption{font-family: helvetica;
 letter-spacing: 1px;
text-transform: uppercase;
font-size: 9px;
color: #000000; 
font-weight: heavy !important;}
 
/* namefield */
.shadowed td div, big {font-family: brook, cursive; text-transform:lowercase; display:; text-shadow: 0px 1px 1px #afafaf; color:#003876;margin-top: 0px;}
.shadowed td div {font-size:20px;line-height:10px;letter-spacing:1px;-webkit-text-stroke: 0.1px;-ms-text-stroke: 0.1px;}

/* comments. */
.comments {font-family: helvetica;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
text-transform: uppercase;}
 
b {font-weight:normal !important;}

/* link effects. */
a, a:visited, a:active {color: #03264d;
 text-decoration: none;
-webkit-transition-duration: 1.5s; 
-moz-transition-duration: 1.5s; 
transition-duration: 1.5s;}

a:hover{color: #fff; 
text-shadow: 2px 2px 2px #03264d;
cursor: pointer;
text-decoration: none;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
transition-duration: 1.5s;}

/* scrollbar */
 ::selection {color:#000000; background-color:#f4f4f4; }
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #C4C4C4;
border-radius:0px;
background-image:url('');
background-color:#eee;}
 
/* bottom links */
.meta{font-family: helvetica;
font-size: 7px;
 text-transform: uppercase;
letter-spacing: 1px; }
 
/* locks */
.caption img{width: 7px;height: 7px;}
.ljuser img {display: none;}
.ljuser:before {content: "~";}

/* USERICONS & LOCKS - note: this pulls your default icon. */
    .shadowed img, .index img {
      border-radius: 0px; 
      opacity:1.0; 
      filter:alpha(opacity=100); 
      height: 85px; /* ADJUST SIZE OF ICON */
      width: 85px; /* ADJUST SIZE OF ICON */
    }

.shadowed img {
      border-radius: 100px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
      -webkit-border-radius: 100px; 
      -moz-border-radius: 100px; 
      padding: 0px; 
      box-shadow: 0 0 0px #fff; 
      position: relative;
      z-index: 5;
    }

p table table td.caption img {
      height:6px; 
      width:7px; 
      opacity:0.7;
    }

/* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
    img[src*="img/userinfo.gif"] {
      width: 0 !important; 
      height: 0 !important; 
    }

img[src*="img/community.gif"] {
      width: 0 !important; 
      height: 0 !important;
    }

/* OPACITY FOR IMAGES */
    img { 
      border: 0px; 
      opacity:1; 
      filter:alpha(opacity=70);
      border-radius:3px; 
      -webkit-border-radius:3px; 
      -moz-border-radius:3px; 
      -moz-transition: all 1.0s ease-out; 
      -o-transition: all 1.0s ease-out; 
      -webkit-transition: all 1.0s ease-out; 
      transition: all 1.0s ease-out;
    }

img:hover {
      opacity:1.0;
      filter:alpha(opacity=100); 
      -moz-transition: all 1.0s ease-out; 
      -o-transition: all 1.0s ease-out; 
      -webkit-transition: all 1.0s ease-out; 
      transition: all 1.0s ease-out;
    }

/* FRIENDS PAGE ICON BACKGROUND/FONT */
    .entrybox a.index {
      background:transparent; 
      color:#808080; 
      font-size:8px;
    }

/* CSS */
    #horns {
      position:absolute; 
      top: 20px; 
      margin-left: -190px;
      visibility: visible;
      z-index: 1;
}

#icon {
      position: absolute; 
      top: 8px; 
      margin-left: 175px;
      visibility: visible;
      z-index: 1;
}

#poke {
      position: absolute; 
      top: 8px; 
      margin-left: 105px;
      visibility: visible;
      z-index: 1;
}
 
 
</style>

<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>3

FRIENDS_WEBSITE<=

<div id="icon" style="width: 85px;">
  <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 60px;width: 60px;">
</div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>20

LASTN_WEBSITE<=

<div id="poke" style="width: 95px;">
  <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 100px;width: 100px;">
</div>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>TITLE.</title>
<link rel="shortcut icon" href="https://i.imgur.com/o35xgba.png">

<style>

/*original credit: marak@ij & ines@ij with heavy edits: squirtle@ij*/
/* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */

@font-face{font-family: luna; src:url("https://dl.dropbox.com/s/prmkdnys12li2qs/Shorelines%20Script%20Bold.otf");}
@font-face{font-family: usagi; src:url("https://dl.dropbox.com/s/irdsm7xbimzcpbj/rose_of_baltimore.ttf");}
@font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");}
@font-face{font-family: streamster; src:url("https://codester.neocities.org/fonts/streamster.css");}
@font-face{font-family: sugar candy; src:url("https://codester.neocities.org/fonts/sugarcandy.css");}
@font-face{font-family: sunfast; src:url("https://codester.neocities.org/fonts/sunfast.css");}
@font-face{font-family: billy ohio; src:url("https://codester.neocities.org/fonts/billyohio.css");}
@font-face{font-family: erica; src:url("https://codester.neocities.org/fonts/erica.css");}

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#ef4e1a, #fdcda9); 
    background: -o-linear-gradient(#ef4e1a, #fdcda9); 
    background: -moz-linear-gradient(#ef4e1a, #fdcda9);
    background: linear-gradient(#ef4e1a, #fdcda9);
	}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}

/* subject lines */
td.caption{font-family: erica; letter-spacing: 1px; text-transform: lowercase; font-size: 22px; color: #787878; }
 
/* body text */
td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;}
body, td {color:#000000; font-weight:normal !important;}

/* link effects */
a{color: #bf250e; text-decoration: none; font-weight: normal;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

a:hover{color: #e6de1e; text-decoration: none; font-weight: bold;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
 -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

/* entry box */
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;}
table table table td.meta {font-size:0px;line-height:0px;}
.entrybox {width:594px;} 
.date, a.index {visibility:visible !important;}
table table table td.meta {font-size:0px;line-height:0px;}
table {border: none; }
table table, table table td {border: 0;}
table{margin-bottom: -3px;}

table, tr {padding:0px; margin-bottom: 1px;} 
td, .entrybox {padding: 1px; margin-top: 0px;}
.entrybox td.index {visibility:hidden;} 
.entrybox td.index, .index3{visibility:hidden;} 
table table table td.meta {font-size:0px;line-height:0px;} 
table table table td.meta a {visibility:hidden;}

/* entrybox borders */
.entrybox {
background: url(http://i.imgur.com/eLjRmuC.png);
background: #fff;
padding-left:10px;
padding-right:10px;
padding-bottom:-5px;
padding-top:-2px;
box-shadow: 0 0 1px #e0e0e0; 
	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px; 
	border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;
width: 594x;}

/* mood & music. */
.entrybox td.meta {display: none;}

/* comments */
.comments {font-family: helvetica, helvetica, monaco; font-size: 7px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;}
 
/* all misc little text */
.index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; }

/* date & time */
.date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
.dated {display:none;}
.dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
 
/* friends page icons & users. */
.entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;} 
.index img{ width: 80px; height: 80px;}

/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}

/* table borders. */
table {border: 0px solid #fff; 
border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat;
-moz-border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat; 
-webkit-border-image:url(https://i.imgur.com/hkZDj6c.png) 0 0 6 0 repeat;
border-width: 0px 0px 6px 0px;}

/* usericons & locks. */
.ljuser img {display: none;}
.ljuser:before {content: "🍂";}
.caption img{width:7px; height:7px;}

/* headerbox borders */
.shadowed {width: 600px; 
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px; 
	border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;}
.shadowed img {display: none;}

/* main links under field name */
.links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50;  text-shadow: 1px 0px 1px #fff;  text-transform: uppercase; text-align: center;  background: rgba(255, 255, 255, 0.6);  line-height: 10px; box-shadow: 1px 0px 1px #ccc; }

/* ~ines header box edits */
#title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;}
#subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;}
#title2{position:absolute; visibility: visible;margin-left: -150px;}
#icon{position:absolute; visibility: visible; top:15px; left: 51%; margin-left: -145px; z-index:0;}
#nye {visibility: visible; top:10px; margin-left:-22px;}

/* button style properties */
td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}

/* cursor */
body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} 
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<style>

.links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
.gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
.gifs:hover {filter: none; -webkit-filter: grayscale(0);}
#lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
#nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;} 
.gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
.side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
#persona{position:absolute; visibility: visible; top:300px; left:38.0%; margin-left: -650px; width: 180px;}
#navvy{position:absolute; visibility: visible;  top:100px; left:950px;  z-index:0;}
#back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
#front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
#name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: billy ohio; font-size:40pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px;	text-transform: lowercase; line-height: 6.5px; left: 50%;}
#extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
</style>

/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>

<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://YOURJOURNAL.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=

<style>

<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=

<style>

@font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");}
@font-face{font-family: taken; src:url("https://dl.dropboxusercontent.com/s/zbpy6kv0bzmppmz/Taken%20by%20Vultures%20Alternates%20Demo.otf");}
@font-face{font-family: vulture; src:url("https://dl.dropboxusercontent.com/s/fsy2b8rmls9yefa/Taken%20by%20Vultures%20Demo.otf");}
@font-face{font-family: shore; src:url("https://dl.dropboxusercontent.com/s/ho6q48tbunwajo6/Shorelines%20Script%20Bold.otf");}
@font-face{font-family: eyes; src:url("https://dl.dropboxusercontent.com/s/0o37nnghud17gaq/KGEyesWideOpen.ttf");}
@font-face{font-family: letter; src:url("https://dl.dropboxusercontent.com/s/8x36f3qcq70nnyp/Loveletter%20No%209.ttf");}
/* original code credit:
   edits: squirtle@ij */
/* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij  */

body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: ;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: ;
}
.comments {
font-size: 8pt;
}
</style>

<style>

/* background & border. */
body {background-image: url("http://i.imgur.com/jZjV0Hc.png") !important; background-attachment: fixed !important; background-color:#ffffff; }
table {border-left: 0px;}
table table {border:0;}
body, td {line-height: 10pt; padding: 1px;}
.entrybox {background-color:#fefefe;  background-image: url("") ; padding: 4px;
border-radius: 4 4 4 4; box-shadow: 0 0 1px #e0e0e0;}

/* font throughout the layout */
td{ color: #4d4d4d; font-family: arial; font-weight; light; font-size: 10px; letter-spacing: 0px; line-height: 11px; text-transform: none;}
 
/* aligns all the words */
tr{text-align:justify;}
 
/* tables */
table{margin-bottom: -2px;}

/*cursor*/
body {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} 
a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

/* top bar background. */
.shadowed {background-color: ; 
height: 30px; 
padding-top:0px;}

.shadowed img {display:none;
border-radius: 0;
height: ;
width: ; 
padding: 2 2 2 2; 
background:url("");}

/* link effects. */
a {text-decoration: none; color: #888888;}
a:hover {border-radius: 0pt;
background-color: ; 
padding: 0px;
text-decoration: none; font-weight:light; text-shadow: #9d9d9d 0px 0px 1px; cursor: default;}

/* top right links */
.index{font-family: helvetica, arial; text-transform: uppercase; font-size: 0px; letter-spacing: 0px; line-height: 0px;}

/* top banner main navigation links. */
table table table table td.meta {font-family:arial; 
font-size:7px; 
letter-spacing: 7px; 
line-height:7px; 
text-transform:uppercase;}

/* subject fade */
.dates {padding-top: 0; padding-left: 3; padding-right: 0; padding-bottom: 3; display:block;text-align:left; font-family: lato; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; padding:0px;} .dated, .entrybox td.index{display:none;}
p table table td.caption{
border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ecf0e2;
font-family: sub; font-size: 13pt; line-height: 10pt; font-weight: light; letter-spacing: 0.5px;
text-transform: lowercase; color: #ffbee0;
margin-bottom: -3px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px;
position: relative; z-index: 200;
}

/* hides default date & time */
.entrybox td.index, .index3 {
display: none;
}

/* hides privacy icons */
.caption img {
display: none;
}
 
/* custom date & time */
.index2 {
color: rgba(48, 48, 48, 1);
display: block;
font-family: andale mono, ntr;
font-size: 10px;
letter-spacing: 2px;
line-height: 1px;
text-align: left;
text-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
text-transform: uppercase;
}
 
/* hides default mood & music */
.entrybox td.meta {
display: none;
}

/* comments. */
.comments { font-family: lato; 
font-size: 7px; 
font-weight: light;
line-height:3px; 
letter-spacing: 1px;
text-transform: uppercase; 
text-align: right; padding: 6px; }

/* usericons & locks. */
.caption img{width: 9px;height: 9px;}
.ljuser img {display: none;}
.ljuser:before {content: "";}

/* navigation links at the bottom */
.index {font-family: lato; font-size: 7px; line-height:0px; text-transform: uppercase; letter-spacing: 1; color: #fbfbfb;}
.meta {font-family: lato; font-size:5pt; letter-spacing: 1px;  line-height:3px; text-transform:uppercase; color: #fbfbfb; background-color:;}
.entrybox .index{
visibility:visible;}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>

table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:0px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
.title {font-family: petit formal script; color: #a7d3e3; font-size: 28px; display:block; text-transform: uppercase; line-height: 0px; text-shadow: #cfcfcf 0px 1px 1px;
position: absolute; margin-left: 28; margin-top: 26;}

</style>

</td></tr></table></td></tr>
<div id="flowers">
<a href="/profile"><img src="http://i.imgur.com/PTCrGB7.png" title="profile" width="260" style="display:inline;"></a>
</div>

<div id="blocktext">
<span style="display: block;font-family: arial; font-size: 7px; line-height: 8px; letter-spacing: 1px; color: #4d4d4d; padding: 4px;width: 140px; text-transform: uppercase; text-align: justify; background-color: #f2f2f0;"> 
DARE TO BE A DONUT IN A<br> WORLD OF PLAIN BAGELS. <a href="http://jadethirlwall.insanejournal.com/" title="entries"><font color="ff9295"><i class="fa fa-circle-o" aria-hidden="true"></i></a> <a href="http://jadethirlwall.insanejournal.com/friends" title="friends"><font color="ff9295"><i class="fa fa-circle-o" aria-hidden="true"></i></a></span></div>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=

<style>

</style>

</td></tr></table></td></tr>
<div id="flowers">
<a href="/profile"><img src="http://i.imgur.com/PTCrGB7.png" title="profile" width="260" style="display:inline;"></a>
</div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>TITLE</title>
<link rel="shortcut icon" href="https://i.imgur.com/GLoBTdu.png">
<link rel="stylesheet" href="https://codester.neocities.org/fonts/penn.css">
<link rel="stylesheet" href="https://codester.neocities.org/fonts/sugarcandy.css">
<link rel="stylesheet" href="https://codester.neocities.org/fonts/konichiwa.css">
<link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/quentin.css">
<link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/creepy.css">
 
 
 
<style>
 
/*original credit: marak@ij & ines@ij with heavy edits: squirtle@ij*/
/* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */
 
@font-face{font-family: luna; src:url("https://dl.dropbox.com/s/prmkdnys12li2qs/Shorelines%20Script%20Bold.otf");}
@font-face{font-family: usagi; src:url("https://dl.dropbox.com/s/irdsm7xbimzcpbj/rose_of_baltimore.ttf");}
@font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");}
@font-face{font-family: streamster; src:url("https://codester.neocities.org/fonts/streamster.css");}
@font-face{font-family: sugar candy; src:url("https://codester.neocities.org/fonts/sugarcandy.css");}
@font-face{font-family: sunfast; src:url("https://codester.neocities.org/fonts/sunfast.css");}
@font-face{font-family: billy ohio; src:url("https://codester.neocities.org/fonts/billyohio.css");}
@font-face{font-family: erica; src:url("https://codester.neocities.org/fonts/erica.css");}
 
 
/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#e77136, #5c377c, #2e2e2e);
    background: -o-linear-gradient(#e77136, #5c377c, #2e2e2e);
    background: -moz-linear-gradient(#e77136, #5c377c, #2e2e2e);
    background: linear-gradient(#e77136, #5c377c, #2e2e2e);
    }
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
 
/* subject lines */
td.caption{font-family: hype; letter-spacing: 1px; text-transform: lowercase; font-size: 16px; color: #787878; }
 
/* body text */
td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;}
body, td {color:#000000; font-weight:normal !important;}
 
/* link effects */
a{color: #5c377c; text-decoration: none; font-weight: normal;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
a:hover{color: #5c377c; text-decoration: none; font-weight: bold;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
 -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
/* entry box */
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;}
table table table td.meta {font-size:0px;line-height:0px;}
.entrybox {width:594px;}
.date, a.index {visibility:visible !important;}
table table table td.meta {font-size:0px;line-height:0px;}
table {border: none; }
table table, table table td {border: 0;}
table{margin-bottom: -3px;}
 
table, tr {padding:0px; margin-bottom: 1px;}
td, .entrybox {padding: 1px; margin-top: 0px;}
.entrybox td.index {visibility:hidden;}
.entrybox td.index, .index3{visibility:hidden;}
table table table td.meta {font-size:0px;line-height:0px;}
table table table td.meta a {visibility:hidden;}
 
/* entrybox borders */
.entrybox {
background: url(http://i.imgur.com/eLjRmuC.png);
background: #fff;
padding-left:10px;
padding-right:10px;
padding-bottom:-5px;
padding-top:-2px;
box-shadow: 0 0 1px #e0e0e0;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;
width: 594x;}
 
/* mood & music. */
.entrybox td.meta {display: none;}
 
/* comments */
.comments {font-family: helvetica, helvetica, monaco; font-size: 7px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;}
 
/* all misc little text */
.index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; }
 
/* date & time */
.date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
.dated {display:none;}
.dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
 
/* friends page icons & users. */
.entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;}
.index img{ width: 80px; height: 80px;}
 
/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
 
 
/* usericons & locks. */
.ljuser img {display: none;}
.ljuser:before {content: "👻";}
.caption img{width:7px; height:7px;}
 
/* headerbox borders */
.shadowed {width: 600px;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;}
.shadowed img {display: none;}
 
 /* main links under field name */
.links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50;  text-shadow: 1px 0px 1px #fff;  text-transform: uppercase; text-align: center;  background: rgba(255, 255, 255, 0.6);  line-height: 10px; box-shadow: 1px 0px 1px #ccc; }
 
/* ~ines header box edits */
#title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;}
#subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;}
#title2{position:absolute; visibility: visible;margin-left: -150px;}
#icon{position:absolute; visibility: visible; top:10px; left: 51%; margin-left: -145px; z-index:0;}
#nye {visibility: visible; top:10px; margin-left:-17px;}
 
/* button style properties */
td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
 
/* cursor */
body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
 
</style>
 
 
 
 
<=GLOBAL_HEAD
 
FRIENDS_WEBSITE<=
 
 
<style>
 
 
.links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
.gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
.gifs:hover {filter: none; -webkit-filter: grayscale(0);}
#lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
#nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
.gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
.side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
#persona{position:absolute; visibility: visible; top:-1px; left:38.0%; margin-left: -450px; width: 180px;}
#navvy{position:absolute; visibility: visible;  top:100px; left:950px;  z-index:0;}
#back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
#front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
#name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: creepy; font-size:40pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px;    text-transform: lowercase; line-height: 6.5px; left: 50%;}
#extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
</style>
 
<div id="persona"><img src="https://i.imgur.com/1QMs7Ya.png" width="200" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
 
<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#ddcee8;">s</font><font style="color:#c2afe6;">c</font><font style="color:#8d6cd1;">a</font><font style="color:#8d6cd1;">r</font><font style="color:#673bb8;">r</font><font style="color:#673bb8;">y</font><font style="color:#;"> </font><font style="color:#512698;">s</font><font style="color:#512698;">t</font><font style="color:#502d7f;">y</font><font style="color:#4d3069;">l</font><font style="color:#1d1756;">e</font><font style="color:#1d1756;">s</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/UmO7oAz.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 75; height: 75; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=FRIENDS_WEBSITE
 
LASTN_WEBSITE<=
 
<style>
 
 
.links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
.gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
.gifs:hover {filter: none; -webkit-filter: grayscale(0);}
#lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
#nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
.gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
.side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
#persona{position:absolute; visibility: visible; top:-1px; left:38.0%; margin-left: -450px; width: 180px;}
#navvy{position:absolute; visibility: visible;  top:100px; left:950px;  z-index:0;}
#back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
#front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
#name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: creepy; font-size:40pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px;    text-transform: lowercase; line-height: 6.5px; left: 50%;}
#extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
</style>
 
<div id="persona"><img src="https://i.imgur.com/1QMs7Ya.png" width="200" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
 
<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#ddcee8;">s</font><font style="color:#c2afe6;">c</font><font style="color:#8d6cd1;">a</font><font style="color:#8d6cd1;">r</font><font style="color:#673bb8;">r</font><font style="color:#673bb8;">y</font><font style="color:#;"> </font><font style="color:#512698;">s</font><font style="color:#512698;">t</font><font style="color:#502d7f;">y</font><font style="color:#4d3069;">l</font><font style="color:#1d1756;">e</font><font style="color:#1d1756;">s</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/UmO7oAz.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 75; height: 75; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://i.imgur.com/5MFHI0h.png">
<link href="http://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Handlee" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Arimo" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">

body {background-image:url(http://i.imgur.com/ajs830a.png); background-color: ; overflow-x: hidden; margin-top: 50;}
 
table{margin-bottom: -7px;}
td{font-size: 11px; line-height: 12px; font-family: arial;}
 
.index img {height:50px; width:50px;}
 
.entrybox {background-image:url(http://i.imgur.com/6uPbZ2R.png); background-attachment:fixed; box-shadow:#ebebeb 0 0 1px;}
.entrybox {  -webkit-linear-gradient(bottom, #f48329, #fff) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #f48329, #fff) 1 100%;  
  -o-border-image: -o-linear-gradient(bottom, #f48329, #fff) 1 100%;
  border-image: linear-gradient(to bottom, #f48329, #fff) 1 100%;
  border-radius:0;
  -moz-border-radius:0;
  border-width: 0px 0px 0px 3px;
  border-style: solid;
  margin-bottom: -5px;
  font-weight: normal;
  }
 
.shadowed img {display:none;}
 
b{font-weight: none;}
 
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
 
/* entry text */
td {
font-family: arial;
font-size: 11px;
line-height: 12px;
color: #808080;
text-shadow:;
margin-top: -10px;
}
tr { text-align:justify; }
 
/* link effects */
a {
color: #0f384e;
text-decoration: none;
text-shadow:;
}
a:hover {
color: #ffc41a;
text-decoration: none;
text-shadow:;
transition: all 1.0s ease-out;
}
 
/* subject lines. */
p table table td.caption {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#222;}
 
.entrybox table table table td{
background-color: transparent;
}
 
/* date & time. */
.entrybox td.index {
display: none;
}
 
/* mood & music */
.entrybox td.meta {
font-family: arial;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
font-weight: none;
color: #808080;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-bottom: 2px;
text-align: justify;
}
 
/* comments */
.comments {
font-family: arial;
font-size: 7px;
line-height: 10px;
letter-spacing: 1px;
font-weight: none;
color: #808080;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-right: 8px;
}
 
/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}
 
/* ij icon & locks */
.ljuser img {display:none;}
.caption img{display:none;}
 
.ljadshadowed div {visibility: visible;position: relative;}
table table table table table .meta {visibility: visible; position:relative;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}
 
/* aligns all text */
tr {text-align:justify;}
 
/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}
 
/* image opacity */
img {opacity:0.75;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover{opacity:1.0;filter:alpha(opacity=100);  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
/* header */
.shadowed {background-image:url(); background-repeat:no-repeat; background-position:center; padding:0;}

.header{font-family: 'JennaSue'; font-size: 22px; line-height: 30px; text-transform: lowercase; font-weight: lighter; color: #8C8B8B; text-shadow: 1px 0px 1px #c0c0c0; top: 22px; margin-bottom: 42px;}

#polaroid {position: fixed; align: justify; position: relative; left: -560px; top: -20px; visibility: visible; width: 50px; z-index: 6;}
#lyricss  {visibility: visible; width: 200px; font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; margin-left: -700px; top: 100px; text-transform:uppercase; text-align:justify; color:#222;}

/* sidebar stuff */
#icon {position:relative; visibility: visible; top: 25px; left: 450px; z-index:97; height:0px; }
 
#icon img { width: 250px; background: transparent; display:inline; box-shadow: #fff 0px 0px 0px; }
 
.lyrics {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; margin-left: -560px; top: -20px; text-transform:uppercase; text-align:justify; color:#222;}
a.links{color: #FFB330; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;} a.links:hover{color:#C31798; text-decoration:none;  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
#navi{position: absolute; margin-left: 300; top: 50; width: 125px; text-align: justify;}
#nav{border-radius: 4px; color: transparent; display: inline-block; height: 7px; font-family: arial; font-size: 7px; line-height: 7px; letter-spacing: 1px; overflow: hidden; padding: 1px 1px; text-align: center; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in; vertical-align: text-top; width: 7px; -webkit-transition: all 0.4s ease-in; }
#nav:hover{height: 7px; color: #edeada; text-transform: uppercase; transition: all 0.3s ease-in; width: 60px; -webkit-transition: all 0.4s ease-in;}
 
.one{background-color:#00173f;} .two{background-color:#046ab4; display: block;} .three{background-color:#f48328; display: block;}
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>

<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr><td valign="left" colspan="0" width="150" height="0px">
<table height="" width="150" align="center" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="justify"></td></tr></table>
 
<div id="icon">
<img src="http://i.imgur.com/PpWULPd.png"></div>
<span id="navi"><span class="lyrics">
 
<center><a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/" class="three" id="nav">recent</a><br></center></font>
 
<div id="polaroid"><br><a href="LINK"><img src="http://www.insanejournal.com/userpic/35766995/4189247" width="70" align="left" style="display: block; -webkit-transform: rotate(10deg); -moz-transform: rotate(-10deg); background:#fff; padding: 4px 4px 18px 4px; box-shadow:1px 1px 2px rgba(0,0,0,0.1);"></a></div>
<div id="lyricss">
In the super hero game there's usually one fail-safe technique used to solve problems. Beat the stuffing out of the bad guys. Other times you gotta use your brains. Or lack of 'them.</span>
</div>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style>

GLOBAL_HEAD<=
<link href="http://fonts.googleapis.com/css?family=Voltaire" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Codystar" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Autour+One" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Londrina+Sketch" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://handcuffs.neocities.org/this.css">
<link href="https://fonts.googleapis.com/css?family=Hind:500" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://robinred.neocities.org/css/sun.css">
<link href="http://www.finfriends.com/wp-content/uploads/2017/03/productxs-04.png" rel="icon" type="image/x-icon" />
<title>house of manderly</title>
<style>

/* original code credit: ʟʟᴇᴡᴇʟʟʏɴ@ɪᴊ, ʙɪᴊᴀɴ@ɪᴊ, ᴄᴀᴛᴄᴀғᴇ@ɪᴊ
   edits: squirtle@ij */
/* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij  */

/* cursor */ 
body, a {cursor:url(http://i.imgur.com/01WOM2m.png), default;} 
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#085266, #059c99);
    background: -o-linear-gradient(#085266, #059c99); 
    background: -moz-linear-gradient(#085266, #059c99);
    background: linear-gradient(#085266, #059c99);
	}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}

/* custom header/sidebar */
.shadowed td div {
position: absolute;
top: 0px;
visibility: hidden;
}

.shadowed span#navigation img {
display: inline;
position: relative;
visibility: visible;
}

table table table table .meta {
position: absolute;
top: 0px;
visibility: hidden;
}

table table table table table .meta {
position: relative;
top: 0px;
visibility: visible;
}

tr.caption {
display: none;
}

#sidebar {
margin-right: 370px;
position: absolute;
right: 50.0%;
top: 45px;
visibility: visible;
width: 85px;
z-index: 0;
}

#gif {
background: repeating-linear-gradient(to bottom right, #54ba82, #059c99, #54ba82);
box-shadow: 1px 1px 2px 1px #0b0733;
display: inline;
padding: 3px; 
position: relative;
width: 132px;
}

#tilt {
position:relative; 
width:95; 
visibility: visible; 
top: 69px; 
left:-386px; 
z-index:97; 
height:0px;
align:center; 
}

#dot {
z-index: 100; 
display: inline-block; 
height: 15px; 
width: 15px; 
border-radius: 50%; 
background-color: #6A6A6A;
-webkit-text-fill-color: transparent;background: 
-webkit-linear-gradient(transparent, transparent), center url(http://i.imgur.com/GdzdcnR.png); 
background: image url(http://i.imgur.com/DGHkqvS.png); 
border: 2px solid #059c99; 
transition: all 0.3s ease-in;}

#dot:hover 
{border: 2px solid #60db8e; 
transition: all 0.6s ease-in; }

.nav {
font-family: hang;
display: block;
font-size: 34px;
line-height: 34px;
letter-spacing: 1px;
color: #bebebe;
-webkit-text-fill-color: transparent;background: 
-webkit-linear-gradient(transparent, transparent), center  url(http://i.imgur.com/UreDGQw.png); 
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-stroke: 1px #003471;
border-bottom: 0px solid;
border-image: url(http://i.imgur.com/UreDGQw.png) 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
text-align: justify;
text-transform: lowercase;
text-indent: 13px;
}

/* default text alignment */
tr {
text-align: justify;
}

/* default font */
td {
color: #000; 
font-family: calibri; 
font-size: 11px;
letter-spacing: 0px; 
line-height: 11px;
text-transform: none;
}

/* hides journal title */
table table tr.caption td.caption {
visibility: hidden;
}

/* link effects */
a {
text-decoration: none;
color:#60db8e;
}

a:hover {
text-decoration: none;
}

/* default icon effects */
.shadowed img {
display: none;
}

/* table spacing */
table {
margin-bottom: -2px;
}
 
/* entrybox */
.entrybox {
background-color: rgba(255, 255, 255, 0.25);
background-image: url(http://i.imgur.com/GdzdcnR.png);
border-bottom: 2px solid #000; 
border-image: repeating-linear-gradient(to right, #059c99,  #54ba82) 10;
box-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
margin-top: -29px;
margin-bottom: 43px;
border-radius: 0px 0px 5px 5px;
}

/* hides privacy icons */
.caption img {
display: none;
}

/* hides user icons */
.ljuser img {
display: none;
}

/* changes content before linked usernames */
.ljuser:before {
content: "";
}

/* customizes friend icons */
a.entrybox tr td table tr td table tr td {
visibility:visible !important;
}

/* subject */
p table table td.caption {
border-bottom: 0px solid;
border-image: url(http://i.imgur.com/1m052uM.png) 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color: #000;
text-shadow: 0px 0px 1px #aaa; 
display: block;
font-family: calibri, arial; 
font-size: 8px;
letter-spacing: 1px;
line-height: 4px;
text-align: justify;
text-transform: uppercase;
}

/* custom date & time */
.index2 {
color: #bebebe;
display: block; 
font-family: calibri, arial; 
font-size: 8px;
letter-spacing: 1px; 
line-height: 1px; 
text-align: left; 
text-transform: uppercase;
}

/* comments */
.comments {
color: #bebebe;
font-family: calibri, arial; 
font-size: 8px;
letter-spacing: 1px; 
line-height: 7px;
text-align: right; 
text-transform: uppercase;
text-shadow: 0px 0px 1px #aaa; 
}

/* navigation */
tr.caption {
line-height: 0px;
visibility: hidden;
}

a.index {
visibility: visible;
}

.index {
font-family: calibri, arial; 
font-size: 8px;
font-weight: normal;
letter-spacing: 1px; 
line-height: 0px; 
text-transform: uppercase;
}

/* viewing */
.meta { 
font-family: calibri, arial; 
text-transform: uppercase;
font-size: 8px;
line-height: 8px;
letter-spacing: 1px;
text-align: justify;
text-shadow: 0px 0px 1px #aaa; 
}

.index img {
background: repeating-linear-gradient(to bottom right, rgba(0, 52, 113, 0.8),  rgba(173, 193, 215, 0.8), rgba(0, 52, 113, 0.8));
border-radius: 75px;
box-shadow: 1px 1px 2px 1px rgba(215, 215, 215, 1);
height: 50px;
margin-bottom: 8px;
margin-right: 3px;
padding: 3px;
width: 50px;
}

/* scrollbar */
::-webkit-scrollbar {
width: 3px;
}

::-webkit-scrollbar-track {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 5px rgba(215, 215, 215, 1);
}

::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 15px rgba(215, 215, 215, 1);
}

/* CSS */
 
      #mountain2{
      position:absolute;
      top: 55px;
      margin-left: 590px;
      z-index: 1;
      width: 300px;
      
}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>

<div id="mountain2">
  <img src="https://i.imgur.com/q0LgUXU.png" style="display: block; width: 310px; height: px; opacity: 0.3; visibility: visible; border-radius: 0px !important;">
</div>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style>

GLOBAL_HEAD<=
<title>house of mormont</title>
<link rel="shortcut icon" href="https://i.imgur.com/VvSxIIU.png">

<style>

/* original code credit: davyj@ij
   edits: squirtle@ij */
/* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij  */

table, tr, td {padding: px;}

.entrybox td.index, .index3{
display: none;
}

td {
font-family: helvetica;
font-size: 8pt;
line-height: 9pt;
color: #000;
letter-spacing: px;
}

tr.caption {
display:none
}

.caption img{display:none; visibility:hidden;}
.ljuser img {display:none;}

.shadowed img {
display: none;
}

body{
background: #3c5148;
background-image:url('https://i.pinimg.com/736x/f8/7d/b9/f87db9971d570ce454210cbac1c2c396--green-paint-colors-exterior-paint-colors.jpg');
background-attachment: fixed; 
margin-top: 30px !important;
}

a { color: #bcd2c3; text-shadow: ; text-decoration: none; -moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: .5;}
a:hover { color: #bcd2c3; text-shadow: ; text-decoration: none;-moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: 1.0;}

.entrybox {
background-image:url();
background-color: rgba(255,240,211,.3);
width: 600px;
margin-top: 10px;
margin-bottom: 15px;
padding: 5px;
border-radius: 0px;
box-shadow: 0px;
border: 1px dotted #8b836d;
}

/*subject*/
p table table td.caption {
font-family: got;
font-size: 9pt;
line-height: 12pt;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #1b2727;
text-shadow: 1px 1px 1px #222;
font-weight: 400;
padding-bottom: 2px;
border-bottom: 1px dotted #28323a;
opacity: .7;
}

/*mood & music*/
.entrybox td.meta {
font-family: monospace; 
font-size: 7px; 
text-shadow: ; 
color: #222; 
line-height: 10px; 
text-transform: uppercase;
opacity: .7;
padding-top: px;
}

.index {
font-weight: lighter;
color: #dab484;
font-family: monospace;
font-size: 4pt;
line-height: 3pt;
letter-spacing: 1pt;
text-transform: uppercase;
padding: 0px;
}

.comments {
font-family: monospace;
font-size: 9px;
line-height: 10px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
padding-top: 8px;
}

/*bottom nav text*/
p table table table td.meta {
font-family: monospace;
font-size: 6pt;
line-height: 2px;
letter-spacing: 0.5px;
font-weight: lighter;
text-transform: uppercase;
color: transparent;
}

p table table td.index {display:none;}

.supguys {
padding-left:15px; padding-top: 1px; padding-bottom: 6px; padding-right: 6px; color:#222; text-align: justify;
background-image:url();background-color: rgba();box-shadow: 0px; background-position:;
box-shadow: ; border-radius:0px; 
font-family: monospace; font-size: 12px;
color:#d5dddf;
text-shadow: 2px 2px 2px #445026;
line-height: 10px; letter-spacing:0.5; text-transform:uppercase;
text-decoration:none; display:block; opacity: 1.0;
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}

.links {text-shadow: 2px 2px 2px #445026; letter-spacing: 2px;
color:#b2c5b2; font-family: got;
font-size: 20pt; line-height:30pt;
text-transform: lowercase; text-align: right; }
.links2 { font-family: got; color:#69913b; font-size: 18pt; line-height: 25pt; text-transform: uppercase; letter-spacing: -1.5px;}

.dot1 {
background-color: #212528; }
.dot2 {
background-color: #999788; }
.dot3 {
background-color: #c9c1b6; }
.dot4 {
background-color: #403b35; }

a#heythere {
border-radius: 0px;
color: transparent;
display: inline-block;
border-radius: 5px;
height: 5px;
font-family: monospace;
font-size: 6px;
line-height: 5px;
overflow: hidden;
padding: 2px;
padding-top: 1px;
text-align: center;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease-in;
vertical-align: text-top;
width: 5px;
-webkit-transition: all 0.6s ease-in; }

a#heythere:hover {
color: #fff;
font-family: monospace;
font-size: 6px;
height: 5px;
text-transform: uppercase;
transition: all 0.3s ease-in;
width: 40px;
-webkit-transition: all 0.6s ease-in; }

#claw{position:absolute; visibility: visible; top:20px; left:38.0%; margin-left: -550px; width: 180px;}
#bear{position:absolute; visibility: visible; top:-5px; left:38.0%; margin-left: 380px; width: 180px;}

--> 
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>

</style>

<tr><td colspan="0" width="400">
<table width="450" height="10" align="left" style="margin-left: 0px;" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="left"> 
<font class="links"><img src="https://i.pinimg.com/originals/50/f4/c8/50f4c8733b06b68338f0be49f13b7db8.gif" width="400" style="background-image:url(); background-color: rgba(); width: 200px; border: 1px dotted #da8068; box-shadow: 2px 2px 2px #222; padding: px; margin-top: 5px; margin-right: 10px;  border-radius: 100px 100px 0px 100px; display: inline; transform:rotate(-8deg); -webkit-transform:rotate(-8deg);" align="left">house of mormont</font>
<font class="supguys"><center>here we stand</center><p align="right"><a class="dot1" id="heythere" href="/">entries</a> <a class="dot2" id="heythere" href="/friends">friends</a> <a class="dot3" id="heythere" href="/calendar">calendar</a> <a class="dot4" id="heythere" href="/info">profile</a></p>
</font></td></tr></table>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style>

</style>

<=LASTN_WEBSITE

FRIENDS_OPT_ITEMS=>20

GLOBAL_HEAD<=
<title>offenders</title>
<link rel="shortcut icon" href="http://i.imgur.com/vEWNn9T.png">
<link rel="stylesheet" href="https://surrogate.neocities.org/style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<style>

/* original layout by surrogate@ij with edits and adjustments by squirtle@ij -- please leave credit!  */

body {background:#f3f3f3 url(http://www.designbolts.com/wp-content/uploads/2013/02/Noise-Light-Grey-Tileable-Pattern-For-Website-Background.jpg); margin-left: -70px;}

/* tables */
table {

margin-bottom: -5px;
}
 
/* default font */
td {
color: #000000;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 11px;
}
 
/* default text alignment */
tr {
text-align: justify;
}
 
/* links */
a {
color: #943d92;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
 
a:hover {
color: #faefd4;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
 
/* removes journal title */
table table tr.caption td.caption {
display: none;
visibility: hidden;
}

/* removes default icon */
.shadowed img {
display: none;
}
 
/* entrybox */
.entrybox {
padding: 0px;
margin-top: -115px;
margin-bottom: 120px;
background:url(http://i.imgur.com/jMVT6eM.png); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-width: 1px 0 0 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #65396e, #943d92, #65396e) 100% 1;
    -moz-border-image: -moz-linear-gradient(right,  #65396e, #943d92, #65396e) 100% 1; 
    -o-border-image: -o-linear-gradient(right,  #65396e, #943d92, #65396e) 100% 1;
    border-image: linear-gradient(to right,#65396e, #943d92, #65396e) 100% 1;}
}
 
/* removes privacy icons */
.caption img {
width: 15px;
}
 
/* removes user icons */
.ljuser img {
display: none;
}
 
/* changes content before linked usernames */
.ljuser:before {
content: "";
}
 
/* removes date */
.entrybox td.index, .index3 {
display: none;
}
 
/* moves date */
.index2 {
display: block;
font-family: 'helvetica';
font-size: 6px;
line-height: 7px;
text-align: left;
text-transform: uppercase;
}
 
/* mood & music. */
.entrybox td.meta {font-family:helvetica; font-size:8px; text-transform:uppercase; line-height:7px; color:#333; opacity:.8; letter-spacing: 1px; font-weight: lighter; padding:0px;}
 
/* comments */
.comments {
font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px; 
padding-top: 3px;
padding-bottom: 8px;
}
 
/* navigation - hides navigation */
.index {
color: #ddd;
font-family: 'helvetica';
font-size: 5px;
line-height: 6px;
text-transform: uppercase;
}
 
/* viewing - hides viewing */
.meta {
color: #f6f6f6;
font-family: 'helvetica';
letter-spacing:.5px;
font-size: 8px;
line-height: 7px;
text-transform: uppercase;
}
 
/* changes friend icons */
.index img {
height: 85px;
width: 85px;
}

/* sidebar */
#sidebar{position: relative; visibility: visible; top:-847; right: 100; height: 10;margin-bottom:0px;}
#info{ position: relative; visibility: visible; z-index:-100; top:-65 ; left: -135;  width: 310; margin-bottom:-10px; font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; background:url(http://i.imgur.com/jMVT6eM.png); border-radius: 5px 5px 5px 5px; padding:6px; text-align:justify;}}

#links {
position:relative;
visibility: visible;
top: 30;
left: -200;
width:300px;
border: 1px solid rgba(122,124,144, .3);
background: rgba(122,124,144, .2);
}
#gation{position:relative; visibility: visible; top:-265px; left: -125px; z-index:97; height:0px;}

#image {
position:relative;
visibility: visible;
top: -90px; left: 150px; z-index: -100; height:0px;
}

/* lj icons */
.ljuser img{display:none;}

/* friends only and private locks */
.caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}  
.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
p table table td.caption img {height: 9pt; width: 8pt;}
 
/* removes date */
.entrybox td.index, .index3 {
display: none;
}

/* moves date */
.index2 {
display: block; 
font-family: 'consolas'; 
font-size: 9px; 
line-height: 10px; 
text-align: left; 
text-transform: uppercase;
}

/* viewing - hides viewing */
.meta {
color: transparent;
font-family: 'book'; 
font-size: 6px; 
line-height: 1px; 
text-transform: uppercase;
}

/* navigation - hides navigation */
.index {
color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 6px; 
line-height: 1px; 
text-transform: uppercase;
}
.meta {
color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 7px; 
line-height: 1px; 
text-transform: uppercase;
}

.index {color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 7px; 
line-height: 1px; 
text-transform: uppercase;
}

/* subject line. */
p table table td.caption{
font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px;  text-align:justify;
}

/* header */
.communities{font-family: Righteous, Sigmar One; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 590px; display: block; position: absolute; left: 0px; top: 0; left: -70;
  padding: 5;}
.communities{width: 590px; display: block; position: absolute;top:40; left: 0; padding: 5;}

a.tooltips {
position: relative;
display: inline;
}
 
a.tooltips span {
background-image: url('');
width: 30px;
color: #222222;
font-size: 44px;
height: 34px;
line-height: 14px;
padding: 2px;
position: absolute;
text-align: left;
visibility: hidden; text-transform: lowercase;
width:;
}
 
a:hover.tooltips span {
margin-left: 485px;
margin-top: -35px;

visibility: visible;
 
}

/* sidebar & navigation */

#nav {;margin-left: 0px; display: inline; visibility: visible; position:relative;}

/* highlighting */
::selection {background-color: rgba(254, 253, 253, 0.0); color: #777;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<style>

</div>
<div id="info">this is a small gpsl based off of the tv show misfits. this gpsl takes place in chicago, illinois. on april 10th a group of young offenders were meeting with their issued community service officer to discuss the terms of their probation. while outside listening to the officer discuss the terms of their community service for the day, the sky turned dark and a thunderstorm began. the thunderstorm turned into a hailstorm, one of the worst hailstorms to hit chicago. for the people who were unfortunately caught outside in the hailstorm they will never be the same again.
</div>

<div id="gation">
              <a href="LINK" title="home"><img src="http://i.imgur.com/FXn43em.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
<a href="LINK" title="rules & guidelines"><img src="http://i.imgur.com/fR7XvcW.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
<a href="LINK" title="taken list"><img src="http://i.imgur.com/895C3en.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
<a href="LINK" title="activities"><img src="http://i.imgur.com/RxB9ToI.png" style="width:25px; display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
<a href="LINK" title="members"><img src="http://i.imgur.com/tLYqIno.png" style="width:25px;  display:inline; padding-right: 30px; padding-bottom: 7px;"></a>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>20

LASTN_WEBSITE<=

<style>

<=LASTN_WEBSITE

FRIENDS_OPT_ITEMS=>20

GLOBAL_HEAD<=
<title>YOUR TITLE</title>
<link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
 <link rel="stylesheet" href="http://static.tumblr.com/ka9lhku/LLznobbfi/untitled_2.css">
<link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://i.imgur.com/b6d161A.png">

<style>

/* the original layout creator is unknown, but adjustments and tweaks made by squirtle@ij -- please do not remove the credit! */

@font-face{font-family: script; src:url(https://dl.dropboxusercontent.com/s/jrmdjlrdih5517n/GuldScript.ttf);}

</style>

<style>

/* credit: lilyj, please rehost your fonts and drop me a comment if you need help with that! */
 
/* credit: coding/ell/laurel. overhauls: rianna */

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#623d66, #d9c8dc); 
    background: -o-linear-gradient(#623d66, #d9c8dc); 
    background: -moz-linear-gradient(#623d66, #d9c8dc);
    background: linear-gradient(#623d66, #d9c8dc);
	}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
 
/* justifies the text */
tr {text-align:justify;}

/* entrybox */
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);
box-shadow: 0px 0px 1px #c7c7c7;}
 
/* main links under field name */
table table table td.meta {font-size:0px;line-height:0px;}
p table.entrybox table table td.meta, table table table td.meta a {font-size: 6px;
letter-spacing: 1px; line-height: 7px; font-family: helvetica;}
 
/* hides top title and extra text around name field links */
.entrybox td table td.index, tr.caption, table table td.index {visibility: hidden;}
table table tr.caption td.index{visibility: hidden;} tr.caption {display: visible;}
 
/* font */
td {font-family: helvetica;
font-size:11px;
line-height:10px;
 color:#351837;}
body, td {color:#393232;
font-weight:normal !important;}
 
/* upper right links */
.index{font-size: 7px;
text-transform: uppercase;
letter-spacing: 1;
font-family: helvetica;
line-height: 7px;
color:#f9f9f9;}
 
/* subject */
p table table td.caption{font-family: helvetica;
 letter-spacing: 1px;
text-transform: uppercase;
font-size: 7px;
color: #000000; 
font-weight: heavy !important;}
 
/* namefield. */
.shadowed td div {font-family: script;
font-size: 38px;
line-height: 12px;
color: #351837;
text-shadow: 0px 0px 2px #b89fcb;
font-weight: none;
margin-top: 0px;}
.shadowed td div img {box-shadow: 0 0 0 !important;}
 
/* comments. */
.comments {font-family: helvetica;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
text-transform: uppercase;}
 
b {font-weight:normal !important;}

/* link effects. */
a, a:visited, a:active {color: #000000;
 text-decoration: none;
-webkit-transition-duration: 1.5s; 
-moz-transition-duration: 1.5s; 
transition-duration: 1.5s;}

a:hover{color: #000000; 
text-shadow:1px 1px 1px #999999;
cursor: default;
text-decoration: none;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
transition-duration: 1.5s;}

/* USERICONS & LOCKS - note: this pulls your default icon. */
    .shadowed img, .index img {
      border-radius: 0px; 
      opacity:1.0; 
      filter:alpha(opacity=100); 
      height: 65px; /* ADJUST SIZE OF ICON */
      width: 65px; /* ADJUST SIZE OF ICON */
    }

.shadowed img {
      border-radius: 100px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
      -webkit-border-radius: 100px; 
      -moz-border-radius: 100px; 
      padding: 0px; 
      box-shadow: 0 0 1px #404040; 
      position: relative;
      z-index: 5;
    }

p table table td.caption img {
      height:6px; 
      width:7px; 
      opacity:0.7;
    }

/* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
    img[src*="img/userinfo.gif"] {
      width: 0 !important; 
      height: 0 !important; 
    }

img[src*="img/community.gif"] {
      width: 0 !important; 
      height: 0 !important;
    }

/* OPACITY FOR IMAGES */
    img { 
      border: 0px; 
      opacity:0.7; 
      filter:alpha(opacity=70);
      border-radius:3px; 
      -webkit-border-radius:3px; 
      -moz-border-radius:3px; 
      -moz-transition: all 1.0s ease-out; 
      -o-transition: all 1.0s ease-out; 
      -webkit-transition: all 1.0s ease-out; 
      transition: all 1.0s ease-out;
    }

/* FRIENDS PAGE ICON BACKGROUND/FONT */
    .entrybox a.index {
      background:transparent; 
      color:#808080; 
      font-size:8px;
    }

/* CSS */
    #horns {
      position:absolute; 
      top: 20px; 
      margin-left: -190px;
      visibility: visible;
      z-index: 1;
}

#poke {
      position:fixed; 
      top: 17px; 
      margin-left: 175px;
      visibility: visible;
      z-index: 1;
}
 
 
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<div id="poke" style="width: 75px;">
  <img src="http://i.imgur.com/jEcNWPS.png" style="display: block;margin-top: -10px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 70px;width: 70px;">
</div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>20

LASTN_WEBSITE<=

GLOBAL_HEAD<=
<link rel="shortcut icon" href="https://i.imgur.com/0ebvK7j.png">
<title>title</title>
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" type="text/css">
<link href="https://codester.neocities.org/fonts/sugarcandy.css">

/* original code credit: coding/ell/laurel/weisman
   edits: squirtle@ij */
/* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij  */

body {  background-image:url();
  background-color:#e4d7e7;
  background-attachment: fixed !important;
  font-family: helvetica, arial;
  font-size: 11px;
  line-height: 12px;
  color:#333;}
table {border:0px solid #d9c8dc;} table table {border:0;}

tr {text-align:justify;} .entrybox {width:594px;} .index2, a.index {visibility:visible !important;}

table table table td.meta {font-size:0px;line-height:0px;} 
p table.entrybox table table td.meta, table table table td.meta a {font-size:8px;letter-spacing:1px;line-height:8px;margin-top:-4px;} 
table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {visibility:hidden;} 
table table table td.meta a {font-size:6px;font-family: helvetica, arial; line-height:7px;z-index:1; color: rgba(103, 70, 135, 0.7);}

.entrybox, .shadowed {
  background-color: rgba(0,0,0,0.02);
  box-shadow:#7a4f82 1px 1px 0px;
  border-width: 0px 2px 0px 3px;
  border-style: solid;
  -webkit-border-image: -webkit-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;
  -moz-border-image: -moz-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;  
  -o-border-image: -o-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;
  border-image: linear-gradient(to top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;}

.entrybox td.index, .index3{display:none;}

.entrybox img {max-width: 580px;}

/* body text */
tr, td, table, body {padding:1px; font-family: helvetica, arial; font-size: 11px; line-height:12px; color:#333;}

/* subject lines */
p table table td.caption {font-family: montserrat, helvetica, arial; font-size:16px; color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 4px rgba(0,0,0,0.02); letter-spacing: 1px; margin-bottom: -4px; line-height: 15px; font-weight: 500; text-transform:uppercase;}

/* namefield. */
.shadowed td div {font-family: spooky; text-transform: none; padding-bottom: 10px; font-size: 40px; letter-spacing: 2px; line-height: 10px; color: #674687; text-shadow: 3px 2px 1px rgba(231, 113, 54, 0.9); z-index:9999; margin-top: 10px;}

/* all misc little text */
p.index, .index, tr.caption, .meta, td.meta, .comments, .index2 {font-family: montserrat, helvetica, arial; font-size: 7px; line-height:7px; text-transform:uppercase; padding:0px;}
.index2 {padding:0 2 0 2;display:block;text-align:left; color: rgba(0, 0, 0, 0.5);}

/* image effects */
img {
  -moz-transition: all 2.0s ease-out;
  -o-transition: all 2.0s ease-out;
  -webkit-transition: all 2.0s ease-out;
  transition: all 2.0s ease-out;
}

img:hover {
  -webkit-filter: grayscale(65%);
  -moz-filter: grayscale(65%);
  -o-filter: grayscale(65%);
  -moz-transition: all 2.0s ease-out;
  -o-transition: all 2.0s ease-out;
  -webkit-transition: all 2.0s ease-out;
  transition: all 2.0s ease-out;
}

/* link effects. */
A, a.caption, a.index {
  color: #674687;
  text-decoration: none;
  -moz-transition: all 1.0s ease-out;
  -o-transition: all 1.0s ease-out;
  -webkit-transition: all 1.0s ease-out;
  transition: all 1.0s ease-out;
}

A:hover {
  color: #e77136;
  text-decoration: none;
  -moz-transition: all 1.0s ease-out;
  -o-transition: all 1.0s ease-out;
  -webkit-transition: all 1.0s ease-out;
  transition: all 1.0s ease-out;
}

/* usericons & locks. */
.shadowed img{width: 65; height: 65; border: 0; -moz-border-radius: 1px; opacity:1.0;  -webkit-transform: rotate(-2deg); filter:alpha(opacity=100); -webkit-border-radius: 1; padding:4px 4px 10px 4px; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231, 113, 54, 0.4)), color-stop(100%,rgba(103, 70, 135, 0.7))); -webkit-backface-visibility: hidden; box-shadow: 1px 1px 2px #d4c8c0; }

p table table td.caption img {height:6px; width:6px; opacity:0.7;}

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url('👻') no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;opacity:0.8;}

img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url('👻') no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;}

/* friends page icons & users. */
.entrybox a.index {background:rgba(250,250,250,0); color:#333; font-size:8px;}

/* color when selecting */
::selection {
  color:#f0d0e6;
  text-shadow:#CCC 1px 1px 1px;
}

::-moz-selection {
  color:#f0d0e6;
  text-shadow:#CCC 1px 1px 1px;
}
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url();background-color:#EEE;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px #ccc;background-image:url();border-radius:0px;background-color:#20bdbc;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* friends page icons - first edits the background of the icon/un box; second edits how the icon looks; keep this here to keep it from affecting your whole layout */
.entrybox table table table td {background-color: transparent; padding-bottom:8px;}
.entrybox table table table td img {border-radius:80px; box-shadow: 1px 1px 2px 1px #cccccc; width:70; height:70; opacity:0.8; margin-bottom:2px;}

</style>

<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>5

FRIENDS_WEBSITE<=

<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>20

LASTN_WEBSITE<=

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>taylor can't come to the phone right now.</title>
<link rel="shortcut icon" href="https://i.imgur.com/8jmE9Ol.png">
 <link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/holland.css">

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#f3dbdf, #f5a2a2);
    background: -o-linear-gradient(#f3dbdf, #f5a2a2);
    background: -moz-linear-gradient(#f3dbdf, #f5a2a2);
    background: linear-gradient(#f3dbdf, #f5a2a2);
    }
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
 
/* subject lines */
td.caption{font-family: holland; letter-spacing: 1px; text-transform: lowercase; font-size: 32px; color: #787878; }
 
/* body text */
td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;}
body, td {color:#000000; font-weight:normal !important;}
 
/* link effects */
a{color: #b4dce3; text-decoration: none; text-shadow: 0px 1px 0px #ddd; font-weight: bold;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
a:hover{color: #94b0f4; text-decoration: none; font-weight: bold;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
 -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
/* entry box */
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;}
table table table td.meta {font-size:0px;line-height:0px;}
.entrybox {width:594px;}
.date, a.index {visibility:visible !important;}
table table table td.meta {font-size:0px;line-height:0px;}
table {border: none; }
table table, table table td {border: 0;}
table{margin-bottom: -3px;}
 
table, tr {padding:0px; margin-bottom: 1px;}
td, .entrybox {padding: 1px; margin-top: 0px;}
.entrybox td.index {visibility:hidden;}
.entrybox td.index, .index3{visibility:hidden;}
table table table td.meta {font-size:0px;line-height:0px;}
table table table td.meta a {visibility:hidden;}
 
/* entrybox borders */
.entrybox {
background: url();
background: #fff;
padding-left:10px;
padding-right:10px;
padding-bottom:-5px;
padding-top:-2px;
box-shadow: 0 0 1px #e0e0e0;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;
width: 594x;}
 
/* mood & music. */
.entrybox td.meta {display: none;}
 
/* comments */
.comments {font-family: helvetica, helvetica, monaco; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;}
 
/* all misc little text */
.index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; }
 
/* date & time */
.date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
.dated {display:none;}
.dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
 
/* friends page icons & users. */
.entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;}
.index img{ width: 80px; height: 80px;}
 
/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}

/* usericons & locks. */
.ljuser img {display: none;}
.ljuser:before {content: "";}
.caption img{width:7px; height:7px;}
 
/* headerbox borders */
.shadowed {width: 600px;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;}
.shadowed img {display: none;}
 
 /* main links under field name */
.links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50;  text-shadow: 1px 0px 1px #fff;  text-transform: uppercase; text-align: center;  background: rgba(255, 255, 255, 0.6);  line-height: 10px; box-shadow: 1px 0px 1px #ccc; }
 
/* ~ines header box edits */
#title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;}
#subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;}
#title2{position:absolute; visibility: visible;margin-left: -150px;}
#icon{position:absolute; visibility: visible; top:15px; left: 51%; margin-left: -145px; z-index:0;}
#nye {visibility: visible; top:10px; margin-left:-22px;}
 
/* button style properties */
td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
 
/* cursor */
body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
 
</style>
 
 
 
 
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
 
 
<style>
 
 
.links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
.gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
.gifs:hover {filter: none; -webkit-filter: grayscale(0);}
#lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
#nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
.gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
.side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
#persona{position:absolute; visibility: visible; top:150px; left:38.0%; margin-left: -450px; width: 180px;}
#navvy{position:absolute; visibility: visible;  top:100px; left:950px;  z-index:0;}
#back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
#front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
#name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: just lovely; font-size:55pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 2px #888; left: 50%;}
#links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px;    text-transform: lowercase; line-height: 6.5px; left: 50%;}
#extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
</style>
 
<div id="persona"><img src="https://i.imgur.com/czcD1ae.png" width="300" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
 
<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#b4dce3;">reputaytion</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/XauZcaF.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/36061862/4157498" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
 
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
 
<style>
 
 
.links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;}
.gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;}
.gifs:hover {filter: none; -webkit-filter: grayscale(0);}
#lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;}
#nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;}
.gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;}
.side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;}
#persona{position:absolute; visibility: visible; top:150px; left:38.0%; margin-left: -450px; width: 180px;}
#navvy{position:absolute; visibility: visible;  top:100px; left:950px;  z-index:0;}
#back{position:absolute; visibility: visible; top: 15px; margin-left: 50px; left: 50%;}
#front{position:absolute; visibility: visible; top: 15px; margin-left: 75px; left: 50%;}
#name{position:absolute; visibility: visible; top: 40px; margin-left: -20px; font-family: just lovely; font-size:55pt; letter-spacing:0px; text-transform: none; text-shadow: 0px 1px 2px #888; left: 50%;}
#links{position:absolute; visibility: visible; top: 45px; margin-left: -115px; font-family: arial; font-size: 6pt; letter-spacing: .5px;    text-transform: lowercase; line-height: 6.5px; left: 50%;}
#extra1{position:absolute; visibility: visible; top: 32px; margin-left: -130px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
#extra2{position:absolute; visibility: visible; top: 15px; margin-left: 5px; font-family: swish; font-size:40pt; letter-spacing:2px; text-transform: none; text-shadow: 0px 1px 0px #888; left: 50%;}
</style>
 
<div id="persona"><img src="https://i.imgur.com/czcD1ae.png" width="300" style="border-radius: 0px; opacity: 0.8; display:inline;"></div>
 
<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#b4dce3;">reputaytion</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://atay.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/XauZcaF.png" style="width: 100px; height: 100px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/36061862/4157498" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>TITLE</title>
<link rel="shortcut icon" href="https://i.imgur.com/dmryhkz.png">
<link rel="stylesheet" href="https://codester.neocities.org/fonts/penn.css">
<link rel="stylesheet" href="https://codester.neocities.org/fonts/sugarcandy.css">
<link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/tiny.css">
<link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/quentin.css">
<link rel="stylesheet" href="https://codiefoster.neocities.org/fonts/saturday.css">
 
 
 
<style>
 
/*original credit: marak@ij & ines@ij with heavy edits: squirtle@ij*/
/* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */
 
@font-face{font-family: luna; src:url("https://dl.dropbox.com/s/prmkdnys12li2qs/Shorelines%20Script%20Bold.otf");}
@font-face{font-family: usagi; src:url("https://dl.dropbox.com/s/irdsm7xbimzcpbj/rose_of_baltimore.ttf");}
@font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");}
@font-face{font-family: streamster; src:url("https://codester.neocities.org/fonts/streamster.css");}
@font-face{font-family: sugar candy; src:url("https://codester.neocities.org/fonts/sugarcandy.css");}
@font-face{font-family: sunfast; src:url("https://codester.neocities.org/fonts/sunfast.css");}
@font-face{font-family: billy ohio; src:url("https://codester.neocities.org/fonts/billyohio.css");}
@font-face{font-family: erica; src:url("https://codester.neocities.org/fonts/erica.css");}
 
 
/* background */
body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#fd3a31, #ff8d4e, #1a0e18);
    background: -o-linear-gradient(#fd3a31, #ff8d4e, #1a0e18);
    background: -moz-linear-gradient(#fd3a31, #ff8d4e, #1a0e18);
    background: linear-gradient(#fd3a31, #ff8d4e, #1a0e18);
    }
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
 
/* subject lines */
td.caption{font-family: tiny; letter-spacing: 1px; text-transform: lowercase; font-size: 16px; color: #2f1b47; }
 
/* body text */
td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;}
body, td {color:#000000; font-weight:normal !important;}
 
/* link effects */
a{color: #6f4792; text-decoration: none; font-weight: normal;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
-webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
a:hover{color: #5c377c; text-decoration: none; font-weight: bold;
-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out;
 -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
 
/* entry box */
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;}
table table table td.meta {font-size:0px;line-height:0px;}
.entrybox {width:594px;}
.date, a.index {visibility:visible !important;}
table table table td.meta {font-size:0px;line-height:0px;}
table {border: none; }
table table, table table td {border: 0;}
table{margin-bottom: -3px;}
 
table, tr {padding:0px; margin-bottom: 1px;}
td, .entrybox {padding: 1px; margin-top: 0px;}
.entrybox td.index {visibility:hidden;}
.entrybox td.index, .index3{visibility:hidden;}
table table table td.meta {font-size:0px;line-height:0px;}
table table table td.meta a {visibility:hidden;}
 
/* entrybox borders */
.entrybox {
background: url(http://i.imgur.com/eLjRmuC.png);
background: #fff;
padding-left:10px;
padding-right:10px;
padding-bottom:-5px;
padding-top:-2px;
box-shadow: 0 0 1px #e0e0e0;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;
width: 594x;}
 
/* mood & music. */
.entrybox td.meta {display: none;}
 
/* comments */
.comments {font-family: helvetica, helvetica, monaco; font-size: 7px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;}
 
/* all misc little text */
.index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; }
 
/* date & time */
.date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
.dated {display:none;}
.dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
 
/* friends page icons & users. */
.entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;}
.index img{ width: 80px; height: 80px;}
 
/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
 
 
/* usericons & locks. */
.ljuser img {display: none;}
.ljuser:before {content: "";}
.caption img{width:7px; height:7px;}
 
/* headerbox borders */
.shadowed {width: 600px;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;}
.shadowed img {display: none;}
 
 /* main links under field name */
.links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50;  text-shadow: 1px 0px 1px #fff;  text-transform: uppercase; text-align: center;  background: rgba(255, 255, 255, 0.6);  line-height: 10px; box-shadow: 1px 0px 1px #ccc; }
 
/* ~ines header box edits */
#title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;}
#subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;}
#title2{position:absolute; visibility: visible;margin-left: -150px;}
#icon{position:absolute; visibility: visible; top:10px; left: 51%; margin-left: -145px; z-index:0;}
#nye {visibility: visible; top:8px; margin-left:-21px;}
 
/* button style properties */
td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;}
 
/* cursor */
body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}
 
</style>
 
 
 
 
<=GLOBAL_HEAD

<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#6f4792; text-shadow: #dedede 1px 1px 1px;">namefield</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/tZEWlqY.png" style="width: 105px; height: 105px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/35766995/4189247" style="width: 70; height: 70; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=FRIENDS_WEBSITE

<div id="back"><img src="" align="right"></div>
<div id="front"><img src="" style="height: 60px; width: 60px; border-radius:60px;"></div>
<div id="name"><font style="color:#6f4792; text-shadow: #dedede 1px 1px 1px;">namefield</font></div>
<style>
 
 
table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
/* header style */
.title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: usagi;  font-size: 30px;  line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;}
.sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; }
</style>
 
 
 
<tbody><tr><td colspan="0" valign="middle" align="center">
<table style="margin-bottom:-14px;" width="“600"" height="100" cellspacing="0" cellpadding="0" border="0" align="center">
 
<tbody><tr><td colspan="5" valign="bottom" align="center">
<table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”">
<tbody><tr><td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/">entries</a></center></td>
<td cellpadding="“0”" class="“interior”" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/2017/01/01/">customs</a></center></td>
<td cellpadding="“0”" class="interior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/profile">info</a></center></td>
<td cellpadding="“0”" class="exterior" width="“50"" valign="top" background=""><center><a class="title2" href="http://USERNAME.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr>
 
<tr><td rowspan="2" width="160" valign="left">
<div id="nye" style="z-index: 99; text-align: justify;"><img src="https://i.imgur.com/tZEWlqY.png" style="width: 105px; height: 105px; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(0deg); -ms-transform: rotate(0deg);  -webkit-transform: rotate(0deg);"></div>
<div id="icon" style="z-index:98;"><img src="http://www.insanejournal.com/userpic/35766995/4189247" style="width: 70; height: 70; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div>
</td>
 
<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div>
</font></td></tr>
</tbody></table></td></tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif">
<title>Demi Lovato</title>

<style>

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-
 
/* coding by zt@ij + edits by inston@ij and further edits by daz in chrome */
 
/* fonts -- please upload your own! */
@font-face {font-family: "lego"; src: url("http://static.tumblr.com/jrhzwx2/LnOn9g9g1/kglegohouse.ttf");}
@font-face {font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
@font-face {font-family: "Cookie", cursive; src: url("https://fonts.googleapis.com/css?family=Cookie"); }

/* background */
body{background:#ece9f0 url(http://i.imgur.com/0DdFMTI.gif) repeat bottom left fixed;}
 
/* font throughout the layout */
td{color:#7a7a7a; font-family: arial; font-size: 12px; line-height: 12px;}
 
/* aligns all the words */
tr{text-align:justify;}
 
/* tables */
table{margin-bottom: -9px;}
 
/* links */
a{color: #447294; text-decoration: none; -moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out;}
a:hover{color: #ffffff; padding:1px; text-decoration: none; -moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out;}
 
/* top right links */
.index{font-family:consolas; text-transform: uppercase; font-size: 0px; font-family: consolas; letter-spacing: 0px; line-height: 0px;}
 
/* removes top left */
table table tr.caption td.caption{display: none;}
 
/* header box */
.shadowed{background: ;}

/* icon */
.shadowed img{display:none;}
 
/* fieldname */
.shadowed td div{letter-spacing:+1; color:#7a7a7a; font-size: 9px; font-family:lego; line-height:9px; text-transform: uppercase;}

/* mood & music. */
.entrybox td.meta {font-family:consolas; font-size:8px; line-height:9px; text-transform:uppercase; color:#7a7a7a; background-color:none;}

/* subject */
p table table td.caption{letter-spacing:+1; color:#7a7a7a; font-size: 15px; font-family:lego; line-height:14px; text-transform: lowercase;}

/* lock image */
p table table td.caption img{width: 4pt; height: 4pt;}
 
/* date & time. */
.entrybox td.index, .dated {display:none;}
.dates {width:100%; font-family: consolas; font-size: 8px; letter-spacing: 1px; line-height: 7px; text-transform:uppercase; text-align:right; color:#000; text-shadow:#ccc 1px 1px 1px; 
display:block;}

/* friends page icons & users. */
.entrybox a.index {color:#7a7a7a; font-family:consolas; font-size:8px; line-height:7px; text-transform:uppercase; letter-spacing: 0px; padding:0px;} 
 
/* entrybox */
.entrybox{box-shadow: 1px 0px 1px #eee; border-radius:0px; background: url('http://i.imgur.com/tM9l5a6.png');}
 
/* comments */
.comments{letter-spacing:+1; text-transform: lowercase; font-size: 12px; font-family:lego; line-height:12px; padding-top: 3px; padding-bottom: 8px;}

/* viewing */
.meta{text-transform: uppercase; font-size: 7px; font-family: lego; letter-spacing: 1px; line-height: 0px; color:ece9f0;}
 
/* lj user icon */
.ljuser img{display: none;}
 
/* image effects */
img {-moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out;}
img:hover {-webkit-transform: filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%); -moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out;}
 
 ::selection {color:#ffffff; background-color:#f2f2f2; }
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px #ffffff; border-radius: 0px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 13px #f2f2f2; border-radius: 0px;}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>

table table table table .meta {visibility:hidden; position:absolute; top:1px}
table table table table table .meta {visibility:visible; position:relative; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
 
.top2 {text-shadow: 1px 0px 1px #808080; color:#c32523; font-family:stars, arial narrow; letter-spacing:1px; font-size:30px; line-height:20px; text-transform:lowercase;}
.text {font-family:consolas; font-size: 10px; line-height:12px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#7a7a7a;}
.gifs {border-radius:3px; filter: alpha; width:177px; align:center; box-shadow: -2px -2px 1px #94cbe0, 2px 2px 1px #94cbe0;}
#nav{position:absolute; visibility: visible; top:50px; right:55.0%; margin-right: -565px; z-index:0; text-align:justify; width:177px;}
#hearts{position:absolute; visibility: visible; top:5px; right:20.5%; margin-right: -80px; z-index:0; text-align:justify; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg);}
</style>

<tr><td valign="bottom" colspan="5" width="610" height="40">
<table align="center" cellspacing="0" border="0" style="" align="center" cellspacing="0" border="0" cellpadding="0">
<tr><td align="justify">
<p><font class="top2"><span style="color:#447294;">c</span><span style="color:#4c7a9c;">o</span><span style="color:#5582a4;">o</span><span style="color:#5582a4;">l </span> <span style="color:#5d8bac;">f</span><span style="color:#6593b4;">o</span><span style="color:#6e9bbb;">r</span> <span style="color:#76a3c3;">t</span><span style="color:#5582a4;">h</span><span style="color:#7eaccb;">e</span> <span style="color:#87b4d3;">s</span><span style="color:#5582a4;">u</span><span style="color:#8fbcdb;">m</span><span style="color:#447294;">m</span><span style="color:#4c7a9c;">e</span><span style="color:#5582a4;">r</span></div></div></div></font></p>
<div id="nav"><a href="/profile"><img src="https://49.media.tumblr.com/d8ef9e46415f764275117dfa1533fd9f/tumblr_nu4g35ZYjn1upgz25o2_500.gif" class="gifs" style="display:inline;"></a><br>
<font class="text"><br><b><a href="http://lvtdd.insanejournal.com/friends"> Got my mind on your body and your body on my mind, got a taste for the cherry, I just need to take a bite.</a></b>
</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>20

LASTN_WEBSITE<=
<style>

</td></tr></table></td></tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=

<title>bieber</title>

<style>

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} /* End http://www.cursors-4u.com */
/* layout by ~inston with major edits by ~iris! */

@font-face {
  font-family: 'Unica One';
  font-style: normal;
  font-weight: 400;
  src: local('Unica One'), local('UnicaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/unicaone/v2/z3VYemEbD7zsQFQLG6g3SrO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');}

@font-face { 
  font-family: "Code";
  src: local("☺"),
       url("http://typefront.com/fonts/825591857.ttf") format("truetype");}

@font-face {
  font-family: "volstead";
  src: local("☺"),
       url("http://typefront.com/fonts/825592141.ttf") format("truetype");}

body {background-image: url(http://i.imgur.com/0WwKClZ.png); color:#1d1d1d; overflow-x: hidden;}
table { margin-bottom: -3px;}
td {font-family: helvetica; font-size: 11px; line-height:13px; background-color: transparent;}
.index img {border-radius:5px; height:75px; width:75px;}
.entrybox {background-image:url(http://i.imgur.com/VDCaa9M.png); box-shadow:0px 0px 3px #006089; border-radius:5px;}
.shadowed img {display:none;}

/* links */
a:link, a:active, a:visited
    {color: #006089; text-shadow: 0px 0px 2px #006089; text-decoration: none; 
     -o-transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s;}

a:hover 
    {color:#6FC1E5; text-shadow: 1px 1px 2px #294F5F; text-decoration:none;
    -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -ms-transition-duration: 0.9s;}

/* subject  */
p table table td.caption {font-family:consolas; font-size: 10px; line-height: 2px; text-transform: uppercase; letter-spacing: 1px; color: #1b1b1b; border-radius:4px; text-shadow:0px 0px 1px #000; background:url(http://i.imgur.com/U6O5I2u.png);}

/* time and date */
.entrybox td.index{display:none;}

/* mood & music. */
.entrybox td.meta {font-family:consolas; font-size: 8px; text-shadow: 0px 0px 2px #000000; color: #1b1b1b; line-height: 8px; text-transform: uppercase;}

/* comments */
.comments {font-family:consolas; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; text-shadow:0px 0px 1px #000;}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:#fbfbfb; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}

/* usericons & locks. */
.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 8px 10px 0; background: url(http://i.imgur.com/M4QWs.gif);}
.ljuser img {display:none;}
.ljuser:before {content: "#"; text-shadow: #cccccc 1px 1px 2px;}

/* aligns all text */
tr {text-align:justify;}

/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}
.fancy {font-family: volstead, homemade apple, arial; font-size: 24px; line-height:22px; color:#006699; text-shadow:none; align:left;}
.linkies{font-family: consolas, unica one; font-size: 10px; line-height:16px; color: #2A3C4A; text-shadow: 0px 0px 2px #000; letter-spacing: 1px;text-transform:uppercase;}
#pics{position:relative; visibility: visible; top:22px; left:-140px; z-index:97; height:0px; width:130px;opacity:0.6; filter:alpha(opacity=60); transition-duration: 0.6s; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
#pics:hover{opacity:1; filter:alpha(opacity=100); transition-duration: 0.6s; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
#line{position:relative; visibility: visible; top:-2px; left:0px; z-index:99; width:600px; height:25px;}

.oop {text-align: left; vertical-align: top; color: #1b1b1b; text-shadow:0px 0px 1px #000; weight: bold; 
        font-family: consolas; font-size: 8px; line-height: 8px;}

.cal {font-family: consolas; font-size: 8px; line-height: 10px; letter-spacing: 1px; opacity: 0.0; padding-left: 1px; 
       display: inline; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
 
td.oop:hover .cal {font-family: consolas; font-size: 8px; text-shadow:0px 0px 1px #000; line-height: 8px; text-transform: uppercase; opacity: 1.0;  width: auto; text-align: left; padding-left: 1px; color: #000000;
       display: inline; transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; left:-20px;}

div.oop:hover .cal {opacity: 1.0;  width: auto; text-align: justify; padding-left: 1px; color: #000000;
      display: inline; transition-duration: 0.6s; -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s; left:-20px;}
</style>

<=GLOBAL_HEAD

LASTN_WEBSITE<=

<style>

<div id="line" class="oop">
<center><font class="fancy"><br>Where would I be if you didn’t believe?</font>
</div>

<div id="pics" class="oop" style="text-align:justify;" align="justify">
<a href="http://justinb.insanejournal.com/"><img src=" http://31.media.tumblr.com/238c08542d88bb56a725222fe0fda233/tumblr_n7x72wFvqj1s0aq9qo2_250.gif " style="width:55px; display:inline;  border-radius:3px; padding:2px; border:1px solid #87A3BA; box-shadow:0px 0px 1px #CBAC9D; background:#F4F0ED;"></a>
<a href="http://justinb.insanejournal.com/profile"><img src=" http://31.media.tumblr.com/73f0dc2bcb425153b70691e9e8d05ce2/tumblr_n7x72wFvqj1s0aq9qo4_250.gif " style="width:55px; display:inline;  border-radius:3px; padding:2px; border:1px solid #87A3BA; box-shadow:0px 0px 1px #CBAC9D; background:#F4F0ED;"> </a><br>
<a href="http://justinb.insanejournal.com/friends"><img src=" http://33.media.tumblr.com/db72638dc0b0e9796cf52186e05eb88f/tumblr_n7x72wFvqj1s0aq9qo3_250.gif " style="width:55px; display:inline;  border-radius:3px; padding:2px; border:1px solid #87A3BA; box-shadow:0px 0px 1px #CBAC9D; background:#F4F0ED;"> </a>
<a href="http://justinb.insanejournal.com/2014/07/01"><img src=" http://33.media.tumblr.com/572bdc899f3adcb7c561ffecb8c093fa/tumblr_n7x72wFvqj1s0aq9qo1_250.gif " style="width:55px; display:inline;  border-radius:3px; padding:2px; border:1px solid #87A3BA; box-shadow:0px 0px 1px #CBAC9D; background:#F4F0ED;"> </a><br>
<span class="cal"> I don't know how I got here, I knew it wouldn't be easy, But your faith in me was so clear, It didn't matter how many times I got knocked on the floor, But you knew one day I would be standing tall, Just look at me now.</span>
</div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=

<title>ʜᴇʀ ʟɪᴘsᴛɪᴄᴋ sᴛᴀɪɴs ʟɪᴋᴇ ᴀᴄɪᴅ ʀᴀɪɴ</title>
<link href="http://fonts.googleapis.com/css?family=Hind|La+Belle+Aurore" rel="stylesheet" type="text/css">

<style>

/* background, main font throughout the layout, text alignment */
body{background: url('http://i.imgur.com/6ElD8H6.png'); background-color:#f4f4f4; overflow-x: hidden; margin-top: 0px;}
td{font-family: calibri; font-size: 11px; line-height: 11px; color: ;} tr{text-align:justify;} table{margin-bottom: -5px;}  b{font-weight: normal;}

/* cursor */
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* link colors */
a{color: #83c4d8; text-shadow: 1px 0px 1px #a4d9e9; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
a:hover{color: #000000; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}

/* the top box, removes the default icon */
.shadowed{height: 0px;} .shadowed img{display: none;}

/* main entrybox */
.entrybox{width: 600px; border-width: 0px 0px 3px 0px; border-image: url(http://i.imgur.com/fht6KVU.jpgg) 7 repeat; padding: 0px; background-image: url(http://i.imgur.com/cHK8wqH.png); box-shadow: 0 0 1px #dddddd;}

/* subject line */
p table table td.caption{font-family: Hind; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 9px; padding: 0px; text-indent: 5px; display: block; color: #000000;}

/* comments */
.comments{font-family: Hind; font-size: 9px; text-transform: uppercase; line-height: 9px; letter-spacing: 1px; padding-bottom: 4px; padding-right: 0px;}

/* tiny text -- the bottom of the page (navigation) and on the fp the community and username */
.index, .meta {font-family: Hind; font-size: 8px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; }
table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top: -5px;}

/* friends page icon */
.index img{width: 65px; height: 65px;}

/* sidebar */
#everything{position: relative; visibility: visible; top: 25; left: -625; height: 0px;}

/* gif on the sidebar */
#image{position: relative; visibility: visible; top: 25px; left: -655px; z-index: 97; height:0px;}
#gif{width: 100px; display:inline; padding: 5px; border-radius: 0px; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); position: relative; left: 31;}

/* top navigation links position */
#navig{position: relative; top: 98px; left: -625px;}

/* top navigation links */
#navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: Hind; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -52; left: 118;}
#navi:hover{width: 40px; color: #000; font-family: Hind; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5; padding-top: 1; -webkit-transition: all 0.4s ease-in;}

/* sidebar with lyrics and stuff */
.words{font-family: Hind; font-size: 8px; color:#2A2A2A; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 100px; display: block; position: absolute; left: 0px; border-width: 0px 0px 3px 0px; border-image: url(http://i.imgur.com/fht6KVU.jpg) 4 repeat; top: 0; left: 0; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); padding: 5.5; border-width: 0px 0px 2px 0px; border-image: url(http://i.imgur.com/fht6KVU.jpg) 8 repeat;}

/* lj icons */
.ljuser img{display:none;}

/* friends only and private locks */
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding: !important; vertical-align:-1px !important;opacity:0.8;}
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding: !important; vertical-align:-2px !important;opacity:0.8;}

/* selection colors */
::selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}
::-moz-selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}

/* image opacity & black and white */
img:hover {opacity:0.6; transition:2s;}
img{opacity:1; transition:2s;}
</style>

<style>

<=GLOBAL_HEAD

LASTN_WEBSITE<=
<tr><td valign="bottom" colspan="0" width="600">
<table height="0" align="right" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="top">

<span id="navig">
<font class="words">sometimes I dream I’m an extermin-ating angel, a traveling execu-tioner sent from heaven, sent to give you the prettiest death I know  <a href="/profile" title="info"><font color="#f192b2">✿</font></a> <a href="/friends" title="friends"><font color="#b381a6 ">✿</font></a> <a href="/calendar" title="calendar"><font color="#83c4d8">✿</font></a></font></span>
</td></tr></table>

<center><blockquote><img src="https://67.media.tumblr.com/ad95e0fce17009864de96792afa2010a/tumblr_nz9rugrNsO1u7gnm9o1_500.gif" style="width: 100px; opacity:.8; border: 1px solid #5F1C86; padding: 2px; border-radius: 60px 60px 60px 60px;"><font style="font-family:helvetica neue, century gothic; font-weight:lighter; font-size:23px; line-height:13px">ideas and <a href="http://shellborn.insanejournal.com/766.html" style="text-decoration:none"> lines</a></font></blockquote></center><span style="display:none;"><b>( <a href="http://shellborn.insanejournal.com/766.html#cutid1">Read more...</a> )</b></span>
</td>
</tr>
<=LASTN_WEBSITE

GLOBAL_HEAD<=

<style>

/* be tasteful - keep credit, change bgs, colors, fonts and rehost everything on your own.
credit: ~eth, with edits by ~skye  */

.index img {border-radius:50px; height:50px; width:50px; padding: 3; background: url('http://i.imgur.com/3xS1u1H.png');}
.shadowed img {display:none;} .shadowed{height: 0pt; visibility: hidden;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* links */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #e8a7af;} 
a:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #e8a7af;}

/* subject  */
p table table td.caption {font-family: calibri, arial;font-size: 7.5px;text-transform: uppercase; line-height: 10px; padding:0px; letter-spacing: +1px;text-shadow:0px 1px 1px #bfb7df;}

/* mood & music. */
.entrybox td.meta {font-family:calibri, arial;font-size: 7px; color: #1b1b1b; line-height: 8px; text-transform: uppercase;}

/* ij icon & locks */
.ljuser img {display:none;}
.caption img{width: 5px; height:5px;}

/* aligns all text */
tr {text-align:justify;}

LASTN_OPT_ITEMS=>3

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

LASTN_WEBSITE<=

<style>

<tr><td valign="left" colspan="0" width="130px" height="0px">
<table height="" width="130px" align="left" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="center"></td></tr></table>
<div id="side"><div id="box"><img src="http://68.media.tumblr.com/tumblr_ma0di9G8Lv1qcxvrao5_250.gif" style="width: 187px; background-color: rgba(250, 250, 250, 0.5); display:inline; padding: 4px; box-shadow:#DDD 0 0 0.8px; " align="center">
<br>In the white room with black curtains near the station
Blackroof country, no gold pavements, tired starlings
Silver horses ran down moonbeams in your dark eyes
Dawnlight smiles on you leaving, my contentment
I'll wait in this place where the sun never shines<br>
<a href="/profile" title="profile">info</a> • <a href="/" title="recent">recent</a> • <a href="/friends" title="friends">friends </a></div></div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<style>
/* Layout credit: ~coding@insanejournal.com; join/contact with any questions! tweaks from ~dazy and ~cassandra*/

@font-face {font-family: "aaargh"; src:url(http://elastic-heart.webs.com/Neou-Bold.ttf);}

@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'), url(http://fonts.gstatic.com/s/shadowsintolighttwo/v4/gDxHeefcXIo-lOuZFCn2xU9H8fLq5zs1M0-u6-ewBcM.woff) format('woff');
}

body {background: #202020 url(http://i.imgur.com/b4IM1uB.png) repeat;}
table {border:0; padding:0px; margin-bottom: -2px;}
table table {border:0;}

.entrybox {background-image:url();background-color:#202020;box-shadow: #2c2c2c 2px 2px 2px;border-radius:3px;}

body, td {font-family: arial; font-size: 8pt;line-height: 10pt;color: #b6b6b6;}

a { text-decoration: none; color: #52a4b9; vlink: #52a4b9; alink: #52a4b9; }

p table table td.caption {border-radius: 0px; border-bottom: 0px dashed #c69c6d; font-family: consolas, sans-serif; text-transform: uppercase; font-size: 8px; line-height: 0px; letter-spacing: 0px; color:; text-shadow: #C0C0C0 1px 0px 2px; background-color:;}

.entrybox td.index {color: #2c2c2c;}

p table table table td.meta {font-family: consolas, sans-serif; font-size: 8px; line-height: 9px; letter-spacing: +1px; text-transform: uppercase; color: #b6b6b6; background-color: none;}

.comments {font-family: consolas, sand-serif; font-size: 8px; line-height: 9px; letter-spacing: 0px; text-transform: uppercase; background-image:url();}

.caption img{width:8px; height:8px;}
.ljuser img {display:none;}

table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: consolas, sans-serif; text-transform: uppercase; }

.entrybox td meta {font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: consolas, sans-serif; text-transform: uppercase; }

.index { font-family: consolas, sans-serif; font-size: 9px; line-height: 9px; letter-spacing: 0px; text-transform: uppercase; font-weight: none; color: #b6b6b6; }

img {-moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: 0.5}

img:hover {-moz-transition: all 2.0s ease-out; -o-transition: all 2.0s ease-out; -webkit-transition: all 2.0s ease-out; transition: all 2.0s ease-out; opacity: 1}
table table tr.caption td.index{visibility:hidden}
table table tr.caption td.caption{visibility:hidden}

</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>10

LASTN_WEBSITE<=
<style>

table table table table .meta {visibility:hidden; position:absolute; top:1px;}
table table table table table .meta {visibility:visible; position:relative; top:1px;}
.shadowed td div {visibility: hidden; position: absolute; top: 1px;}
tr.caption, .shadowed td div, .shadowed img {display:none;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}

.supdude { font-family: 'aaargh'; color: #b6b6b6; text-shadow: 2px 2px 2px #202020; font-size: 25px; line-height: 0px; letter-spacing:-2;}

.supguys {padding-left:190px; text-shadow: 2px 2px 2px #000000; background-image:url(); color:##b6b6b6; font-family: consolas, sans-serif; font-size: 8px; line-height: 8px; letter-spacing:1; text-transform:uppercase; text-decoration:none; display:block;}
</style>

<tr><td colspan="0" width="650px" align="justify" valign="middle">
<table style="float:right;" cellspacing="0" border="0" cellpadding="0" valign="middle">
<span id="navigation"><img src="https://33.media.tumblr.com/aea939e6e538a085a2de3a9ccd46c442/tumblr_ncz4rm8fwI1run9i5o1_500.gif" width="110" style="padding:1px; border: 1px solid #202020; border-radius: 10px 2px 10px 2px; align: right; position: relative; top:44px;"></span>
<tr align="justify"><font class="supdude">  <a href="/info">PROFILE</a>.    <a href="/friends">FRIENDS</a>.</font></tr>
<tr align="justify"><font class="supguys">my hands, your hands, tied up like two ships. drifting weightless. waves try to break it. i'd do anything to save it. why is it so hard to say it? my heart, your heart sit tight like book ends. pages between us written with no end. so many words we're not saying. don't wanna wait 'til it's gone. you make me strong.

</font></tr>
</td></tr></table>
<=LASTN_WEBSITE

FRIENDS_OPT_ITEMS=>10

GLOBAL_HEAD<=

<style>

/* cursor */
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* link colors */
a{color: #66ccff; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
a:hover{color: #000000; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}

/* the top box, removes the default icon */
.shadowed{height: 0px;} .shadowed img{display: none;}

/* comments */
.comments{font-family: consolas; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; line-height: 5px; padding-right: 0px;}

/* friends page icon */
.index img{width: 65px; height: 65px;}

/* sidebar */
#everything{position: relative; visibility: visible; top: 25; left: -695; height: 0;}

/* gif on the sidebar */
#image{position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height:0px;}
#gif{width: 75px; display:inline; padding: 5px; border-radius: 0px; box-shadow:#cccccc 0px 0px 1px; background: url(http://i.imgur.com/cHK8wqH.png); position: relative; left: 60;}

/* top navigation links position */
#navig{position: relative; top: 115px; left: -633px;}

/* top navigation links */
#navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: book; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -62; left: 140;}
#navi:hover{width: 40px; color: #000; font-family: book; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5; padding-top: 1; -webkit-transition: all 0.4s ease-in;}

/* lj icons */
.ljuser img{display:none;}

/* selection colors */
::selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}
::-moz-selection {color:#6BC0D7; text-shadow:#f6f6f6 1px 1px 1px; background-color: #fff;}

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=

<style>

<a href="/" class="un" id="navi">recent</a> 
<a href="/profile" class="deux" id="navi">profile</a> 
<a href="/friends" class="trois" id="navi">friends</a> 
<a href="/calendar" class="quatre" id="navi">calendar</a> 
<font class="words"> I found a girl, beautiful and sweet Oh, I never knew you were the someone waiting for me 'Cause we were just kids when we fell in love Not knowing what it was I will not give you up this time But darling, just kiss me slow, your heart is all I own And in your eyes, you're holding mine.</font></span></div>
</td></tr></table>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>𝒖𝒔𝒆𝒓𝒏𝒂𝒎𝒆</title>

<style>

/* layout by @moosh, with a few cosmetic edits by @pro! */

/* BODY STUFF - background, text, links, etc */

body{
	background: #F9FAFC;
	height: 100%;
	background-attachment: fixed;
	overflow-x: hidden; 
	margin-top: -10px;
	}

td{
	font-family: Hind; 
	text-transform: uppercase; 
	font-size: 8px; 
	line-height: 10px; 
	color: #777; 
	letter-spacing: 1px;
	}

tr{text-align:justify;} 
table{margin-bottom: -5px;}  
b{font-weight: normal;}

a { 
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	color: #555;
	}

a:hover {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	cursor:url(http://i.imgur.com/0p9CPwX.png);
	color: #F7D0CB;
	}

::-webkit-scrollbar{
	width: 0px;
	}
::-webkit-scrollbar-track{
	background-color: #e0e4e7;
	}
::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0px 0px 1px #eee;
	background-color: #e0e4e7;
	}

body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} 
a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;}

/* ENTRYBOX STUFF - subject line, comments, etc */

.entrybox {
	width: 550px;
	background-color: #FFF; 
	box-shadow: 2px 2px 0px 0px rgba(246,217,213,.5); 
	border: 1px solid #E3E4E6;
	}

.shadowed {
	height: 60px; 
	width: 550px; 
	position: relative; 
	left: 3px; 
	margin-bottom: 2px; 
	background-color: transparent;
	}

p table table td.caption {
	font-size: 7px; 
	font-family: Hind; 
	text-transform: uppercase; 
	font-weight: normal; 
	letter-spacing: 2px; 
	color: #262626; 
	margin-bottom: -4px;
	text-indent: 15px;
	text-shadow: 0px 0px 1px #F9FAFC; 
	line-height: 8px; 
	padding: 3px; 
	border-bottom: 1px solid rgba(227,228,230,.5);
	}

.comments {
	font-size: 7px; 
	font-family: Hind; 
	text-transform: uppercase; 
	font-weight: normal; 
	letter-spacing: 2px; 
	color: #262626; 
	line-height: 12px;
	}

/* namefield. */
.shadowed td div {visibility: hidden;}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {font-family: source code pro; color:; font-size: 7px;  letter-spacing: 1px; line-height:7px; text-transform: uppercase; text-shadow: #000000}

/* top banner main navigation links */
table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* date line */
.date {color: #333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;}

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}

/* NEW DATES */
.dates {color: rgba(52, 51, 51, 0.5); font-family: hind; font-size: 8px; letter-spacing: 1px; line-height: 0px; text-shadow: 0px 0px 1px #fff; text-transform: uppercase; padding-left: 25px; }

/* custom date and time */
.index2 {font-family: arial; text-transform:uppercase; font-size: 6pt; letter-spacing: 1px; text-align: left; color: #515151; padding-left: 15px;}
.entrybox td.index, .index3 {display: none;}

/* all misc little text */
p.index, tr.caption, .date {font-family: Hind; font-size: 8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}

.index, .meta {font-family: hind; font-size: 8px; text-transform: uppercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;}
table table table td.meta {font-family:hind; font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top:-4px;}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: Hind;font-size:6pt; color: transparent; text-shadow:#000000 0px 0px 0px 0px; text-transformation: uppercase;letter-spacing: 1px; line-height:0px;}

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: transparent;}

.shadowed img { display: none;}

/* FRIENDSPAGE STUFF - icons, etc */

.entrybox a.index {
	color: #111; 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 6px; 
	line-height: 8px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	padding: 0px; 
	background: rgba(0,0,0,0);
	}

.index img{ 
	width: 45px; 
	height: 45px;
	background: transparent;
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	}

.entrybox table table table td[align=center]{
	color: transparent;
	text-align: center;
	font-size: 0;
	background: rgba(0,0,0,0);
	}

.entrybox tr td table tr td table tr td {background: transparent;}

/* SIDEBAR STUFF - gif, links */

#name { 
	position: absolute; 
	visibility: visible; 
	top: 0%; 
	left: 50%; 
	margin-top: 40px;
	margin-left: 60px; 
	text-align: right; 
	z-index: 8; 
	font-size: 27px;
	line-height: 27px; 
	letter-spacing: 0px;
	text-transform: lowercase;
	font-family: League Script;
	text-shadow: 1px 1px 0px #FFF, 1px 1px 1px rgba(60,60,60,.15);
	}

#sidebar { 
	position: absolute; 
	visibility: visible; 
	top: 0%; 
	left: 50%; 
	margin-top: 35px;
	margin-left: 180px; 
	transform: rotate(5deg); 
	text-align: right; 
	z-index: 8; 
	font-size: 6px;
	line-height: 9px; 
	letter-spacing: 1px;
	text-transform: lowercase;
	font-family: tahoma;
	}

#icon { 
	position: absolute; 
	visibility: visible; 
	top: 0%; 
	left: 50%; 
	margin-top: 25px;
	margin-left: 220px; 
	z-index: 10; 
	}

.gif { 
	filter: alpha; 
	height: 50px;
	transform: rotate(45deg); 
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	}

/* changes content before linked usernames */
.ljuser:before {display: none;}

/* hides privacy icons */
.caption img {display: none;}

/* usericons & locks. */
img[src*="img/userinfo.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url() no-repeat !important; 
	padding:0px 0 0 0px !important; 
	vertical-align: 0px !important;
	opacity: 0.0;
	}
img[src*="img/community.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url() no-repeat !important; 
	padding:0px 0 0 0px !important; 
	vertical-align: 0px !important;
	}
img[src*="img/icon_protected.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; 
	padding: 9px 0 0 7px !important; 
	vertical-align:-1px !important;
	opacity: 0.0;
	}
img[src*="img/icon_private.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; 
	padding: 9px 0 0 9px !important; 
	vertical-align: -2px !important;
	opacity: 0.0;
	}

/* hides navigation text */
.index, table table table td.meta {
	text-transform: none; 
	font-family: 'trebuchet ms', helvetica, arial, sans-serif; 
	font-size: 5px; 
	color:transparent; 
	visibility: none; 
	letter-spacing: 2px; 
	line-height: 0px;
	}

/* highlighting */
::selection {background-color: rgba(254, 253, 253, 0.5); color: #777;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}

</style>

<style>

</style>

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=

<div id="name">
username
</div>

<div id="sidebar">
<a href="/" style="background: #F6D9D5;">refresh</a> 
<Br>
<a href="/friends" style="background: #F6D9D5;">friends</a>   
<Br>
<a href="/calendar" style="background: #F6D9D5;">calendar</a>

</div>

<=LASTN_WEBSITE

CALENDAR_WEBSITE<=

<div id="name">
username
</div>

</div>

<=CALENDAR_WEBSITE

FRIENDS_WEBSITE<=

<div id="name">
username
</div>

</div>

<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="name">
username
</div>

</div>

<=DAY_WEBSITE

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

GLOBAL_HEAD<=

<style>

<style>

@font-face {font-family: paper bow; src: url('https://dl.dropboxusercontent.com/s/d2ti6sza7jcqh12/paperbow.woff?dl=0');}

/* credit: coding/ell/laurel */

@font-face {font-family: nickainley; src: url('https://dl.dropboxusercontent.com/s/fwebp11epx6u6ap/Nickainley.otf?dl=0');}

body{background-color:#eeeeee;
    background: -webkit-linear-gradient(#D0E9FF, #F1ECFD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D0E9FF, #F1ECFD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D0E9FF, #F1ECFD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D0E9FF, #F1ECFD); /* Standard syntax (must be last) */}table {border:0px solid #cccccc;} table table {border:0;}

tr {text-align:justify;} .entrybox {width:594px;} .date, a.index {visibility:visible !important;}

table table table td.meta {font-size:0px;line-height:0px;} 
p table.entrybox table table td.meta, table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;} 
.entrybox td table td.index, tr.caption, table table td.index {visibility:hidden;} 
table table tr.caption td.index{visibility:hidden;} tr.caption {display: visible;}

.entrybox, .shadowed {background-color: rgba(0, 0, 0, 0.03); box-shadow:#9C91B7 0px 0px 1px 0px;}

.entrybox td.index, .nein{display:none;}

/* body text */
tr, td, table, body {font-family: source sans pro, helvetica neue, sans-serif; font-size: 10px; line-height:12px; color:#4D4653;}

/* subject  */
p table table td.caption {font-family: source sans pro, helvetica neue, sans-serif; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}

/* namefield. */
.shadowed td div {
font-family: paper bow; 
font-size: 40px; 
letter-spacing:0px; 
line-height:0px; 
color:#00CACA; 
text-shadow: 2px 1px 0px #fff, 2px 2px 2px #999999;
text-transform:none; 
font-weight: light;}
.shadowed td div img {box-shadow: 0 0 0 !important;
}
/* all misc little text */
p.index, .index, tr.caption, .meta, td.meta, .date {font-family: source code pro, consolas; font-size:7px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}

.comments {font-family:source code pro, consolas; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}

/* removes date */
.entrybox td.index, .index3{display:none;}

/* friends page icons & users. */
.entrybox a.index {font-family: source sans pro, helvetica neue, sans-serif; font-size:8px; letter-spacing: 1px; line-height: 8px; text-transform: uppercase;}
.entrybox tr td table tr td table tr td {background: transparent;}

.dated {display:none;}
.dates {font-family: source sans pro, helvetica neue, sans-serif; font-size: 8px; letter-spacing: 1px; line-height: 4px; text-transform:uppercase; text-align:right; color:#111; text-shadow:#ccc 0px 0px 0px; display:block; padding-top: 0px;}

/* link effects. */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none;color:#00CACA;} 
a:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;color:#FFD2B3; text-decoration: none;}

/* usericons & locks. */
.shadowed img{border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity:1.0; filter:alpha(opacity=100); height:70px;width:70px; padding: 3px; border: 0px solid #ffffff; background: #fffff; box-shadow: 0 0 0px #cbcbcb;}
 
p table table td.caption img{width: 4pt; height: 4pt;}
table{margin-bottom: -2px;}

.ljuser img {display: none;} 
</style>

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Parisienne|Poiret+One|Tangerine" rel="stylesheet">

/* credit: coding/ell/laurel */
body {background-image:url(http://i.imgur.com/l66VC3d.png);}
table {border:0px solid #cccccc;} table table {border:0;}

tr {text-align:justify;} .entrybox {width:594px;} .date, a.index, .index {visibility:visible !important;}

.entrybox, .shadowed {background: url(http://i.imgur.com/gx14AxW.png);box-shadow:0 0 1px #dddddd;
border-left:3px solid; border-right: 0px; border-top: 0px; border-bottom:0px; border-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2482/2482169.png) 3 repeat;}

/* body text */
tr, td, table, body {padding:1px; font-family: inconsolata, helvetica, arial; font-size: 12px; line-height:11px; color:#777;}

/* subject lines */
p table table td.caption {font-family: please write me a song, arial, times new roman; font-size:18px; letter-spacing:1px; margin-bottom:-4px; line-height: 10px; text-shadow:1px 1px 1px #eeeeee;}

/* namefield. */
.shadowed td div {font-family: Better Together; text-shadow: 1px 1px 1px #ccc; font-size:42px; letter-spacing:1px; line-height:8px; color:#000;  text-transform:none;}
.shadowed td div img {box-shadow: 0 0 0 !important;}

/* all misc little text */
p.index, tr.caption, .index, .meta, td.meta, .comments, .date {font-family: consolas, calibri, monaco; font-size: 9px; line-height:7px; color:black; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.date {padding:0 2 0 2;display:block;text-align:left;} b {font-weight:normal !important;}

/* link effects. */
a, a:visited, a:active {color: #D9459C; text-decoration: none;; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}
a:hover{color: #fff; text-decoration: none;-webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}

/* usericons & locks. */
.shadowed img{border-radius: 45px 45px; width: 75px; height: 75px; box-shadow:0 0 1px #bbb;background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2482/2482169.png);padding:2px;}

/* mood & music */
.entrybox td.meta {
font-family: droid sans, helvetica, arial;
font-size: 6px; 
font-weight:lighter;
color: #D6003D;
line-height: 5px; 
text-transform: uppercase;
font-weight: lighter;
}

p table table td.caption img {height:6px; width:7px; opacity:0.7;}

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/118.gif) no-repeat !important; padding:7px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;}

img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/Tt0sw0k.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;}

/*friends page icons*/
.index img {margin-bottom:5px;}
.index {text-transform:uppercase;font-family: helvetica;font-size:6pt; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}
.entrybox a.index font {color: #D9459C;} 
td{background-color:transparent;}

::-webkit-scrollbar {width: 2px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url(http://i.imgur.com/shSBVTu.png);background-color:#eee;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;background-image:url('http://i.imgur.com/7aLv3P9.gif');border-radius:0px;background-color:#fff;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}</style>

<=GLOBAL_HEAD

GLOBAL_HEAD<=
<title>𝒖𝒔𝒆𝒓𝒏𝒂𝒎𝒆</title>

<style>

/* layout by @moosh, with a few cosmetic edits by @pro! */

/* BODY STUFF - background, text, links, etc */

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

body{
	background: linear-gradient(90deg, #f1f1f1, #f6f6f6); 
	background-attachment: fixed; 
	overflow-x: hidden; 
	margin-top: -15px;
	}

td{
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 8px; 
	letter-spacing: 1px; 
	line-height: 11px; 
	color: #929292;
	}

tr{text-align: justify;} 
table{margin-bottom: -5px;}  
b{font-weight: bold;}

a {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	border-bottom: 1px solid transparent;
	color: #262626;
	}

a:hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	border-bottom: 1px solid #111;
	color: #9D72FF;
	}

::-webkit-scrollbar{
	width: 0px;
	}
::-webkit-scrollbar-track{
	background-color: transparent;
	}
::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0px 0px 1px #f1f1f1;
	background-color: transparent;
	}

/* ENTRYBOX STUFF - subject line, comments, etc */

.entrybox {
	width: 500px;
	background: rgba(255,255,255.85); 
	border-left: 2px solid #f6f6f6;
	border-right: 2px solid #f6f6f6;
	border-top: 2px solid #f6f6f6;
	border-bottom: 2px solid #f6f6f6;
	box-shadow: 0px 0px 2px 0px rgba(60,60,60,.15);
	border-image: linear-gradient(to bottom right, rgba(255,179,253,1), rgba(1,255,195,1), rgba(157,114,255,1));
	border-image-slice: 1;
	outline: 1px solid #eaeaea;
	outline-offset: -5px;
	}

.shadowed {
	height: 50px; 
	width: 500px; 
	position: relative; 
	background-color: transparent;
	}

p table table td.caption {
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 7px; 
	letter-spacing: 1px; 
	text-transform: lowercase; 
	line-height: 8px; 
	color: #b2b2b2; 
	padding-left: 4px; 
	}

.comments {
	text-transform: lowercase;
	font-size: 8px; 
	line-height: 11px; 
	color: #929292; 
	letter-spacing: 1px;
	}

/* SIDEBAR STUFF - gif, links */

#giffing { 
	position: absolute; 
	visibility: visible;
	top: 0px; 
	left: 50%; 
	margin-top: 35px; 
	margin-left: -337px; 
	z-index: 9999; 
	}

.giffing {
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	width: 70px; 
	height: 70px;
	filter: grayscale(1);
	transform: rotate(0deg);
	}

#polygon {
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 50%; 
	margin-top: 33px;
	margin-left: -339px; 
	z-index: 8;
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	width: 74px; 
	height: 74px;
	transform: rotate(0deg);
	}

#polygon2{
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 50%; 
	margin-top: 31px;
	margin-left: -341px; 
	z-index: 00000;
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	width: 78px; 
	height: 78px;
	transform: rotate(0deg);
	}

#sidelinks { 
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 50%; 
	z-index: 8; 
	margin-top: 114px; 
	margin-left: -332px; 
	height: 45px; 
	width: 60px; 
	text-align: center; 
	transform: rotate(0deg);
	}

.sidelinks{
	font-size: 7px; 
	letter-spacing: 1px;
	line-height: 11px;
	text-transform: lowercase; 
	color: #111;
	}

.sidelinks:hover {
	background: #FFF;
	font-size: 7px; 
	letter-spacing: 1px;
	line-height: 11px;
	text-transform: lowercase; 
	color: #9D72FF;
	}

.link1 {
	border-bottom: 1px solid rgba(157,114,255,1);
	padding: 0px 5px 1px 5px;
	}

.link2 {
	border-bottom: 1px solid rgba(255,179,253,1);
	padding: 0px 5px 1px 5px;
	}

.link3 {
	border-bottom: 1px solid rgba(1,255,255,1);
	padding: 0px 5px 1px 5px;
	}

/* ALL THE LITTLE THINGS - nav text, etc */

.shadowed td div {visibility: hidden;}

table table table td.meta {
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #555; 
	font-size: 7px;  
	letter-spacing: 1px; 
	line-height: 7px; 
	text-transform: lowercase;
	}

table table table table td.meta { 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #555; 
	font-size: 7px;  
	letter-spacing: 1px; 
	line-height: 7px; 
	text-transform: lowercase;
	}

.date {color: #333; display: block; text-align: left; font-family: quicksand, arial; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}

.date, a.index {visibility:visible !important;} .dated{display:none;}

.entrybox td.index, .nein{display:none; color:#b2b2b2;}

.dates {color: rgba(52, 51, 51, 0.5); font-family: quicksand, arial; font-size: 8px; letter-spacing: 1px; line-height: 0px; text-shadow: 0px 0px 1px #fff; text-transform: lowercase; padding-left: 25px; }

.index2 {font-family: verdana, helvetica, arial, sans-serif; text-transform:lowercase; font-size: 6pt; letter-spacing: 1px; text-align: left; color: #b2b2b2; padding-left: 15px;}
.entrybox td.index, .index3 {display: none;}

p.index, tr.caption, .date {font-family: verdana, helvetica, arial, sans-serif; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:lowercase;}

.index, .meta {font-family: verdana, helvetica, arial, sans-serif; font-size: 8px; text-transform: lowercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;}

table table table td.meta {font-family:quicksand, arial; font-size:0px;line-height:0px;} 
table table table td.meta a {
	font-size: 8px;
	letter-spacing: 1px;
	line-height: 8px;
	margin-top: -4px;
	}

.index, table table table td.meta {
	font-family: verdana, helvetica, arial, sans-serif; 
	color: transparent;
	font-size: 0px; 
	line-height: 0px; 
	}

.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: transparent;}
.shadowed img {display:none;}

/* FRIENDSPAGE STUFF - icons, etc */

.index img{ 
	width: 45px; 
	height: 45px;
	background: transparent;
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); 
	}

.entrybox table table table td[align=center]{
	color: transparent;
	text-align: center;
	font-size: 0;
	background: rgba(0,0,0,0);
	}

.caption img{width: 7px; height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "☆";}

img[src*="img/userinfo.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url() no-repeat !important; 
	padding:0px 0 0 0px !important; 
	vertical-align: 0px !important;
	opacity: 0.0;
	}
img[src*="img/community.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url() no-repeat !important; 
	padding:0px 0 0 0px !important; 
	vertical-align: 0px !important;
	}
img[src*="img/icon_protected.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; 
	padding: 9px 0 0 7px !important; 
	vertical-align:-1px !important;
	opacity: 0.0;
	}
img[src*="img/icon_private.gif"] {
	width: 0 !important; 
	height: 0 !important; 
	background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; 
	padding: 9px 0 0 9px !important; 
	vertical-align: -2px !important;
	opacity: 0.0;
	}

::selection {background-color: rgba(254, 253, 253, 0.5); color: #777;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}

</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=

<div id="sidelinks">
<a class="sidelinks link1" href="/">✧ refresh</a><br>
<a class="sidelinks link2" href="/friends">✧ friends</a><br>
<a class="sidelinks link3" href="/calendar">✧ calendar</a></font>
</div>

<=LASTN_WEBSITE

CALENDAR_WEBSITE<=

<=CALENDAR_WEBSITE

FRIENDS_WEBSITE<=

<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<=DAY_WEBSITE

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">✧</a></a></td></tr>

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">✧</a></a></td></tr>

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">✧</a></a></td></tr>

GLOBAL_HEAD<=

<title>𝒖𝒔𝒆𝒓𝒏𝒂𝒎𝒆</title>

<style>

/* layout by @moosh, with a few cosmetic edits by @pro! */

/* BODY STUFF - background, text, links, etc */

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

body{
	background: rgba(189,189,189,.2); 
	background-attachment: fixed; 
	overflow-x: hidden; 
	margin-top: -15px;
	}

td{
	font-family: hind; 
	font-size: 8px; 
	letter-spacing: .5px; 
	line-height: 11px; 
	color: #363636;
	text-transform: lowercase;
	}

tr{text-align: justify;} 
table{margin-bottom: -5px;}  
b{font-weight: bold;}

a {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	border-bottom: 1px solid transparent;
	color: #111;
	}

a:hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	border-bottom: 1px solid rgba(189,189,189,.5);
	color: #CECECE;
	}

::-webkit-scrollbar{
	width: 0px;
	}
::-webkit-scrollbar-track{
	background-color: transparent;
	}
::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,0);
	background-color: transparent;
	}

/* ENTRYBOX STUFF - subject line, comments, etc */

.entrybox {
	width: 550px;
	background: rgba(255,255,255,0.85); 
	box-shadow: 2px 2px 0px rgba(189,189,189,.4);
	border-top: 0px solid rgba(189,189,189,1);
	border-left: 0px solid rgba(189,189,189,1);
	border-right: 1px solid rgba(189,189,189,1);
	border-bottom: 1px solid rgba(189,189,189,1);
	}

.shadowed {
	height: 50px; 
	width: 550px; 
	position: relative; 
	background-color: transparent;
	}

p table table td.caption {
	font-family: hind; 
	font-size: 7px; 
	letter-spacing: 1px; 
	line-height: 8px; 
	padding-left: 5px; 
	}

.comments {
	font-size: 8px; 
	line-height: 11px; 
	letter-spacing: 1px;
	}

/* SIDEBAR STUFF - gif, links */

#giffing { 
	position: absolute; 
	visibility: visible;
	opacity: 0.8; 
	top: 0px; 
	left: 50%; 
	margin-top: 40px; 
	margin-left: -345px; 
	z-index: 0; 
	}

#sidelinks { 
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 50%; 
	z-index: 10; 
	margin-top: 110px; 
	margin-left: -395px; 
	height: 45px; 
	width: 115px; 
	text-align: right; 
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg); 
	transform: rotate(2deg);
	}

.sidelinks{
	border-bottom: 1px solid rgba(189,189,189,.5);
	font-size: 7px; 
	letter-spacing: 1px;
	}

.sidelinks:hover {
	background: rgba(189,189,189,.2);
	font-size: 7px; 
	letter-spacing: 1px;
	color: #FFF;
	}

/* MISCELLANEOUS TEXT - navigation below entrybox */

table table table td.meta a {
	font-family: hind; 
	font-size: 6.5px; 
	font-weight: normal; 
	letter-spacing: 1px; 
	line-height: 12px;
	text-transform: uppercase;
	margin-top: -5px; 
	}

/* INVISIBLE STUFF - don't change this! */

.entrybox td.index, .nein{display: none;}
.entrybox td.index, .index3 {display: none;}
.entrybox td.meta {display: none; visibility: hidden;}
.shadowed, .shadowed td.div {background: transparent;}
.shadowed td div {visibility: hidden;}
.shadowed img {display: none;}
.index, table table table td.meta {text-transform: uppercase; font-family: hind; font-size: 6px; color: transparent; text-transformation: uppercase; letter-spacing: -1px; line-height: 0px;}
table table table table td.meta {color: transparent; font-size: 0px; line-height: 0px;}
.date {color: transparent; font-family: hind; font-size: 0px; line-height: 7px;}
.date, a.index {visibility: visible !important;} 
.dated{display: none;}
.dates {color: transparent; font-family: hind; font-size: 0px;  line-height: 7px;}
.index2 {color: transparent; font-family: hind; font-size: 0px;  line-height: 7px;}
p.index, tr.caption, .date {font-family: hind; font-size: 0px; line-height: 9px;} 
.index, .meta {font-family: hind; font-size: 0px; text-transform: uppercase; line-height: 8px;}
table table table td.meta {font-family: hind; font-size: 0px; line-height: 0px;}

/* HIDES NAVIGATION TEXT - don't remove! */
.index, table table table td.meta {
	text-transform: none; 
	font-family: 'trebuchet ms', helvetica, arial, sans-serif; 
	font-size: 5px; 
	color: transparent; 
	visibility: none; 
	letter-spacing: 2px; 
	line-height: 0px;
	}

/* FRIENDSPAGE STUFF - icons, etc */

.entrybox a.index {
	color: #111; 
	font-family: hind; 
	font-size: 6px; 
	line-height: 8px; 
	text-transform: lowercase; 
	background: transparent;
	}

.index img{ 
	width: 45px; 
	height: 45px;
	background: transparent;
	}

.entrybox table table table td[align=center]{
	color: transparent;
	text-align: center;
	font-size: 0;
	background: transparent;
	}

/* ICONS & PRIVACY ICONS */

.caption img{width: 7px; height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "♡";}

</style>

<style>

/* HEADER CODES BY @CODING - don't change this! */

</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

FRIENDS_OPT_ITEMS=>50

LASTN_WEBSITE<=

<div id="sidelinks">
<a class="sidelinks" href="/">refresh</a><br>
<a class="sidelinks" href="/friends">friends</a><br>
<a class="sidelinks" href="/calendar">calendar</a></font>
</div>

<=LASTN_WEBSITE

CALENDAR_WEBSITE<=

<div id="sidelinks">
<a class="sidelinks" href="/">refresh</a><br>
<a class="sidelinks" href="/friends">friends</a><br>
<a class="sidelinks" href="/calendar">calendar</a></font>
</div>

<=CALENDAR_WEBSITE

FRIENDS_WEBSITE<=

<div id="sidelinks">
<a class="sidelinks" href="/">refresh</a><br>
<a class="sidelinks" href="/friends">friends</a><br>
<a class="sidelinks" href="/calendar">calendar</a></font>
</div>

<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="sidelinks">
<a class="sidelinks" href="/">refresh</a><br>
<a class="sidelinks" href="/friends">friends</a><br>
<a class="sidelinks" href="/calendar">calendar</a></font>
</div>

<=DAY_WEBSITE

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

FRIENDS_TALK_LINKS=><dtr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></a></td></tr>

GLOBAL_HEAD<=

<title>username</title>

<style>

/* CREDIT: layout taken from @lynntessa, cosmetic edits/rearranging by @pro! if you know of an original credit please let me know! */

</style>

<style>

/* BODY STUFF - background, text, links, etc */

body, a {
	cursor:url(http://i.imgur.com/ONVDMqu.png), default;
	} 
a:hover {
	cursor:url(http://i.imgur.com/0p9CPwX.png), default;
	}

body{
	background: linear-gradient(-225deg, rgba(189,189,189,.3), rgba(189,189,189,.3)); 
	background-attachment: fixed; 
	overflow-x: hidden; 
	margin-top: 20px;
	}

td{
	font-family: hind; 
	font-size: 8.5px; 
	letter-spacing: .5px; 
	line-height: 12px; 
	color: #363636;
	}

tr{text-align: justify;} 
table{margin-bottom: -2px;}  
b{font-weight: bold;}

a {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	color: #111;
	}

a:hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	text-decoration: none; 
	color: #555;
	}

::-webkit-scrollbar{
	width: 0px;
	}
::-webkit-scrollbar-track{
	background-color: transparent;
	}
::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0px 0px 0px rgba(189,189,189,.5);
	background-color: transparent;
	}

/* INVISIBLE STUFF - don't edit! */

td.caption {font-size: 0px; line-height: 0px;}
table table table td.meta {color: transparent; font-size: 0px; line-height: 0px;}
.entrybox td.index {font-size: 0px; line-height: 0px; color: transparent;} 
.entrybox td table td.index, tr.caption {visibility: hidden;}
table table tr.caption, table table td.index {visibility: hidden;} 
td.index {visibility: visible;} 
tr.caption {display: visible;}
.index {visibility: visible;} 
.meta {visibility: visible; font-size: 6.5px; padding: 0px;}

/* ENTRYBOX - general layout, subject, comments, etc */

/* entrybox and header */
.entrybox, .shadowed  { 
	width: 596px;
	background: rgba(255,255,255,.9); 
	border: 1px solid transparent;
	border-image: linear-gradient(to top left, rgba(189,189,189,1), rgba(189,189,189,.5), rgba(189,189,189,.5), rgba(189,189,189,1));
	border-image-slice: 1;
	box-shadow: 0px 0px 1px rgba(189,189,189,.3);
	}

/* comments */
.comments {
	font-family: hind;
	letter-spacing: 1px;
	font-size: 7px;
	line-height: 12px;
	text-transform: uppercase;
	}

/* subject line */
p table table td.caption{
	font-family: hind;
	letter-spacing: 1px;
	font-size: 7px;
	font-weight: 500;
	font-style: oblique;
	line-height: 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px rgba(189,189,189,.5);
	}

/* HEADER - namefield, links, etc */

/* namefield! */
.shadowed td div {
	font-family: League Script; 
	font-weight: normal;
	font-size: 35px; 
	line-height: 0px; 
	color: #555; 
	text-shadow: 2px 2px 1px rgba(189,189,189,.5);
	margin-top: 5px; 
	}

/* icon! */
.shadowed img {
	width: 50px; 
	height: 50px; 
	padding: 1px; 
	margin-bottom: 7px;
	filter: grayscale(0%);
	border-radius: 100%;
	background: linear-gradient(225deg, rgba(189,189,189,.5), rgba(189,189,189,.9));
	}

/* nav links! */
a.index {
	visibility: visible; 
	font-family: Hind; 
	font-size: 7px; 
	line-height: 12px; 
	font-weight: 500;
	font-style: oblique;
	text-shadow: 2px 2px rgba(189,189,189,.5);
	letter-spacing: 1px; 
	text-transform: uppercase;
	}

/* links under the namefield! */
table table table table td.meta a {
	font-family: Hind; 
	font-size: 6.5px; 
	line-height: 9px; 
	font-style: italic; 
	font-weight: 500;
	letter-spacing: 1px; 
	text-transform: uppercase; 
	}

/* links at the bottom of the entrybox! */
p table.entrybox table table td.meta, table table table td.meta a {
	font-family: Hind; 
	font-size: 7px; 
	text-shadow: 2px 2px rgba(189,189,189,.5);
	text-transform: uppercase; 
	line-height: 12px; 
	letter-spacing: 1px; 
	}

p table table table td.meta {
	font-family: Hind; 
	font-size: 7px; 
	font-style: italic; 
	font-weight: 500;
	line-height: 5px; 
	letter-spacing: 1px; 
	text-transform: uppercase;
	}

/* FRIENDS PAGE - icons, links, etc */

.entrybox a.index {
	font-family: hind; 
	font-size: 6px; 
	line-height: 8px; 
	color: #111;
	text-transform: lowercase; 
	letter-spacing: 1px; 
	padding: 0px; 
	}

.index img{ 
	width: 45px; 
	height: 45px;
	filter: grayscale(0%);
	background: transparent;
	}

.entrybox table table table td[align=center]{
	color: transparent;
	text-align: center;
	font-size: 0;
	background: rgba(0,0,0,0);
	}

/* FRIENDS LOCK STUFF - privacy icons & etc */

.caption img{width: 7px; height: 7px; opacity: .8;}
.ljuser img {display: none;}
.ljuser:before {content: " ";}

</style>

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

FRIENDS_OPT_ITEMS=>50

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></td></tr>

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></td></tr>

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♡</a></td></tr>

FRIENDS_WEBSITE<=

<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> <font style="font-size: 8px;">
%%readlink%%<a href="%%urlpost%%"></font>   <i class="th th-pencil-o"></i></a>
</td> 
</tr> 
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>---</title>
<link rel="shortcut icon" href="">
<link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="http://thnksfrthhtml.neocities.org/ulrich/signature.css" rel="stylesheet">

table {
     border:0;
   }

table table {
     border:0;
   }

body, td {
     font-family: arial, calibri; 
     font-size: 9px; 
     letter-spacing: 0px; 
     line-height: 11px; 
     color: #333;
   }

body {
     background-color: #efefef;
     margin-top: 25px;
   }

a {
     color: #333;
     transition: all 2s;
     text-decoration: none;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
     border-width: 1px;
     border-style: none none solid;
   }

a:hover {
     color: #333;
     text-decoration: none;
     border: 0;
   }

.entrybox {
     width:595px;
     background-color: rgba(255, 255, 255, 0.25);
     opacity: 0.9;
     z-index: -1;
     border-width: 2px 0px 0px 0px;
     border-style: solid;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
   }

.shadowed {
     width: 595px;
     background-color: transparent;
     border: 0px solid #000; 
     padding-bottom: 10px;
   }

.shadowed img {
     display: none;
   }

.shadowed td div {
     visibility:hidden; 
     position:absolute; 
     top:0px; 
     margin-top: 20px;
   }

td.caption {
     font-family: arial narrow; 
     font-style: italic; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     font-size: 6.5px; 
     color: #333; 
     padding: 0 0 0 2px; 
   }

td.caption a:hover {
     background: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-decoration: none;
}

table table table td.meta {
     font-family: arial narrow; 
     font-size: 7px;  
     letter-spacing: 1px; 
     line-height:7px; 
     text-transform: uppercase; 
     text-shadow: #000000
   }

table table b {
    display: none;
    visibility: hidden;
   }

.comments {
     font-family: arial narrow; 
     font-size: 6px; 
     line-height:8px; 
     letter-spacing:1px; 
     text-transform: uppercase; 
     padding-top:5px; 
     color:#333; 
     font-style: italic;
   }

table table table table .meta {
     visibility: hidden;
     position: absolute
   }

table table table table td.meta { 
     font-size: 8px; 
     line-height: 8px; 
     letter-spacing: 1px; 
     font-family: arial narrow; 
     text-transform: uppercase; 
   }

table table table table table .meta {
     visibility:visible !important; 
     position:relative;
   }

.date {
     visibility: hidden;
   }

.entrybox td.index {
     display: none;
   }

.entrybox b {
     font-weight: bold;
     display: inline;
     visibility: visible !important;
   }

.entrybox a.index {
     font-family: arial narrow; 
     font-size:6px; 
     line-height:8px; 
     text-transform: uppercase; 
     letter-spacing: 1px; 
     padding: 0px; 
     visibility: visible !important;
     animation: none !important;
   }

.index img { 
     width: 45px; 
     height: 45px;
     visibility: visible !important;
   }

.entrybox table table table td[align=center]{
     background: rgb(255,255,255,.6);
     text-align: center;
     font-size: 0;
   }

.ljuser img {
     display: none;
   }

.ljuser:before {
     content:"â€”";
   }

.caption img { 
     width: 5px;  
     height: 5px;
   }

.index {
     visibility: hidden;
   }

.index, table table table td.meta {
     text-transform:uppercase; 
     font-family: arial narrow; 
     font-style: italic; 
     font-size:5pt; 
     color:transparent; 
     letter-spacing: 1px; 
     line-height:0px;
   }

table table table td.meta a:hover {
     animation: none !important;
   }

.entrybox td.meta {
     display:none; 
     visibility:hidden;
   }

body, a {
     cursor:url(http://i.imgur.com/ONVDMqu.png), default;
   } 
   
   a:hover {
     cursor:url(http://i.imgur.com/0p9CPwX.png), default;
   }

#icon {
     position: absolute;
     visibility: visible;
     top: 0px;
     margin-left: -60px;
     z-index: 1;
     width: 2px;
   }

.th {
     font-size: 115%; 
     text-shadow: 0 0 0.5px rgba(0,0,0,0.05); 
     color: #333;
   }

.th:hover {
     color: #333 !important;
   }

#button1 {
     position: absolute;
     top: 16px;
     margin-left: -53px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

#button2 {
     position: absolute;
     top: 16px;
     margin-left: -80px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

#button3 {
     position: absolute;
     top: 16px;
     margin-left: 37px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

#button4 {
     position: absolute;
     top: 16px;
     margin-left: 64px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

.gradient-border {
     --borderWidth: 2px;
     background: rgb(255,255,255,.9);
     position: relative;
     border-radius: 100%;
   }

.gradient-border:hover {
     background: rgb(225,225,225,.7);
     transition: all 0.2s ease-out 0s;
     color: #333;
   }

.gradient-border:after {
      content: '';
      position: absolute;
      top: calc(-1 * var(--borderWidth));
      left: calc(-1 * var(--borderWidth));
      height: calc(100% + var(--borderWidth) * 2);
      width: calc(100% + var(--borderWidth) * 2);
      background: linear-gradient(60deg, #40e0d0, #ff8c00, #ff0080);
      border-radius: 100%;
      z-index: -1;
      -webkit-animation: animatedgradient 3s ease alternate infinite;
              animation: animatedgradient 3s ease alternate infinite;
       background-size: 300% 300%;
   }

@-webkit-keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
   }

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
   }

[class^="tooltip"] {
     position: relative;
   }

[class^="tooltip"]:after {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     content: attr(data-tooltip);
     padding: 0px 5px;
     top: 2.6em;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-2px);
     transform: translateX(-50%) translateY(-2px);
     background: linear-gradient(-60deg, #40e0d03b, #ff8c0038, #f1007985);
     font-family: arial narrow;
     font-size: 6.5;
     text-transform: uppercase;
     font-style: italic;
     letter-spacing: 1px;
     color: #333 !important;
     white-space: nowrap;
     z-index: 2;
     border-radius: 0px;
     border-width: 1px 0px 1px 0px;
     border-style: solid;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   }

[class^="tooltip"]:hover:after {
     display: block;
     opacity: 1;
     color: #333 !important;
     visibility: visible;
      -webkit-transform: translateX(-50%) translateY(0);
              transform: translateX(-50%) translateY(0);
   }

</style>

<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> <font style="font-size: 8px;">
%%readlink%%<a href="%%urlpost%%"></font>   <i class="th th-pencil-o"></i></a>
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%%</a>

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=

<=LASTN_WEBSITE

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <Small> </small> <a href="%%urlpost%%"><i class="th th-paper-plane-o"></i></a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <Small> </small> <a href="%%urlpost%%"><i class="th th-paper-plane-o"></i></a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Montserrat|Quicksand|Poiret+One" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed|Inconsolata|Rouge+Script|Muli" rel="stylesheet" type="text/css">
<link href="http://dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
<link rel="shortcut icon" href="http://i.imgur.com/bIbSNjw.png">
<link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="http://kahnwald.neocities.org/tannhaus.css" rel="stylesheet">
<title>---</title>
<style>

/* 
   $ credit to: @kahnwald
   $ leave credit in tact, change colours, ask for help or codes
*/

body {
     background-color: #000; 
   }

table {
     border: 0;
   }

table table {
     border:0;
     padding: 0;
   }

tr, td, table, body {
     padding: 0px; 
     font-family: arial narrow; 
     font-size: 9px;
     letter-spacing: 1px;
     line-height: 8px; 
     color: #ccc;
   }

tr {
     text-align:justify;
   }

.entrybox {
     width:600px;
   }

.date {
     visibility: visible !important!;
   }

a.index {
     visibility:none !important;
   }

.entrybox, .shadowed {
     background-color: rgb(255,255,255,.14); 
     border-width: 0px 0px 2px 0px;
     border-style: solid;
     -webkit-border-image: -webkit-linear-gradient(right, #7f5a83 0%, #0d324d 74%) 100% 1;
     -moz-border-image: -moz-linear-gradient(right, #7f5a83 0%, #0d324d 74%) 100% 1;
     -o-border-image: -o-linear-gradient(right, #7f5a83 0%, #0d324d 74%) 100% 1;
     border-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) 100% 1;
   }

p table table td.caption {
     font-family: arial narrow; 
     font-size: 7px; 
     color: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding-left: 2px;
     padding-top: 2px;
   }

.entrybox td.index {
     display: none;
   }

.entrybox td.meta {
     display: none;
   }

p.index, .index, tr.caption, .meta, td.meta, .date {
     font-family: arial narrow; 
     font-size: 7px; 
     line-height: 8px; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     padding: 0px;
   }

.index {
     background-color: #;
     visibility: hidden;
   }

table table  tr.caption td.caption, .entrybox td table td.index, tr.caption {
     visibility:hidden;
   }

table table table td.meta {
     font-family: arial narrow; 
     text-transform: uppercase;
     font-size: 7px; 
     padding-left: 2px;
     line-height: 8px; 
     letter-spacing: 1px;
     visibility: hidden;
   }

table table table td.meta a {
     font-family: arial narrow; 
     font-size: 7px; 
     letter-spacing: 1px; 
     line-height: 8px;
     text-transform: uppercase;
     visibility: visible !important;
   }

table table table table td.meta a {
     visibility: hidden !important;
   }

.comments {
     text-transform: uppercase; 
     font-size: 7px; 
     font-family: arial narrow; 
     line-height: 8px; 
     letter-spacing: 1px; 
     padding-right: 6px; 
     padding-top: 2px;
     padding-bottom: 2px;
   }

table table table table .meta, table table tr.caption td.index, table table tr.caption td.caption, .entrybox td table td.index, tr.caption {
     line-height: 0px; 
     visibility: hidden;
   }

table table table table table .meta {
     color: #fff; 
     font-size: 7px; 
     line-height: 8px; 
     visibility: visible;
   }

.shadowed td div {
     display: none;
   }

.shadowed img {
     display: block;
     height: 40px;
     width: 40px;
     border-radius: 100px;
     padding: 2px;
     background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
     border: 1px solid #242424;
     box-shadow:  3px 2px 2px #57c6e1, 
                 -3px 2px 2px #b49fda, 
                  3px -2px 2px #ffcc33, 
                 -3px -2px 2px #eea2a2;
   }

table table tr.caption td.caption {
     display:none; 
     visibility:hidden;
   }

.caption img {
     display: none;
   }

.entrybox a.index {
     font-family: arial narrow; 
     font-size:6px; 
     line-height:6px; 
     text-transform: uppercase; 
     letter-spacing: 1px; 
     padding: 0px; 
     visibility: visible !important;
     padding: 3px;
   }

.index img {
     border-radius: 100px; 
     opacity: 0.9;
     height: 40px;
     width: 40px;
     visibility: visible !important;
   }

.ljuser img {
     display:none;
   }

.ljuser:before {
     content: "–";
   }

body, a {
     cursor:url(http://i.imgur.com/ONVDMqu.png), default;
   }

a {
     display: inline-block;
     position: relative;
     text-decoration: none;
     color: #fff;
     transition: color .3s ease;
   }

a:hover {
     color: #fff;
     text-decoration: none;
     background-image: linear-gradient(to left, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
   }

#username {
     position: absolute;
     visibility: visible;
     display: block;
     top: 17px;
     transform: rotate(-6deg);
     margin-left: 1px;
   }

</style>

<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <Small> </small> <a href="%%urlpost%%"><i class="th th-paper-plane-o"></i></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

LASTN_OPT_ITEMS=>2

LASTN_DATE_FORMAT=><span style="color:#959595">%%dd%%.%%mm%%.%%yyyy%%</span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

LASTN_WEBSITE<=
<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr>
<td class="meta" colspan="5">
<table cellspacing="0" cellpadding="0" border="0" style="margin-bottom: -18px; margin-top:11px; margin-left: 16px;" summary="">
<tr>
<td class="meta"></td>
<td class="meta" align="right">userinfo:</td>
<td class="meta" align="center"> </td>
<td class="meta" align="left" style="background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; border-bottom: 1px solid #b49fda;"><a href="/info" style="border: 0 !important; color: #000; visibility: visible !important;">insanejournal userinfo</a></td>
<td class="meta"></td>
</tr>
<tr>
<td class="meta"></td>
<td class="meta" align="right" style="border-top: 2px solid #242424;">friends:</td>
<td class="meta" align="center"> </td>
<td class="meta" align="left" style="background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); letter-spacing: 1.4px; text-transform: uppercase; padding-left: 2px; border-bottom: 1px solid #b49fda; border-top: 2px solid #242424;"><a href="/friends" style="border: 0 !important; color: #000; visibility: visible !important; letter-spacing: 1.3px;">insanejournal friends</a></td>
<td class="meta"></td>
</tr>
<tr>
<td class="meta"></td>
<td class="meta" align="right" style="border-top: 2px solid #242424;">calendar:</td>
<td class="meta" align="center"> </td>
<td class="meta" align="left" style="background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; border-bottom: 1px solid #b49fda; border-top: 2px solid #242424;"><a href="/calendar" style="border: 0 !important; color: #000; visibility: visible !important;">insanejournal calendar</a></td>
<td class="meta"></td>
</tr>
</table>
</td>
</tr>

<div id="username">
   <span style="font-family: username; font-size: 40px; letter-spacing: 1px; color: #7ac5d8;">Tannhaus</span>
</div>

<=LASTN_WEBSITE

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE=>   <div class="signature">username</div>

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>—————</title>
<link href="" rel="shortcut icon">
<link href="http://thnksfrthhtml.neocities.org/comments.css" rel="stylesheet">
<link href="http://thnksfrthhtml.neocities.org/signature.css" rel="stylesheet">
<link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>

/* 
   $ credit to: @kahnwald
   $ leave credit in tact, change colours, ask for help or codes
*/

body {
     background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
   }

td {
     font-family: arial narrow, sans-serif; 
     font-size: 9px; 
     line-height: 0px; 
     color: #D7D7D7;
   }

td.caption {
     font-size:0px; 
     line-height:0px;
   }

.shadowed, .entrybox {
     font-size: 10px;
     width: 596px;
     background-color: rgba(355, 355, 355, 0.5);
     border-radius: 1px;
     box-shadow: 0px 1px 2px #f0f0f0;
     border: 1px solid transparent;
     border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
     border-image-slice: 1;
     margin-top: -5px;
   }

.shadowed td div {
     font-family: arial narrow; 
     font-size: 9px; 
     line-height: 0px; 
     color: #D7D7D7; 
     text-shadow: 3px 3px 1px #fff; 
     margin-top: 5px; 
     display: none;
   }

.meta {
     visibility:visible; 
     font-size: 6.5px; 
     padding:0px;
   }

.index {
     visibility:visible;
   }

a.index {
     visibility: visible; 
     font-family: comments; 
     font-size: 5px; 
     line-height: 7px; 
     letter-spacing: 1px; 
     text-transform: uppercase;
     text-decoration: none;
     border: 0;
     background: transparent !important;
   }

table table table td.meta {
     color:transparent; 
     font-size:0px; 
     line-height:0px;
   }

p table.entrybox table table td.meta, table table table td.meta a {
     font-family: arial narrow, sans-serif; 
     font-size:7px; 
     text-transform:uppercase; 
     line-height:9px; 
     padding:0px; 
     letter-spacing:1px; 
     margin-top:-13px;
   }

table table table table td.meta a {
     font-family: arial narrow, sans-serif; 
     font-size: 7px; 
     line-height: 11px; 
     font-style: italic; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     padding-left: 2px;
     top: 12px;
     position: relative;
   }

p table table table td.meta {
     font-family: arial narrow, sans-serif; 
     font-size: 7px; 
     line-height: 9px; 
     letter-spacing: 1px; 
     text-transform: uppercase;
   }

.shadowed img {
     border-radius: 100px; 
     box-shadow:0 0 1px #ccc; 
     padding:2px; 
     height:40px; 
     width:40px; 
     margin-top: -5px; 
     margin-bottom: -5px; 
     filter: grayscale(100%);
   }

a {
     color: #dca8f5; 
     text-decoration: none; 
     border-style: solid; 
     border-width: 0 0 2px 0;     
     -webkit-border-image: -webkit-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);    
     -moz-border-image: -moz-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%); 
     -o-border-image: -o-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);  
      border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%) 100% 1;
    }

a:hover {
      color: #7c9090; 
      text-decoration: none; 
      border-bottom: 1px solid #34df98;
      background-image: linear-gradient(225deg, #E3FDF5 0%, #FFE6FA 100%);
   }

p table table td.caption {
     font-family: arial narrow; 
     font-size: 6.5px; 
     line-height: 7px; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     font-style: italic; 
     color: #D7D7D7; 
     margin-bottom: -5px; 
     padding: 0px; 
     padding-left: 3px; 
     padding-top: 2px;
   }

.comments {
     font-family: arial narrow, sans-serif;
     font-size: 7px;
     line-height: 7px;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding-bottom:2px;
     background: linear-gradient(to right, #e8f9f68c 50%, #dca8f512 100%);
   }

.comments a {
     border-bottom: 0px;
     transition: all 300ms ease-in-out;
   }

.comments a:hover {
     color: #67dcb8;
   }

.comments b {
     transition: all .2s;
     text-decoration: none;
     font-family: comments;
     font-weight: normal !important;
     position: absolute;
     overflow: hidden;
     margin: 0 -50 3;
     padding: 0 0 2px;
   }

.comments b::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background: currentcolor;
     -webkit-transform: translateX(-110%);
     transform: translateX(-110%);
     transition: -webkit-transform 1s ease;
     transition: transform 1s ease;
     transition: transform 1s ease, -webkit-transform 1s ease;
   }

.comments b:hover::before {
     -webkit-transform: translateX(110%);
     transform: translateX(110%);
   }

.entrybox td.index {
     font-family:arial narrow, sans-serif; 
     font-size:6.5px; 
     line-height:7px; 
     letter-spacing:1px; 
     text-transform:uppercase; 
     color:#FBFBFB; 
     background-color:#; 
     padding:0 2 0 0; 
     padding-left: 3px;
   }

.entrybox td table td.index, tr.caption {
     visibility:hidden;
   }

table table tr.caption, table table td.index {
     visibility: hidden;
   }

td.index {
     visibility: visible;
   }

tr.caption {
     display: visible;
   }

.index img {
     width: 45px; 
     height: 45px;
   }

.entrybox table table table td[align=center] {
     color:transparent; 
     font-size:0px;
   }

.ljuser img {
     display:none;
   }

.ljuser:before {
     content: "—";
   }

.caption img {
     width:0px; 
     height:0px;
   }

.th {
     font-size:95%; 
     text-shadow:0 0 0.5px rgba(0,0,0,0.05); 
     font-smoothing: antialiased;
   }

.signature {
     position: absolute;
     display: block !important;
     top: 25px;
     font-family: signature !important;
     font-size: 32px !important;
     letter-spacing: 0px !important;
     line-height: 10px !important;
     text-transform: lowercase !important; 
     color: #dca8f5 !important;
     text-shadow: 1px 0px 1px #FFFFFF !important;
     text-transform: none;
     font-weight: light;
     margin-left: 3px;
   }

.signature:hover {
     background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%) !important;
   }

</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%% COMMENTS</a>

LASTN_OPT_ITEMS=>2

FRIENDS_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%% COMMENTS</a>

LASTN_WEBSITE=>   <div class="signature">username</div>

GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://i.imgur.com/WIhpeaL.png" type="image/x-icon" />
<link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">

<style>

@font-face {font-family: 'script1'; src: url('//2ttf.com/webfont/LH4WjBJzheg/webfont.ttf') format('truetype');
}
</style>

<style>

/* credit: lilyj, please rehost your fonts and drop me a comment if you need help with that! */
/* templatesss edit - i included a font from 2ttf to make things easier so there's no need to rehost the script1 font from 2ttf */
 
body {
/* ombre background */
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 2%, #f7f7f7 47%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfcfc 2%,#f7f7f7 47%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfcfc 2%,#f7f7f7 47%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+  */;}

/* justifies the text */
tr {text-align:justify;}

/* entrybox */
.entrybox, .shadowed {
background: url(http://i.imgur.com/eLjRmuC.png);
box-shadow: 0px 0px 1px #c7c7c7;}
 
/* main links under name field */
table table table td.meta {font-size:0px;line-height:0px;}

p table.entrybox table table td.meta, table table table td.meta a 
{font-size: 6px;
letter-spacing: 1px; 
line-height: 7px; 
font-family: arial;
margin-left: 55px;
margin-top: -15px;}
 
/* hides top title and extra text around name field links */
.entrybox td table td.index, tr.caption, table table td.index {visibility: hidden;}
table table tr.caption td.index{visibility: hidden;} tr.caption {display: visible;}
 
/* font */
td {font-family: arial;
font-size:11px;
line-height:10px;
 color:#000000;}
body, td {color:#000000;
font-weight:normal !important;}
 
/* upper right links */
.index{font-size: 7px;
text-transform: uppercase;
letter-spacing: 1;
font-family: arial;
line-height: 7px;
color:#f9f9f9;}
 
/* subject */
p table table td.caption{font-family: arial;
 letter-spacing: 1px;
text-transform: uppercase;
font-size: 7px;
color: #000000; }
 
/* namefield. */
.shadowed td div {font-family: script1, parisienne;
font-size: 40px;
line-height: 10px;
color: #464646;
text-shadow: 1px 1px 1px #ddd;
font-weight: lighter;
margin-left: 53px; 
margin-top: 20px;}
.shadowed td div img {box-shadow: 0 0 0 !important;}
 
/* comments. */
.comments {font-family: arial;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
text-transform: uppercase;}
 
b {font-weight:normal !important;}
 
/* link effects. */
a, a:visited, a:active {color: 
#999999;
 text-decoration: none;
-webkit-transition-duration: 1.5s; 
-moz-transition-duration: 1.5s; 
transition-duration: 1.5s;}

a:hover{color: #ffffff; 
text-shadow:1px 1px 1px #999999;
text-decoration: none;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
transition-duration: 1.5s;}
 
/* locks. */

img[src*="img/userinfo.gif"] 
{width: 0 !important;
height: 0 !important; 
background: transparent url() no-repeat !important; 
padding:7px 0 0 7px!important; 
vertical-align:-1px!important;
opacity:0.8;}

img[src*="img/community.gif"] 
{width: 0 !important; 
height: 0 !important; 
background: transparent url() no-repeat !important; 
padding:9px 0 0 9px !important; 
vertical-align:-1px !important;}
 
/* scrollbar */
 ::selection {color:#000000; background-color:#f2f2f2; }
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #C4C4C4;
border-radius:0px;
background-image:url('');
background-color:#eee;}
 
/* bottom links */
.meta{font-family: arial;
font-size: 7px;
 text-transform: uppercase;
letter-spacing: 1px; }
 
/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "~";}

/* icons - shadowed is default, index is fp */
.shadowed img {display: none; border: 1px; 
padding: 2px; 
box-shadow:0 0 1px #bbb; 
border-radius: 100 100 100 100;}
.index img{width: 85px; height: 85px;}

/* flower wreath */
#wreath {position:absolute; 
top: -29px; 
margin-left: -203px; 
visibility: visible; 
z-index: 1;}

/* Image replaces default icon */
#icon {
position: absolute;
top: 0px;
margin-left: -144px;
visibility: visible;
height: 65px; 
width: 65px;}

/* cursor */
body, a {cursor:url(http://i.imgur.com/3tpwbdw.png), default;}

</style>

<=GLOBAL_HEAD

LASTN_WEBSITE<=
<div id="wreath">
<img src="https://i.imgur.com/Mdp53Do.png" style="display: block; margin-top: 86px; margin-left: 133px; width: 100px; height: 43px;">
</div>

<div id="icon">
<img src="https://i.imgur.com/bbyRazk.gif" style="display: block;border: 1px; padding: 2px; box-shadow:0 0 1px #999999; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px;-moz-border-radius:100px; opacity: .70;margin-top: 10px;margin-left: 80px;width: 80px; height: 80px;">
</div>
<=LASTN_WEBSITE