FRIENDS_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:5px;"><i class="fa fa-bars"></i></font></label><span class="drop">
	<a href="/2000/01/01/">customs</a>
	<a href="/1999/01/01/">scenes</a>
	<a href="/1998/01/01/">ooc</a>
	<a href="http://american.insanejournal.com/">american</a>
</span></form></div>

<tr><td valign="left" width="160" rowspan="2">
<div id="wreath"> <img src="https://i.imgur.com/iX6PuQ7.png" style="display: block;width: 85px;height: 85px;opacity: .9;  "></div>
<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/vASFk3h.gif" align="right" style="width: 49; height: 49; border: 0px; padding: 2px; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .95; position: relative; display:block; " /></div>
</td>

<td width="300" valign="right" cellspacing="0" style="padding-left:10px;">
<font class="header" style="display:block; padding-left: 50px;">bettina</div></font>

<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 145px; padding-top: 68px;"><BR><a href="https://youtu.be/LsoLEjrDogU"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">blameitonmyconfidence.mp3</font></a></div></td></div>

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

<div id="buttons">
<font class="title2" style="display:inline; color: #b1b1b1;  font-size: 5px;"><a href="/" title="ENTRIES"><font color="#aaaaaa">entries</font></a>&nbsp;&nbsp;<a href="/friends" title="FRIENDS"><font color="#aaaaaa">friends</font></a>&nbsp;&nbsp;<a href="/profile" title="INFO"><font color="#aaaaaa">userinfo</font></a> </font>
</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

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

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

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

LASTN_OPT_ITEMS=>2

CALENDAR_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:5px;"><i class="fa fa-bars"></i></font></label><span class="drop">
	<a href="/2000/01/01/">customs</a>
	<a href="/1999/01/01/">scenes</a>
	<a href="/1998/01/01/">ooc</a>
	<a href="http://american.insanejournal.com/">american</a>
</span></form></div>

<tr><td valign="left" width="160" rowspan="2">
<div id="wreath"> <img src="https://i.imgur.com/iX6PuQ7.png" style="display: block;width: 85px;height: 85px;opacity: .9;  "></div>
<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/vASFk3h.gif" align="right" style="width: 49; height: 49; border: 0px; padding: 2px; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .95; position: relative; display:block; " /></div>
</td>

<td width="300" valign="right" cellspacing="0" style="padding-left:10px;">
<font class="header" style="display:block; padding-left: 40px;">bettina</div></font>

<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 145px; padding-top: 68px;"><BR><a href="https://youtu.be/LsoLEjrDogU"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">blameitonmyconfidence.mp3</font></a></div></td></div>

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

<div id="buttons">
<font class="title2" style="display:inline; color: #b1b1b1;  font-size: 5px;"><a href="/" title="ENTRIES"><font color="#aaaaaa">entries</font></a>&nbsp;&nbsp;<a href="/friends" title="FRIENDS"><font color="#aaaaaa">friends</font></a>&nbsp;&nbsp;<a href="/profile" title="INFO"><font color="#aaaaaa">userinfo</font></a> </font>
</td></tr></table></td></tr>
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT<=
</td></tr><tr><td class="dates"><i>&nbsp;<i class="fa fa-calendar-o"> %%monlong%% %%dd%% - %%12h%%:%%min%%%%ap%%</i></td></tr>
<tr><td class="dated">
<=FRIENDS_DATE_FORMAT

LASTN_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:5px;"><i class="fa fa-bars"></i></font></label><span class="drop">
	<a href="/2000/01/01/">customs</a>
	<a href="/1999/01/01/">scenes</a>
	<a href="/1998/01/01/">ooc</a>
	<a href="http://american.insanejournal.com/">american</a>
</span></form></div>

<tr><td valign="left" width="160" rowspan="2">
<div id="wreath"> <img src="https://i.imgur.com/iX6PuQ7.png" style="display: block;width: 85px;height: 85px;opacity: .9;  "></div>
<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/vASFk3h.gif" align="right" style="width: 49; height: 49; border: 0px; padding: 2px; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .95; position: relative; display:block; " /></div>
</td>

<td width="300" valign="right" cellspacing="0" style="padding-left:10px;">
<font class="header" style="display:block; padding-left: 40px;">bettina</div></font>

<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 145px; padding-top: 68px;"><BR><a href="https://youtu.be/LsoLEjrDogU"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">blameitonmyconfidence.mp3</font></a></div></td></div>

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

