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

<link href="http://fonts.googleapis.com/css?family=Hind|Itim|Dosis" rel="stylesheet" type="text/css">

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

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

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

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

<div id="sidebar"><a href="/info" title="ᴘʀᴏғɪʟᴇ" id="one" class="i1"></a>

<a href="/" title="ᴇɴᴛʀɪᴇs" id="two" class="i2"></a>

<a href="/friends" title="ғʀɪᴇɴᴅs" id="three" class="i3"></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs" id="four" class="i4"></a>
<img src="http://i.imgur.com/zi75iyU.png" style="margin-top: -33px; margin-left: -37px; z-index: -1; height: 200px; display:inline;"></div>

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

<div id="sidebar"><a href="/info" title="ᴘʀᴏғɪʟᴇ" id="one" class="i1"></a>

<a href="/" title="ᴇɴᴛʀɪᴇs" id="two" class="i2"></a>

<a href="/friends" title="ғʀɪᴇɴᴅs" id="three" class="i3"></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs" id="four" class="i4"></a>
<img src="http://i.imgur.com/zi75iyU.png" style="margin-top: -33px; margin-left: -37px; z-index: -1; height: 200px; display:inline;"></div>

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

<div id="sidebar"><a href="/info" title="ᴘʀᴏғɪʟᴇ" id="one" class="i1"></a>

<a href="/" title="ᴇɴᴛʀɪᴇs" id="two" class="i2"></a>

<a href="/friends" title="ғʀɪᴇɴᴅs" id="three" class="i3"></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs" id="four" class="i4"></a>
<img src="http://i.imgur.com/zi75iyU.png" style="margin-top: -33px; margin-left: -37px; z-index: -1; height: 200px; display:inline;"></div>

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

<div id="sidebar"><a href="/info" title="ᴘʀᴏғɪʟᴇ" id="one" class="i1"></a>

<a href="/" title="ᴇɴᴛʀɪᴇs" id="two" class="i2"></a>

<a href="/friends" title="ғʀɪᴇɴᴅs" id="three" class="i3"></a>

<a href="LINK" title="ᴄᴜsᴛᴏᴍs" id="four" class="i4"></a>
<img src="http://i.imgur.com/zi75iyU.png" style="margin-top: -33px; margin-left: -37px; z-index: -1; height: 200px; display:inline;"></div>

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