kiss me in the moonlight

GLOBAL_HEAD<=
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Pathway+Gothic+One" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet">
<title>we're dancing in the moonlight</title>

<style>


/* LAYOUT BY: SCLUB7.INSANEJOURNAL.COM with edits by squirtle@ij */

.quote{font-family: quote, Just Me Again Down Here; font-size: 23px; letter-spacing:0.5px; line-height: 21px; color:#a1a1a1;}
.links{font-size: 17px; font-family: four, Amatic SC; letter-spacing:1.5px; padding-left: 3px; padding-right: 3px; line-height:9px;}

body{background: url() ;background-attachment:fixed;
background-color:#c0ddea;
    background: -webkit-linear-gradient(#181818, #926f82, #5d6b7a);
    background: -o-linear-gradient(#181818, #926f82, #5d6b7a);
    background: -moz-linear-gradient(#181818, #926f82, #5d6b7a);
    background: linear-gradient(#181818, #926f82, #5d6b7a);
overflow-x: hidden;
    }
table {border:0; padding:0px;}
table table {border:0;}
.index3{display: none;}
.ljuser img {display:none;}
.caption img{display:none;}
.shadowed img { display:none;}


/* entrybox */
.entrybox { background-color:#F7F7F7;600px; padding: 0px; box-shadow:0px 1px 2px #ccc; border-left:3px solid #ffd2a3;}

/* decreases space between entries */
table {margin-bottom: -5px;}

body, td {color:#111517; font-family:helvetica; font-size:11.5px;}

/* top bar background. */
.shadowed {no-repeat; height:-500px;}

/* link effects. */
a {color:#d2c1c7; text-decoration:none; text-shadow :0px 1px 1px #ded4d7; -webkit-transition-duration: 1.0s;}
a:hover {color: #5d6b7a; text-decoration:none; -webkit-transition-duration: 1.0s;}

/* top right navigation links. */
.index, .meta {
background-color:none;
border-radius: 5pt;
font-family: helvetica;
font-size: 7px;
line-height: 6px;
text-transform: uppercase;
color: #BBB;
letter-spacing:+1px;
background-color: #F7F7F7; }

/* top banner main navigation links. */
table table table table td.meta {
font-family:times new roman;
font-size:8px;
line-height:8.5px;
letter-spacing:+1px;
text-transform:uppercase;
color:#fff;
background-color:none;}

/* subject lines. */
p table table td.caption {font-family: Spectral SC, consolas, monospace; font-size:10px; line-height:14px; letter-spacing:1px; text-transform:uppercase; color:#474d5c;}

/* date & time. */
.entrybox td.index {font-family:helvetica, consolas, monospace; font-size:14px; line-height:14px; letter-spacing:1px; text-transform:uppercase; color:#F7F7F7;}

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

/* comments. */
.comments {font-family:helvetica, consolas, monospace; font-size:10px; line-height:12px; letter-spacing:1px; text-transform:uppercase; color:#717171;}

/* friends page icons & users. */
.entrybox a.index {text-shadow: 1px 0px 1px #a1a1a1; color:#bbbbbb; font-family: helvetica; font-size:8px; line-height:8px; text-transform:uppercase; letter-spacing: 1px; padding:0px;}

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

.index2{font-family: arial narrow; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; line-height: 4px; padding-top:0px; color: #616161; display:block; text-align:left;}

/*mainlinks*/
.entries{font-size: 8px; font-family: special elite; font-weight: light; line-height: 8px; padding: 1px; letter-spacing: 1; text-transform: uppercase; background-color: #FADC81; color: #1a1a1a; width: 70px; border: 0px;}
.profile{font-size: 8px; font-family: special elite; font-weight: light; line-height: 8px; padding: 1px; letter-spacing: 1; text-transform: uppercase; background-color: #FADC81; color: #1a1a1a; width: 70px; border: 0px;}
.friends{font-size: 8px; font-family: special elite; font-weight: light; line-height: 8px; padding: 1px; letter-spacing: 1; text-transform: uppercase; background-color: #FADC81; color: #1a1a1a; width: 70px; border: 0px;}
.image{font-size: 8px; font-family: special elite; font-weight: light; line-height: 8px; padding: 1px; letter-spacing: 1; text-transform: uppercase; background-color: #FADC81; color: #1a1a1a; width: 70px; border: 0px;}


::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background-color: #F7F7F7;}
::-webkit-scrollbar-thumb {background-color:#FFFFFF; border-radius:2px; border: 1px dotted #fa536f;}
::-webkit-scrollbar-thumb:window-inactive {background-color:#ffb773;}

::selection{color: #f85a57; background-color: #EEE;}
::-moz-selection{color: #f85a57; background-color: #EEE;}

.shadowed td div {visibility:hidden; position:absolute; top: 10px}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}
.shadowed {background-image:url(#); height: 10px;}


.header {
font-family: 'Pathway Gothic One', arial;
font-size: 40px;
letter-spacing:0px;
line-height: 50%;
color: #fcfcfc;
margin-top: 10px;
text-transform: uppercase;
text-shadow: 1px 2px 1px #ddd;}


#gif1{
position: relative;
visibility: visible;
top: -10px;
left: -325px;
z-index: 1;
height:0px;}

#gif2 {
position: relative;
visibility: visible;
top: -45px;
left: 450px;
z-index: 3;
height:0px;}


#lefttext {
position: relative;
visibility: visible;
top: 115px;
left: -229px;
z-index: 8;
height:0px;}

</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}
#star1{position:absolute; visibility: visible; top:-17px; left:38.0%; margin-left: -490px; width: 180px;}
#star2{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 550px; width: 180px;}
#star3{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 700px; width: 600px;}
#star4{position:absolute; visibility: visible; top:-12px; left:38.0%; margin-left: 480px; width: 600px;}
#moon{position:absolute; visibility: visible; top:7px; left:38.0%; margin-left: -115px; width: 600px;}

</style>

<div id="star1"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star2"><img src="https://i.imgur.com/XrjkXYG.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star3"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star4"><img src="https://i.imgur.com/mz8np4s.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="moon"><img src="https://i.imgur.com/8fHVc6H.png" width="50" style="border-radius: 0px; opacity: 0.8; display:inline; transform:rotate(-20deg); -webkit-transform:rotate(-20deg);"></div>


<tr><td colspan="0" width="500" height="0px" padding="0">
<table align="right" cellspacing="0" border="0" cellpadding="0" style="padding-top: 10px; padding-bottom: -10px;">
<tr>
<td width="500" height="0" valign="right" bgcolor="">
<img src="http://i.imgur.com/lp4WppD.png" align="left">
<font class="header">
<small><a href="/profile" style="letter-spacing: -5px; color: #926f82">❝</a>
kiss me in the moonlight
<a href="/friends" style="letter-spacing: -5px; color: #926f82">❞</a></small>
</font>
<div id="gif1">
<a href="/profile" title="profile">
<img src="https://i.imgur.com/sz9OnjQ.png" style="width:270px; display: inline;"></a></div>

<!-- UNHIDE AND REPLACE IMAGE FOR TOPBAR
<div id="gif2">
<a href="/friends" title="profile">
<img src="https://i.imgur.com/RfWxKkw.png" style="width: 90px; display: inline;"></a></div>  -->

<br>
<div id="lefttext">
<span style="display: block; font-family: &#39;Pathway Gothic One&#39;, arial; font-size: 8pt; line-height: 8.5pt; color: #444444; width: 130px; text-transform: uppercase; border-left:2px solid #ffd2a3;text-align: justify; background-color: #F7F7F7; padding: 4px; text-shadow: 0px;">
I've loved so many times and I've drowned them all
From their coral graves, they rise up when darkness falls
With their bones they'll scratch the window, I hear them call
"Don't know what you asked for"
</span></div>
</td></tr></table>
<tr>


<=FRIENDS_WEBSITE

CALENDAR_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}
#star1{position:absolute; visibility: visible; top:-17px; left:38.0%; margin-left: -490px; width: 180px;}
#star2{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 550px; width: 180px;}
#star3{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 700px; width: 600px;}
#star4{position:absolute; visibility: visible; top:-12px; left:38.0%; margin-left: 480px; width: 600px;}
#moon{position:absolute; visibility: visible; top:7px; left:38.0%; margin-left: -115px; width: 600px;}

</style>

<div id="star1"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star2"><img src="https://i.imgur.com/XrjkXYG.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star3"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star4"><img src="https://i.imgur.com/mz8np4s.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="moon"><img src="https://i.imgur.com/8fHVc6H.png" width="50" style="border-radius: 0px; opacity: 0.8; display:inline; transform:rotate(-20deg); -webkit-transform:rotate(-20deg);"></div>


<tr><td colspan="0" width="500" height="0px" padding="0">
<table align="right" cellspacing="0" border="0" cellpadding="0" style="padding-top: 10px; padding-bottom: -10px;">
<tr>
<td width="500" height="0" valign="right" bgcolor="">
<img src="http://i.imgur.com/lp4WppD.png" align="left">
<font class="header">
<small><a href="/profile" style="letter-spacing: -5px; color: #926f82">❝</a>
kiss me in the moonlight
<a href="/friends" style="letter-spacing: -5px; color: #926f82">❞</a></small>
</font>
<div id="gif1">
<a href="/profile" title="profile">
<img src="https://i.imgur.com/sz9OnjQ.png" style="width:270px; display: inline;"></a></div>

<!-- UNHIDE AND REPLACE IMAGE FOR TOPBAR
<div id="gif2">
<a href="/friends" title="profile">
<img src="https://i.imgur.com/RfWxKkw.png" style="width: 90px; display: inline;"></a></div>  -->

<br>
<div id="lefttext">
<span style="display: block; font-family: &#39;Pathway Gothic One&#39;, arial; font-size: 8pt; line-height: 8.5pt; color: #444444; width: 130px; text-transform: uppercase; border-left:2px solid #ffd2a3;text-align: justify; background-color: #F7F7F7; padding: 4px; text-shadow: 0px;">
I've loved so many times and I've drowned them all
From their coral graves, they rise up when darkness falls
With their bones they'll scratch the window, I hear them call
"Don't know what you asked for"
</span></div>
</td></tr></table>
<tr>

<=CALENDAR_WEBSITE

DAY_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}
#star1{position:absolute; visibility: visible; top:-17px; left:38.0%; margin-left: -490px; width: 180px;}
#star2{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 550px; width: 180px;}
#star3{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 700px; width: 600px;}
#star4{position:absolute; visibility: visible; top:-12px; left:38.0%; margin-left: 480px; width: 600px;}
#moon{position:absolute; visibility: visible; top:7px; left:38.0%; margin-left: -115px; width: 600px;}

</style>

<div id="star1"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star2"><img src="https://i.imgur.com/XrjkXYG.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star3"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star4"><img src="https://i.imgur.com/mz8np4s.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="moon"><img src="https://i.imgur.com/8fHVc6H.png" width="50" style="border-radius: 0px; opacity: 0.8; display:inline; transform:rotate(-20deg); -webkit-transform:rotate(-20deg);"></div>


<tr><td colspan="0" width="500" height="0px" padding="0">
<table align="right" cellspacing="0" border="0" cellpadding="0" style="padding-top: 10px; padding-bottom: -10px;">
<tr>
<td width="500" height="0" valign="right" bgcolor="">
<img src="http://i.imgur.com/lp4WppD.png" align="left">
<font class="header">
<small><a href="/profile" style="letter-spacing: -5px; color: #926f82">❝</a>
kiss me in the moonlight
<a href="/friends" style="letter-spacing: -5px; color: #926f82">❞</a></small>
</font>
<div id="gif1">
<a href="/profile" title="profile">
<img src="https://i.imgur.com/sz9OnjQ.png" style="width:270px; display: inline;"></a></div>

<!-- UNHIDE AND REPLACE IMAGE FOR TOPBAR
<div id="gif2">
<a href="/friends" title="profile">
<img src="https://i.imgur.com/RfWxKkw.png" style="width: 90px; display: inline;"></a></div>  -->

<br>
<div id="lefttext">
<span style="display: block; font-family: &#39;Pathway Gothic One&#39;, arial; font-size: 8pt; line-height: 8.5pt; color: #444444; width: 130px; text-transform: uppercase; border-left:2px solid #ffd2a3;text-align: justify; background-color: #F7F7F7; padding: 4px; text-shadow: 0px;">
I've loved so many times and I've drowned them all
From their coral graves, they rise up when darkness falls
With their bones they'll scratch the window, I hear them call
"Don't know what you asked for"
</span></div>
</td></tr></table>
<tr>

<=DAY_WEBSITE

LASTN_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}
#star1{position:absolute; visibility: visible; top:-17px; left:38.0%; margin-left: -490px; width: 180px;}
#star2{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 550px; width: 180px;}
#star3{position:absolute; visibility: visible; top:-10px; left:38.0%; margin-left: 700px; width: 600px;}
#star4{position:absolute; visibility: visible; top:-12px; left:38.0%; margin-left: 480px; width: 600px;}
#moon{position:absolute; visibility: visible; top:7px; left:38.0%; margin-left: -115px; width: 600px;}

</style>

<div id="star1"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star2"><img src="https://i.imgur.com/XrjkXYG.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star3"><img src="https://i.imgur.com/yTYFbqb.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="star4"><img src="https://i.imgur.com/mz8np4s.png" width="100" style="border-radius: 0px; opacity: 0.5; display:inline;"></div>
<div id="moon"><img src="https://i.imgur.com/8fHVc6H.png" width="50" style="border-radius: 0px; opacity: 0.8; display:inline; transform:rotate(-20deg); -webkit-transform:rotate(-20deg);"></div>


<tr><td colspan="0" width="500" height="0px" padding="0">
<table align="right" cellspacing="0" border="0" cellpadding="0" style="padding-top: 10px; padding-bottom: -10px;">
<tr>
<td width="500" height="0" valign="right" bgcolor="">
<img src="http://i.imgur.com/lp4WppD.png" align="left">
<font class="header">
<small><a href="/profile" style="letter-spacing: -5px; color: #926f82">❝</a>
kiss me in the moonlight
<a href="/friends" style="letter-spacing: -5px; color: #926f82">❞</a></small>
</font>
<div id="gif1">
<a href="/profile" title="profile">
<img src="https://i.imgur.com/sz9OnjQ.png" style="width:270px; display: inline;"></a></div>

<!-- UNHIDE AND REPLACE IMAGE FOR TOPBAR
<div id="gif2">
<a href="/friends" title="profile">
<img src="https://i.imgur.com/RfWxKkw.png" style="width: 90px; display: inline;"></a></div>  -->

<br>
<div id="lefttext">
<span style="display: block; font-family: &#39;Pathway Gothic One&#39;, arial; font-size: 8pt; line-height: 8.5pt; color: #444444; width: 130px; text-transform: uppercase; border-left:2px solid #ffd2a3;text-align: justify; background-color: #F7F7F7; padding: 4px; text-shadow: 0px;">
I've loved so many times and I've drowned them all
From their coral graves, they rise up when darkness falls
With their bones they'll scratch the window, I hear them call
"Don't know what you asked for"
</span></div>
</td></tr></table>
<tr>


<=LASTN_WEBSITE