<div id="buttons">
<font class="title2" style="display:inline; color: #b1b1b1;  font-size: 5px;"><a href="/" title="ENTRIES"><font color="#aaaaaa">entries</font></a>&nbsp;&nbsp;<a href="/friends" title="FRIENDS"><font color="#aaaaaa">friends</font></a>&nbsp;&nbsp;<a href="/profile" title="INFO"><font color="#aaaaaa">userinfo</font></a> </font>
</td></tr></table></td></tr>
<=LASTN_WEBSITE

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

FRIENDS_OPT_ITEMS=>20

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

DAY_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:5px;"><i class="fa fa-bars"></i></font></label><span class="drop">
	<a href="/2000/01/01/">customs</a>
	<a href="/1999/01/01/">scenes</a>
	<a href="/1998/01/01/">ooc</a>
	<a href="http://american.insanejournal.com/">american</a>
</span></form></div>

<tr><td valign="left" width="160" rowspan="2">
<div id="wreath"> <img src="https://i.imgur.com/iX6PuQ7.png" style="display: block;width: 85px;height: 85px;opacity: .9;  "></div>
<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/vASFk3h.gif" align="right" style="width: 49; height: 49; border: 0px; padding: 2px; border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; opacity: .95; position: relative; display:block; " /></div>
</td>

<td width="300" valign="right" cellspacing="0" style="padding-left:10px;">
<font class="header" style="display:block; padding-left: 50px;">bettina</div></font>

<font class="title2" style="display:block;vertical-align:bottom;">
<div id="title" style="padding-left: 145px; padding-top: 68px;"><BR><a href="https://youtu.be/LsoLEjrDogU"><font style="background-color:rgba(250,250,250,0.7); color: #aaaaaa; padding: 0 5;">blameitonmyconfidence.mp3</font></a></div></td></div>

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

<div id="buttons">
<font class="title2" style="display:inline; color: #b1b1b1;  font-size: 5px;"><a href="/" title="ENTRIES"><font color="#aaaaaa">entries</font></a>&nbsp;&nbsp;<a href="/friends" title="FRIENDS"><font color="#aaaaaa">friends</font></a>&nbsp;&nbsp;<a href="/profile" title="INFO"><font color="#aaaaaa">userinfo</font></a> </font>
</td></tr></table></td></tr>
<=DAY_WEBSITE

GLOBAL_HEAD<=
<title>fᎥᏁᎬssᎬ</title>
<link rel="shortcut icon" href="https://cdn1.iconfinder.com/data/icons/hawcons/32/700205-icon-38-sunglasses-128.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="http://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" type="text/css">

<meta charset="UTF-8">

<style>

/* please just re-host any fonts! */

@font-face { font-family: "lemony"; src: url('https://dl.dropboxusercontent.com/s/0pbjiz4764bt09e/Lemon%20Tuesday.otf'); format("truetype");}

