PAGE TITLE

GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

<style>

/* credit: moosh@ij &&& always open to comments or pms if you need any help whatsoever!! */

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

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

body{ background: url(http://i.imgur.com/H0z463E.png), linear-gradient(to bottom, #fafafa, #f6f5f5); background-attachment: fixed; overflow-x: hidden; margin-top: 0px;}
td{font-family: consolas; 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;}

.entrybox {background-color: rgba(255, 255, 255, 0.85); box-shadow: 1px 1px 2px #e0e0e0;}

p table table td.caption {font-size:7px; font-family: Hind; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 7px; padding-left: 4px; }

.comments {font-size: 9px; font-family: consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 12px;}

#topbar { position: absolute; visibility: visible; top: 35px; left: 50%; margin-left: -303px; z-index:8; margin-top: -7px; height: 26px; width: 592px; padding-left: 8px; border-radius: 3px 3px 0 0; background: linear-gradient(to right, rgba(155, 230, 226, 0.35), rgba(207, 227, 176, 0.35), rgba(155, 230, 226, 0.35)); font-family: dosis; font-size: 15px; color: #1a1a1a; line-height: 25px; letter-spacing: 1px; word-spacing: -1px; text-shadow: #999 0px 0px 1px; text-transform: uppercase; }

#topnav { position: absolute; visibility: visible; top: 35px; right: 50%; margin-right: -297px; z-index:8; margin-top: -7px; height: 26px; width: 592px; padding-right: 8px; font-family: mot; font-size: 15px; color: #1a1a1a; line-height: 25px; word-spacing: 12px; text-shadow: #999 0px 0px 1px; text-align: right; }

.linx { color: #3a3a3a; text-shadow: rgba(40, 170, 162, 0.45) 0px 0px 1px; -webkit-transition: all 0.8s ease-in; }
.linx:hover { color: #5a5a5a; -webkit-transition: all 0.8s ease-in; }

/* all the little things. */
.shadowed td div {visibility: hidden;}

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}

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

.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, .nein{display:none; color:#909090;}

.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; }

.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;}

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;}

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

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

.shadowed img { display: none;}

.index img {border-radius: 100px; height: 55px; width:55px;}
.entrybox tr td table tr td table tr td {background: transparent;}
a.index {color: #777; background-color: transparent;}
.entrybox a.index font {color: #777;}

.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

.ljuser:before {display: none;}

.caption img {display: none;}

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=>2

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="topbar"><a href="/" class="linx"><span class="lnr lnr-sun"></span></a> lyrics or welcome</div>

<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="topbar"><a href="/" class="linx"><span class="lnr lnr-sun"></span></a> lyrics or welcome</div>

<a href="CUSTOM LINK" class="linx" title="cυѕтσмѕ"><span class="lnr lnr-moon" style="font-size: 13px;"></span></a></div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="topbar"><a href="/" class="linx"><span class="lnr lnr-sun"></span></a> lyrics or welcome</div>

<a href="CUSTOM LINK" class="linx" title="cυѕтσмѕ"><span class="lnr lnr-moon" style="font-size: 13px;"></span></a></div>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="topbar"><a href="/" class="linx"><span class="lnr lnr-sun"></span></a> lyrics or welcome</div>

<a href="CUSTOM LINK" class="linx" title="cυѕтσмѕ"><span class="lnr lnr-moon" style="font-size: 13px;"></span></a></div>
<=CALENDAR_WEBSITE

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

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

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

CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

<style>

/* layout by moosh &&& feel free if you have any issues, questions, or just need help with whatever!! */

body{background-color: rgba(249, 249, 249, 1); background-image: url(http://i.imgur.com/M5lhadV.png); overflow-x: hidden; margin-top: 0px; margin-top:-5px;}
td{font-family: consolas; 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;}

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

/* link colours */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: rgba(0, 189, 177, 0.9);} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; filter: hue-rotate(360deg) saturate(0.7);-webkit-filter: hue-rotate(360deg) saturate(0.7);-moz-filter: hue-rotate(360deg) saturate(0.7);-ms-filter: hue-rotate(360deg) saturate(0.7);-o-filter: hue-rotate(360deg) saturate(0.7);text-decoration: none;}

/* entrybox */
.entrybox {width: 600px; background-color: rgba(255, 255, 255, 0.7); background-image: url(http://i.imgur.com/qL2GkRa.png); box-shadow: 0 0 1px rgba(204, 215, 197, 0.6); border: 2px solid rgba(144, 249, 124, 0.3); border-radius: 2px;}

/* subject  */
p table table td.caption {text-indent: 10px; display: block; font-family: itim; font-size: 7pt; line-height: 5pt; letter-spacing: 0.5px; text-transform: uppercase; color: #555; text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
background: url(http://i.imgur.com/qL2GkRa.png); width: 99%; margin-left: -2px; margin-top: -2px; border-bottom: 1px solid rgba(197, 196, 196, 0.15);}

/* 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}

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

/* 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;}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: consolas;font-size:6pt; color:#f5f1e9; 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: #fff;}

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

/* fp stuff */
.index img {border-radius: 100px; height: 55px; width:55px;}
.entrybox tr td table tr td table tr td {background: transparent;}
a.index {color: #777; background-color: transparent;}
.entrybox a.index font {color: #777;}

/* top banner & image */
.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

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

/* the messy stuff */
#sidebar { position: fixed; visibility: visible; top: 78px; left: 195px; z-index:8; }
#one { position: fixed; visibility: visible; }
#two { position: fixed; visibility: visible; left: 258px; }
#three { position: fixed; visibility: visible; top: 141px;}
#four { position: fixed; visibility: visible; top: 141px; left: 258px;}

.i1 { height: 50px; width: 50px; padding: 5px; background: rgba(255, 162, 162, 0.5); border: 2px solid rgba(255, 162, 162, 0.7); border-radius: 20px 200px 20px 200px; }
a.i1:hover {-webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease;}

.i2 { height: 50px; width: 50px; padding: 5px; background: rgba(0, 189, 177, 0.5); border: 2px solid rgba(0, 189, 177, 0.7); border-radius: 200px 20px 200px 20px; }
a.i2:hover {-webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease;}

.i3 { height: 50px; width: 50px; padding: 5px; background: rgba(144, 249, 124, 0.5); border: 2px solid rgba(144, 249, 124, 0.7); border-radius: 200px 20px 200px 20px; }
a.i3:hover {-webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease;}

.i4 { height: 50px; width: 50px; padding: 5px; background: rgba(180, 109, 197, 0.5); border: 2px solid rgba(180, 109, 197, 0.7); border-radius: 20px 200px 20px 200px; }
a.i4:hover {-webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease;}

#float { position:fixed; visibility: visible; top: 111px; left: 226; z-index:10; text-align:justify;}
.gif { filter: alpha; width:53px; height:53px; background: rgba(255, 254, 254, 0.6); padding: 2px; border-radius: 100%; float: left; border: 1px solid rgba(254, 254, 254, 0.7); margin-bottom: 5px; }

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

/* 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>

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;}
</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<img src="GIF HERE" class="gif" id="float" style="display:inline;">
<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<img src="GIF HERE" class="gif" id="float" style="display:inline;">
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<img src="GIF HERE" class="gif" id="float" style="display:inline;">
<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<img src="GIF HERE" class="gif" id="float" style="display:inline;">
<=CALENDAR_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>

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

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>

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

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

GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

body{background: url(https://i.imgur.com/H0z463E.png), linear-gradient(to top, #f6f5f5, #fff);
height: 100%;
background-attachment: fixed;
overflow-x: hidden; margin-top: 0px; margin-top: -5px;}
td{font-family: consolas; 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;}

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

/* link colours */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #DD7A7A;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #E0D3CB; letter-spacing: 2px;}

/* main entrybox */
.entrybox {width: 600px; background-color: rgba(254, 254, 255, 0.85); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4);}

/* subject line */
p table table td.caption {display: block; font-family: dosis, consolas; font-size: 8px; letter-spacing: 2px; line-height: 11px; text-align: justify; color: #333; font-weight: 300; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; padding: 0; text-indent: 4px;}

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

/* comments */
.comments {font-size: 9px; font-family: dosis, consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #fefefe 0px 0px 1px; line-height: 12px;}

/* 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; }

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

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

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: consolas;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;}

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

/* top banner & image */
.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

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

/* the messy stuff */
#bar { position: absolute; visibility: visible; top: 35px; left: 50%; margin-left: -303px; z-index:1; width:600px; height: 19px; background: linear-gradient(to right, #F9D2B4, #AFD6F9, #F9D2B4); border-radius: 5px 5px 0 0;}

#giff { position: absolute; visibility: visible; top: 11px; left: 50%; margin-left: -19px; z-index:100000;}
.gif { filter: alpha; width:34px; height:34px; background: linear-gradient(to bottom, #F9D2B4, #AFD6F9);  padding: 2px; border-radius: 100%; float: left;  margin-bottom: 5px;}

#bg {position: absolute; visibility: visible; top: 8px; left: 50%; margin-left: -22px; z-index:10;}
.gifbg {filter: alpha; width:44px; height:44px; background: #fff; background-image: url(https://i.imgur.com/ik9TEw5.png); border-radius: 100%; float: left;}

#nav1 { position: absolute; visibility: visible; top: 38px; left: 50%; margin-left: -303px; z-index:51; margin-top: -7px; }

#nav2 { position: absolute; visibility: visible; top: 38px; right: 50%; margin-right: -303px; z-index:51; margin-top: -7px; }
 
.one {background: url(https://i.imgur.com/z4AH5ry.gif); opacity: 0.7; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(48, 157, 201, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.one:hover {letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

.two {background: url(https://i.imgur.com/z4AH5ry.gif); opacity: 0.7; margin-left: -3px; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(109, 110, 168, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.two:hover {letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

.three {background: url(https://i.imgur.com/z4AH5ry.gif); opacity: 0.7; margin-right: -3px; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(170, 62, 134, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.three:hover {letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

.four {background: url(https://i.imgur.com/z4AH5ry.gif); opacity: 0.7; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border-radius: 0px 3px 0px 0px; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(231, 15, 101, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.four:hover {letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

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

</style>

<style>

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="nav1"><a href="/profile" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> profile</a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>

<div id="nav2"><a href="CUSTOMS LINK" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> customs</a>

<a href="SCENES LINK" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> scenes</a></div>
<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="nav1"><a href="/profile" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> profile</a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>

<div id="nav2"><a href="CUSTOMS LINK" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> customs</a>

<a href="SCENES LINK" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> scenes</a></div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="nav1"><a href="/profile" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> profile</a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>

<div id="nav2"><a href="CUSTOMS LINK" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> customs</a>

<a href="SCENES LINK" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> scenes</a></div>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="nav1"><a href="/profile" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> profile</a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>

<div id="nav2"><a href="CUSTOMS LINK" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> customs</a>

<a href="SCENES LINK" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> scenes</a></div>
<=CALENDAR_WEBSITE

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

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

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

CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

<style>

/* credit: moosh@ij &&& always open to comments or pms if you need any help whatsoever!! */

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

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

body{ background: url(http://i.imgur.com/2q0GQuu.png), linear-gradient(to bottom, #FFFFFD, #e0e0e0); background-attachment: fixed; overflow-x: hidden; margin-top: 0px;}
td{font-family: consolas; 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;}

.entrybox {background-color: rgba(255, 255, 255, 0.85); box-shadow: 1px 1px 2px #e0e0e0;}

.comments {font-size: 9px; font-family: consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 12px;}

#sidebar1 { position: absolute; visibility: visible; top: 35px; left: 50%; margin-left: -303px; z-index:8; margin-top: -7px; }

#sidebar2 { position: absolute; visibility: visible; top: 35px; right: 50%; margin-right: -297px; z-index:8; margin-top: -7px; }

#float { position: absolute; visibility: visible; top: 10px; left: 50%; margin-left: -33px; z-index:10; text-align:justify;}
.icon { filter: alpha; width:53px; height:53px; background: #fff; box-shadow: 1px 1px 2px #e0e0e0; padding: 3px; border-radius: 100%; float: left; margin-bottom: 5px; }
 
.one {background-color: rgba(48, 157, 201, 0.65); padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border-radius: 3px 0px 0px 0px; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(48, 157, 201, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.one:hover {background-color: rgba(48, 157, 201, 0.15); word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}

.two {margin-left: -3px; background-color: rgba(109, 110, 168, 0.65); padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(109, 110, 168, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.two:hover {background-color: rgba(109, 110, 168, 0.25); word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}

.three {margin-right: -3px; background-color: rgba(170, 62, 134, 0.65); padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(170, 62, 134, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.three:hover {background-color: rgba(170, 62, 134, 0.15); word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}

.four {background-color: rgba(231, 15, 101, 0.65); padding: 5 15 6; text-align: left; line-height: 8px; letter-spacing: 1px; text-decoration: none; border-radius: 0px 3px 0px 0px; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #000; text-shadow: rgba(231, 15, 101, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.four:hover {background-color: rgba(231, 15, 101, 0.15); word-spacing: 40px; color: #222; -webkit-transition: all 0.8s ease-in;}

/* all the little things. */
.shadowed td div {visibility: hidden;}

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}

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

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

.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; }

.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;}

p.index, tr.caption, .date {font-family: hind; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}

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

.shadowed img { display: none;}

.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

.ljuser:before {display: none;}

.caption img {display: none;}

</style>

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar2"><a href="LINK" class="three"><i style="font-size:9px;" class="fa fa-lock"></i> THREE</a>

<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar2"><a href="LINK" class="three"><i style="font-size:9px;" class="fa fa-lock"></i> THREE</a>

<div id="float"><a href="/profile"><img src="IMAGE HERE" class="icon" style="display:inline;"></a></div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar2"><a href="LINK" class="three"><i style="font-size:9px;" class="fa fa-lock"></i> THREE</a>

<div id="float"><a href="/profile"><img src="IMAGE HERE" class="icon" style="display:inline;"></a></div>
<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar2"><a href="LINK" class="three"><i style="font-size:9px;" class="fa fa-lock"></i> THREE</a>

<div id="float"><a href="/profile"><img src="IMAGE HERE" class="icon" style="display:inline;"></a></div>
<=CALENDAR_WEBSITE

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

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

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

CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar">lyrics here</div>

<span id="ONE"><a href="/"><img class="dot" id="bubble" src="http://i.imgur.com/gJroawV.gif" style="display:inline;"></a></span>
<span id="TWO"><a href="/friends"><img class="dot" id="bubble" src="http://i.imgur.com/gJroawV.gif" style="display:inline;"></a></span>
<span id="THREE"><a href="CUSTOM LINK"><img class="dot" id="bubble" src="http://i.imgur.com/gJroawV.gif" style="display:inline;"></a></span></div>
<=FRIENDS_WEBSITE

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

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar">lyrics here</div>

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

GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

body{background-color: rgba(255, 255, 255, 1); background-image: url(http://i.imgur.com/nJpBBsQ.png); overflow-x: hidden; margin-top: 0px; margin-top: -5px;}
td{font-family: consolas; 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;}

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

/* main entrybox */
.entrybox {background-color: rgba(216, 215, 215, 0.35); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4); border-top: 3px solid rgba(201, 201, 201, 0.3); border-left: 3px solid rgba(201, 201, 201, 0.3); border-right: 2px solid rgba(201, 201, 201, 0.3); border-bottom: 2px solid rgba(201, 201, 201, 0.3);}

/* subject line */
p table table td.caption {font-size:7px; font-family: Hind; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; margin-bottom:-4px; line-height: 8px; padding: 0; border-width: 0 0 1px 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right,  #D6ABB1, #D9D9D9) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #D6ABB1, #D9D9D9) 100% 1;
    -o-border-image: -o-linear-gradient(right,  #D6ABB1, #D9D9D9) 100% 1;
    border-image: linear-gradient(to right,  #D6ABB1, #D9D9D9) 100% 1;}

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

/* comments */
.comments {font-size: 9px; font-family: consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 12px;}

/* 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; }

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

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

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

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

/* top banner & image */
.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

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

/* the messy stuff */
#sidebar { position: absolute; visibility: visible; top: 35px; right: 50%; margin-right: -240px; text-align: right; font-family: las; font-size: 25px; letter-spacing: -1px; word-spacing: -2px; color: rgba(0, 0, 0, 0.6); text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.6), 3px 2px 2px rgba(170, 170, 170, 0.5); text-transform: lowercase; z-index:8; margin-bottom: -8px; }

#float { position: absolute; visibility: visible; top: 11px; left: 50%; margin-left: 240px; z-index:10; text-align:justify;}
.gif { filter: alpha; width:53px; height:53px; background: rgba(255, 254, 254, 0.6); padding: 2px; border-radius: 100%; float: left; border: 1px solid rgba(254, 254, 254, 0.7); margin-bottom: 5px; }

#ONE{position: absolute; top: 5px; left: 53px; z-index: 100}
#TWO{position: absolute; top: 25px; left: 60px; z-index: 100}
#THREE{position: absolute; top: 48px; left: 53px; z-index: 100}
 
#BUBBLE{border-radius: 50px; width: 7px; height: 7px; overflow: hidden; display: inline-block; color: transparent; font-size: 8px; -webkit-transition: all 0.4s ease-in;}
#BUBBLE:hover{border-radius: 50px; width: 7px; height: 7px; overflow: hidden; display: inline-block; color: transparent; font-size: 8px; -webkit-transition: all 0.4s ease-in;}

.dot{background-color: rgba(0, 189, 177, 0.58);}
.dot:hover{background-color: rgba(214, 171, 177, 0.7);}

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

</style>

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

LASTN_OPT_ITEMS=>2

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar">lyrics here</div>

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="sidebar">lyrics here</div>

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fontcity.neocities.org/evita.css">
<link rel="shortcut icon" href="">
<title>TITLE</title>

<style>

/* layout by tentacool - feel free to reach out for assistance
    you do not need to rehost any of my fonts unless you choose to */

/* page background */
body {background-color:#F6F6F6;}

/* font in entries*/
td {font-family:roboto; font-size:9px; line-height:10px; color:#000000; letter-spacing:0px;}

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

/*removes font weight*/
b{font-weight: normal;}

/*makes entrybox and namefield the same size*/
.entrybox {width:594px;}

/* entrybox */
.entrybox, .shadowed {
background-color: rgba(255,255,255,.7);
padding: 0px;
}

/* removes top nav extra words and brackets */
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;}

/* hides upper right links */
table table tr.caption td.index{visibility: hidden;}

/* hides top left name */
td.caption {font-size:0px; line-height:0px;}

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

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

/* namefield. */
.shadowed td div {
font-family: evita, sans-serif; 
font-size:35px; 
letter-spacing:0px; 
color:#5b5b5b; 
padding-top: 30px; 
line-height:1px; 
font-weight:light; 
text-transform:lowercase;
}

/* link effects. */
a {
color: #5b5b5b; 
text-decoration: none; 
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

a:hover {
color: transparent; 
text-decoration: none; 
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

/* comments. */
.comments {
font-family: roboto, sans-serif; 
font-size:7px; 
line-height:7px; 
letter-spacing:1px; 
text-transform:uppercase;
}

/* subject lines */
p table table td.caption {
font-family: roboto, sans-serif; 
font-size: 9px; 
line-height: 10px; 
letter-spacing: 1px; 
text-transform: uppercase; 
padding: 0px;}

/* all misc little text */
.index,  tr.caption, .meta, td.meta, .date {font-family: roboto, sans-serif; font-size: 7px; line-height:8px; color:#5b5b5b; letter-spacing:1px; text-transform:uppercase; padding:0px;}

/* usericons & locks. */
table td table td.caption img {
display:none;
}

.ljuser img {
display:none;
}

/*friends page icons*/
.index img {
border-radius:50px; 
height:50px; 
width:50px; 
padding: 4; 
margin-bottom:5px; 
background-color: #ccc;}
.index {
text-transform:uppercase;
font-family: roboto;
font-size:5pt; 
text-transformation: uppercase; 
text-shadow:none; 
letter-spacing: 1px; 
line-height:0px;}
.entrybox a.index font {
color: #5b5b5b;} 
td{background-color:transparent;}

/*icon */
.shadowed img {
border-radius: 100px;
height:60px;
width:60px;
box-shadow:0px 0px 1px #ccc, 
1px 1px 2px #ccc;}

#toplinks { 
position: absolute; 
visibility: visible; 
top: -20px; 
margin-left: 270px; 
z-index:1; 
font-size: 7px; 
text-transform:lowercase; 
font-family:roboto slab, arial;
font-style:italic;
}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<div id="toplinks"><a href="/" title="ᴇɴᴛʀɪᴇs"><font color="#5b5b5b">i.</font></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#5b5b5b">v.</font></a>  </div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="toplinks"><a href="/" title="ᴇɴᴛʀɪᴇs"><font color="#5b5b5b">i.</font></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#5b5b5b">v.</font></a>  </div>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=raleway" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fontcity.neocities.org/moon.css">
<link rel="shortcut icon" href="https://i.imgur.com/hSYxXZE.png">
<title></title>

/* layout by tentacool - feel free to reach out for assistance */
/* you do not need to rehost any of my fonts unless you choose to */

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

/* body background */
body {background: #0a0a0a url(https://www.transparenttextures.com/patterns/concrete-wall.png);}

/* controls font in entries */
td {font-family:; line-height:12px; color:#d8d8d8; letter-spacing:0px; font-size: 10px; text-shadow:1px 1px 1px #000;}

/* subject line and gradient */
p table table td.caption, .entrybox td.index{font-family: raleway, calibri, monaco; font-size: 10px; line-height:10px;  color:#d8d8d8; letter-spacing:1px; text-shadow:1px 1px 1px #000; text-transform:uppercase; border-bottom: 1px solid #A9A9A9;}

/* removes top nav extra words */
table table table td.meta {font-size:0px;line-height:0px;}
table table tr.caption td.caption {visibility:hidden;}

/* date & time */
.entrybox td.index {display:visible; font-family:helvetica; font-size:8px; line-height:7px; color:#d8d8d8; letter-spacing:0px; text-shadow:1px 1px 1px #000;}

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

/* shows your upper right links */
tr.caption {visibility:visible !important;}

/* entry background and line gradient */
.entrybox, .shadowed {background: url(); background-color:#1d1d1d;
border-left: 0px; border-right: 0px; border-top: 0px;  border-bottom: 2px solid #000; border-image: repeating-linear-gradient(to right, #1d1d1d, #333333, #555555, #777777, #999999, #777777, #555555, #333333, #1d1d1d) 10;}
 
/* namefield - adjust margin-left to move links under namefield */
.shadowed td div {font-family: moon, sans-serif; font-size:40px; line-height:10px; letter-spacing:0px; color:#d8d8d8; padding-top: 20px; padding-bottom:5px; text-transform:lowercase;}
p table.entrybox table table td.meta, table table table td.meta a {font-size:7px; letter-spacing:1px; line-height:8px; 
margin-left:60px;}

/* link effects. */
a {color: #A9A9A9; text-decoration: none; transition: all 0.9s ease-in-out; -o-transition-transition:  all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out;}
a:hover {text-decoration: none; color: #000; transition: all 0.9s ease-in-out; -o-transition-transition:  all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out;}

/* comments. */
.comments {font-family: raleway, sans-serif; font-size:8px; line-height:8px; letter-spacing:1px; text-transform:uppercase; color:#3d84bf;}

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

/* all misc little text */
p.index, .index, tr.caption, .date, td.meta {font-family: raleway, sans-serif; font-size: 8px; line-height:7px; color:#d8d8d8; letter-spacing:1px; text-transform:uppercase; padding:0px;}
b {font-weight:normal !important;}

/* icon */
.shadowed img{width: 65; height: 65; padding:2px; border-radius:100px; box-shadow:0 0 1px #777; background: linear-gradient(to left, #333333, #555555, #777777, #999999); background: -moz-linear-gradient(to right, #1d1d1d, #333333, #555555, #777777, #999999);}

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

/* moon */
.shadowed{background-image:url(https://i.imgur.com/tJ3K4gw.png); background-repeat:no-repeat; background-position:right;}
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE=><center></center>

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE=><center></center>

GLOBAL_HEAD<=
<title></title>
<link rel="shortcut icon" href="">

@font-face { font-family: "perfume"; src: url('https://dl.dropboxusercontent.com/s/yoy9ttxh19a0yly/Perfume-Classic-Demo-Version.otf') ;}

/* font */
td {font-family: helvetica; font-size:11px; line-height:10px;}
tr {text-align:justify;}

/* background */ 
body {background-image: url(http://i.imgur.com/H0Q3hWQ.png);}

/* entrybox background and shadow */
.entrybox, .shadowed { background: url(http://i.imgur.com/eLjRmuC.png); box-shadow: 1px 2px 3px  #afafaf;}
 
/* mood & music */
.entrybox td.meta {display:none}

/* date & time */
.entrybox td.index {display:none; font-family:helvetica; font-size:8px; line-height:7px;}

/*top right navigation */
tr.caption {visibility:hidden;}

/* subject */
p table table td.caption{font-family: helvetica;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 8px;}

/* namefield. */
.shadowed td div {font-family: perfume;
font-size: 45px;
color: #1d1d1d;
text-shadow: 1px 1px 1px #ccc;
line-height: 0px;
margin-left: 40px; 
margin-top: 20px;}
 
/* links under namefied - adjust margin left number to center */
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:7px;letter-spacing:1px;line-height:6px; font-family: helvetica; margin-top:-4px; margin-left:35px;}

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

/* all misc links */
.meta{font-family: helvetica;
font-size: 7px;
 text-transform: uppercase;
letter-spacing: 1px; }
table table tr.caption td.caption {visibility: hidden;}

/* link effects. */
a {color: #96A6C9; 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 {text-decoration: none; color: #000; 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;}

/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "~";}
 
 /* makes your default smaller */
.shadowed img {width:80px; height:80px;}

/* magnolia border */
#magnolia {position:absolute; 
top: -3px; 
margin-left: -112px; 
visibility: visible; 
z-index: 1;}

/* cursor */
body, a {cursor:url(https://i.imgur.com/TsUdy6f.png), default;}

</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>6

LASTN_WEBSITE<=
<div id="magnolia">
<img src="https://i.imgur.com/OAqquEV.png" style="display: block; width: 133px; height: 117px;">
</div>

<=LASTN_WEBSITE

GLOBAL_HEAD<=
<title>bombshell</title>
<link href="" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">

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.02); box-shadow:#eaeaea 0px 0px 0px 1px; border-width: 1px 0 0 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #D4486F, #F2B8A0) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #D4486F, #F2B8A0) 100% 1;
    -o-border-image: -o-linear-gradient(right, #D4486F, #F2B8A0) 100% 1;
    border-image: linear-gradient(to right, #D4486F, #F2B8A0) 100% 1;}

/* body text */
tr, td, table, body {font-family: verdana; font-size: 10px; line-height:12px; color:#000000;}

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

/* namefield. */
.shadowed td div {font-family: satisfy; font-size:45px; line-height:0px; letter-spacing: 0px; display:block; text-transform:lowercase; padding-top:25px; padding-bottom:10px; color: #190233; text-shadow: 1px 1px 1px #F2B8A0, -1px -1px 1px #DF5C7E;}

/* all misc little text */
p.index, .index, tr.caption, .meta, td.meta, .date {font-family: source code pro, consolas; font-size:8px; 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;}

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

.dates {font-family: source code pro, consolas; 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:#DF5C7E;} 
a:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;color:#222; text-decoration: none;}
/* icons */
.index img {border:0; box-shadow:0 0 1px #777; background: linear-gradient(to right, #DF5C7E, #F2B8A0);background: -moz-linear-gradient(to right, #33D8BD, #83D833); padding:2px; height: 55px; width: 55px; border-radius: 90px; margin-top: -15px;}
.shadowed img {border:0;box-shadow:0 0 1px #777;background: linear-gradient(to right, #DF5C7E, #F2B8A0);background: -moz-linear-gradient(to right, #33D8BD, #83D833); padding:2px;height: 55px;width: 55px;border-radius:90px;-moz-border-radius:90px; margin-top: -8px;}
 
p table table td.caption img{width: 4pt; height: 4pt;}
table{margin-bottom: -2px;}

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

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>5

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

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">COMMENT</a>
</td>
</tr>
<=LASTN_TALK_LINKS