/* background */
body{background: linear-gradient(#e5f7fd, #f5f5f5, #dffaf3);
    background: -webkit-linear-gradient(#e5f7fd, #f5f5f5, #dffaf3);
    background: -o-linear-gradient(#e5f7fd, #f5f5f5, #dffaf3);
    background: -moz-linear-gradient(#e5f7fd, #f5f5f5, #dffaf3);
margin-top: 25px;}
table {border:0px;} table table {border:0;}

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

/* link effects */
a{color: #feab9b; 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: #d5bbdf; 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;}

/* entry box */
.entrybox {width:594px;}
.date, a.index {visibility:visible !important;}

/* headerbox borders */
.shadowed {width: 600px; }
.shadowed img {display: none;}
.entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png); box-shadow:0 0 1px #dddddd;}

.entrybox, .shadowed {box-shadow:0 0 1px #eee;
border-left:0px solid; border-right: 0px; border-top: 0px; border-bottom:2px; border-image:url(http://68.media.tumblr.com/d937de492b216da664e0228863d743fa/tumblr_ob132yAmTR1tjflyuo3_500.jpg) 3 repeat;}

/* subject lines */
td.caption{font-family: quicksand, arial; letter-spacing: 1px; text-transform: uppercase; font-size: 7px; color: #979797; padding: 0 0 0 2px; border-width: 0 0 1px 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #ffc8b4, #efece3, #c1e3cb, #b2dbbb) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #ffc8b4,  #efece3, #c1e3cb, #b2dbbb) 100% 1;
    -o-border-image: -o-linear-gradient(right, #ffc8b4, #efece3, #c1e3cb, #b2dbbb)  100% 1;
    border-image: linear-gradient(to right, #ffc8b4, #efece3, #c1e3cb, #b2dbbb)  100% 1;} }

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

/* comments */
.comments {font-family: quicksand, arial; font-size: 6px; line-height:7px; letter-spacing:1px; text-transform: uppercase; padding-top:5px; color:#9d9d9d; text-shadow:1px 1px 1px #eeeeee;}

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

/* date & time */
.date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;}
.dates {font-family: quicksand, arial; color: #aaaaaa; font-size: 6px; line-height:2px; letter-spacing:1px; text-transform:uppercase; padding-left: 5px;}

/* friends page icons & users. */
.entrybox a.index {color:#FF9F80; font-family:  quicksand, arial; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px; background: url(http://i.imgur.com/eLjRmuC.png);}
.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:"✧";}
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;}
p table table td.caption img {height:6px; width:7px; opacity:0.7;}
img[src*="img/icon_private.gif"]{display: none;}
img[src*="img/icon_protected.gif"]{display: none;}

/* hides/edits navigation text */
.index {visibility: hidden;}
table table table td.meta {font-size:0px;line-height:0px;}
p table.entrybox table table td.meta, table table table td.meta a {padding: 0 5; font-style: italic; font-family: quicksand, arial; font-size:6px; background-color:rgba(250,250,250,0.7); line-height:110%; letter-spacing: 1px; text-transform:uppercase;}

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}

/* highlighting */
::selection {background-color:#fff; color:#000  ;}
::-moz-selection {background-color:#fff; color: #000 ;}
::-webkit-selection {background-color:#fff; color:#000 ;}

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

/* scrollbar */
::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url();background-color:#f1eee5;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #eee;background-image:url('');border-radius:0px;background-color:#ffc8b4;}

/*~ines for headerbox codes */
#title{position:absolute; visibility: visible; top: -15px; left: 50%; margin-left: -160px; z-index:0;}
#title2{position:absolute; visibility: visible; top: 5px; margin-left: -150px;}
#icon{position:absolute; visibility: visible; top: 25px; left: 50%; margin-left: -93px; z-index:;}
#buttons{position: relative; visibility: visible; top: -80px; left: 10px; height: 0; padding: 5px;}
#wreath {position:absolute; top: 10px; left: 50%; margin-left: -103px; visibility: visible; z-index: 1; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

/* ~coding header codes */
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; margin-top: 20px;}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}

/* ~marak codes */
.title2{font-family: quicksand, arial; font-style: italic; font-size: 6px; line-height: 7px; letter-spacing:1px; text-transform:uppercase; padding:0px;}
.header{ font-family: lemony, sans-serif;  font-size: 23px;  line-height: 10px; color:#7a7a7a; text-transform: none; letter-spacing: 0px; font-weight: lighter; margin-left:63px; margin-top:25px; text-shadow: 1px 1px 1px #dddddd;}


/* ~ tessisamess sidebar codes */
#sidebar{visibility:visible; position: absolute; width:120px; top:-6px; left:50%; margin-left: 270px; text-align:center;}
#sidebar img{display:inline; max-width:100%;}
#sidebar-inner{display:block; margin:10px 30px;}
input[type=checkbox]{display:none;}

label{display:block; margin:0 30px; cursor:pointer; background: ; border:none; border-bottom:none!important; padding:2px 4px; text-align:left; -webkit-border-radius:4px; border-radius:5px;}
label i{ font-style:normal; display:block;}

.drop{display:block; margin: 4px 30px; background: url(http://i.imgur.com/eLjRmuC.png); max-height:0; overflow:hidden; text-align:left; color:#aaaaaa;  font-family: quicksand; font-size: 6px; line-height: 7px; letter-spacing:1px; text-transform:uppercase; letter-spacing:1px; box-shadow:0 0 1px #dddddd;
-webkit-border-radius: 5px 5px 5px 5px; border-radius:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

input[type=checkbox]:checked ~ label{-webkit-border-radius:5px 5px 5px 5px;; border-radius:5px 5px 5px 5px;}
input[type=checkbox]:checked ~ .drop{ max-height:400px;}
.drop a{display:block; color: #aaaaaa; padding:3px 4px;}
.drop a:hover{ background:#ffc8b4; color:#fff;}

</style>

<=GLOBAL_HEAD

DAY_DATE_FORMAT<=
</td></tr><tr><td class="dates"><i>&nbsp;<i class="fa fa-calendar-o"> %%monlong%% %%dd%% - %%12h%%:%%min%%%%ap%%</i></td></tr>
<tr><td class="dated">
<=DAY_DATE_FORMAT

LASTN_DATE_FORMAT<=
</td></tr><tr><td class="dates"><i>&nbsp;<i class="fa fa-calendar-o"> %%monlong%% %%dd%% - %%12h%%:%%min%%%%ap%%</i></td></tr>
<tr><td class="dated">
<=LASTN_DATE_FORMAT

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