PAGE TITLE

<lj-raw>
<table style="width:870px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td width="33%" valign="top" align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien.
</td>

<td width="33%" valign="top" align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien.
</td>

</lj-raw>

<table style="width:400px; font-family:helvetica; font-size:11; color: #1d1d1d;" align="center">
<tr>
<td align="justify" style="border-top: 2px solid #cccccc; padding-top:3px;">
Integer id cursus purus, sed sagittis tortor.<br>
Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis.<br>
Donec metus eros, dignissim ac tempus id.<br>
</lj-raw>

</lj-raw>

<lj-raw>
<table style="width:700px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td width="50%" valign="top" align="justify">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<br>
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<br>
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">

</td>

<td width="50%" valign="top" align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. 
<br><br>
Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien.
<br><br>
Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. Phasellus id nulla lacus. Curabitur ut elementum ante, vel pretium libero. Integer malesuada, arcu nec faucibus dignissim, felis turpis egestas turpis, eget posuere velit odio id elit. In hendrerit eros massa, eu commodo mauris aliquam non. Ut consectetur tellus sodales nunc faucibus interdum. Proin quis tincidunt diam.
</td>
</tr>
</table>
</lj-raw>

<lj-raw>
<table style="width:700px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td width="50%" valign="top" align="justify">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<br>
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<br>
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">
<img src="https://i.imgur.com/nfsb9nX.jpg" width="108">

</td>

</td>

</td>

<lj-raw>

<table style="width:600px; font-family:helvetica; font-size:12; color: #1d1d1d;" align="center">
<tr>
<td align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus.
<br><br>

<img src="https://i.imgur.com/nfsb9nX.jpg" align="left" style="width:100; border-radius:0px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg); border: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; PADDING-BOTTOM: 2px;">
Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. Phasellus id nulla lacus. Curabitur ut elementum ante, vel pretium libero. Integer malesuada, arcu nec faucibus dignissim, felis turpis egestas turpis, eget posuere velit odio id elit. In hendrerit eros massa, eu commodo mauris aliquam non. Ut consectetur tellus sodales nunc faucibus interdum. Proin quis tincidunt diam.

<img src="https://i.imgur.com/nfsb9nX.jpg" align="right" style="width:100; border-radius:0px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); transform: rotate(5deg); border: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; PADDING-BOTTOM: 2px;">
Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. Phasellus id nulla lacus. Curabitur ut elementum ante, vel pretium libero. Integer malesuada, arcu nec faucibus dignissim, felis turpis egestas turpis, eget posuere velit odio id elit. In hendrerit eros massa, eu commodo mauris aliquam non. Ut consectetur tellus sodales nunc faucibus interdum. Proin quis tincidunt diam.

</td></tr></table>
</lj-raw>

<lj-raw>
<table style="width:700px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td width="50%" valign="top" align="justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. 
</td>

<td width="50%" valign="top" align="justify">
<img src="https://i.imgur.com/nfsb9nX.jpg" style="width: 102; padding: 3px; background: url(https://i.imgur.com/R6Qv0ju.png);">
<img src="https://i.imgur.com/nfsb9nX.jpg" style="width: 102; padding: 3px; background: url(https://i.imgur.com/R6Qv0ju.png);">
<img src="https://i.imgur.com/nfsb9nX.jpg" style="width: 102; padding: 3px; background: url(https://i.imgur.com/R6Qv0ju.png);">
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien.
</td>
</tr>
</table>

</lj-raw>

<lj-raw>
<table style="width:700px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td width="50%" valign="top" align="justify" bgcolor="#ffadad">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. 
</td>

<td width="50%" valign="top" align="justify" bgcolor="#fff7c1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. 
</td>
</tr>
</table>

</lj-raw>

<lj-raw>
<table style="width:700px; font-family:helvetica; font-size:11; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tr>
<td align="justify" bgcolor="#ffadad">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. 
</td>
</tr>

<tr>
<td align="justify" bgcolor="#fff7c1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien. Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. 
</td>
</tr>
</table>

</lj-raw>

Lorem ipsum dolor sit amet, 
<br><br>
consectetur adipiscing elit. Maecenas ac dignissim ante, vitae fringilla sapien. Proin ultrices urna non nulla pretium rhoncus. In ullamcorper dapibus sem, a vulputate mauris sodales quis. Nam nunc arcu, aliquam at felis eu, pretium venenatis massa. Donec sit amet interdum tellus. Proin tempor vitae turpis id tincidunt. Praesent sem magna, tincidunt sit amet molestie bibendum, porttitor eu urna. Nunc id pretium risus. Donec et elit in elit posuere tincidunt. Curabitur ullamcorper convallis mi nec bibendum. Aliquam lacinia ligula sollicitudin dui ultricies, at mattis mauris dapibus. Duis et odio a neque pellentesque auctor. Aliquam fermentum nisi aliquet sapien ultricies luctus. Sed orci nisi, egestas sit amet pretium eget, venenatis sed tellus. Nam eu libero a felis tempus dignissim sed at lacus. Nam at felis in ipsum lobortis fringilla sed ut sapien.
<br><br>
Integer id cursus purus, sed sagittis tortor. Aliquam eu nulla lectus. Nullam rhoncus magna vitae imperdiet mollis. Donec metus eros, dignissim ac tempus id, molestie sit amet libero. Vestibulum accumsan lorem ac arcu eleifend congue. Phasellus id nulla lacus. Curabitur ut elementum ante, vel pretium libero. Integer malesuada, arcu nec faucibus dignissim, felis turpis egestas turpis, eget posuere velit odio id elit. In hendrerit eros massa, eu commodo mauris aliquam non. Ut consectetur tellus sodales nunc faucibus interdum. Proin quis tincidunt diam.
<p align="right">
signature
</p>
</div>
</center>
</lj-raw>

<center><font style="font-family: monster; color: #000; font-size:25px; line-height:13px; letter-spacing:2px; text-transform:uppercase;"><a href="http://tentacool.insanejournal.com/21890.html">click through entry or narrative</a><span style="display:none;"><lj-cut></span></font></center>
<lj-raw>
<div style="margin:0 auto; overflow: hidden; width:800px; height:410px;">

<a name="one">
<table align="center" cellpadding="5"><tr><td>
<div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
if you want to add more sections just c/p the coding from #two (this just ensures you get both arrows, it doesn't really matter which section as they're all the same otherwise) and adjust to #seven or #whatever. don't forget to adjust the href links to the pages before and after to reflect where it should go.
<br><br>
if you want to make your height bigger or smaller you can do this by adjusting the height: 410px in the div style at the top, and then changing the height of every section to be 10px smaller than that number. 
<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
</div>
</td>
<td><a href="#two"><img src="https://i.imgur.com/PewhH81.png" width="30" title="2"></a></td>
</tr></table></a>

<a name="two">
<table align="center" cellpadding="5"><tr>
<td><a href="#one"><img src="https://imgur.com/MJSetUn.png" width="30" title="1"></a></td>
<td>
<div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
Page two. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
</div>
</td>
<td><a href="#three"><img src="https://i.imgur.com/PewhH81.png" width="30" title="3"></a></td>
</tr></table></a>

<a name="three">
<table align="center" cellpadding="5"><tr>
<td><a href="#two"><img src="https://imgur.com/MJSetUn.png" width="30" title="2"></a></td>
<td>
<div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
if one of your pages is too short though it's going to look weird like this because you can't make the height smaller without messing up the coding of all of it. 
</div>
</td>
<td><a href="#four"><img src="https://i.imgur.com/PewhH81.png" width="30" title="4"></a></td>
</tr></table></a>

<a name="four">
<table align="center" cellpadding="5"><tr>
<td><a href="#three"><img src="https://imgur.com/MJSetUn.png" width="30" title="3"></a></td>
<td>
<div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
Page four. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
</div>
</td>
<td><a href="#five"><img src="https://i.imgur.com/PewhH81.png" width="30" title="5"></a></td>
</tr></table></a>

<a name="five">
<table align="center" cellpadding="5"><tr>
<td><a href="#four"><img src="https://imgur.com/MJSetUn.png" width="30" title="4"></a></td>
<td>
<div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
Page five. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
</div>
</td>
</tr></table></a>

</div>

</lj-raw>

<title>cannes: arrival</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,600" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=source code pro:300" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fontcity.neocities.org/priscilla.css?family=priscilla">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
    <script>
    (function($){
    $(document).ready(function(){
    $("a[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:90,
    tip_fade_speed:600,
    attribute:"title"
    });
    });
    })(jQuery);
</script>

td {font-family: source code pro, arial; font-size: 10px; line-height: 17px; ;} 
p {text-indent: 15px; text-align:justify; margin-bottom:8px;}

@font-face {
  font-family: "script";
  src: url("/Nadia.otf");}

body {
  padding-top: 100px;
  background-color: #fefefe;
  background:url(http://i.imgur.com/znn8pN8.png);
}

#container {
  margin: 0 auto; 
  width: 800px;  
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(220, 221, 224, 0.2);
}

#headline {
  font-family: priscilla, Roboto, sans-serif; 
  font-weight: 700; 
  font-size: 46px; 
  line-height: 90px; 
  letter-spacing: 1px;
  text-transform: lowercase; 
  color:#222; 
  text-align:center;
}

#navigation {
  width:800px; 
  margin: 0 auto; 
  position:relative;
}

.date {color: #333; display: block; font-family: 'PT Sans Narrow', serif; font-size: 18px; font-weight: 400; line-height: 110%; text-transform: ; text-align:center; padding:0;}

.day {font-family: 'PT Sans Narrow', serif; font-size: 9px; line-height:100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; padding-bottom:5px; text-align:center; margin:0;color:#666; }

.block {max-width:100px; display:inline-block; width: 75px; position:relative; text-align:center;}

.object {margin:0 auto;}

.icon {
  height: 55px;
}

.subhead {font-family: priscilla, helvetica, helvetica neue, sans-serif; font-size: 32px; line-height: 110%; letter-spacing: 1px; display:block; color:#444;}

a {color:#000;}

#fade {display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; z-index: 9999;}

.popup_block{display: none; background: #FFFFFF; padding: 20px; float: left;  position: absolute; top: 53%; left: 51%;  z-index: 99999; opacity: 1; max-height:400px; overflow:auto; text-align:justify; font-family: helvetica neue, roboto condensed, helvetica, arial; font-size:13px; line-height:15px; letter-spacing:0px; text-transform:none;}

#s-m-t-tooltip {max-width:200px; width:auto; padding:3px 5px; margin:5px 0px 0px 10px; background-color: rgba(239, 239, 239,0.9); font-family: roboto, helvetica, arial; font-size:7px; letter-spacing:+1px; text-transform:uppercase; text-align: justify; color:#222; z-index:999999999999999999; -moz-box-shadow: 1px 2px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.1);}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.tumblr {background-color:#fff; color: #4c4c4; font-size: 13.5px; line-height: 18px; text-align:left; width:520px; padding:20px; border-radius:5px; }

.reblog {color:#4c4c4c;font-weight:bold;font-size:13.5px;}

.tumblrtags {color:#aaa; padding-left:4px;margin:2px;}

.tumblruser2 {color:#4c4c4c;font-weight: bold; position:absolute;margin-top:15px;}

.ontddate {color:#5c5c5c; font-face:helvetica, arial; font-size: 10px; font-weight:bold;}

.ontdsubject {color: #714e80; font-face:helvetica, arial; font-size: 26px; line-height:30px; font-weight:400; width:400px;}

.ontdlink {color:#5c3a79; font-weight:bold;}

.ontdtag {color:#fff;background-color:#ae99c0;padding:2px; margin:2px;}

.ontdtag:hover {background-color:#7c578c;}

.title {font-family: montserrat, helvetica, helvetica neue, sans-serif; font-size: 25px; line-height: 100%; letter-spacing: 0px; color:#444;}

.emailhead {padding-left: 0px; padding-top: 0px; padding-bottom:5px; font-size: 16px; text-transform:none; line-height: 16px; float: left; width: 100%;}
.emaildate {float: right; color: #000; padding-top: 0px; font-size: 12px; font-weight:400;}
.dateline{line-height:35px; padding-right:5px; float:left;}
.emailsender {float:left; padding-top:0px; font-size:10px; height:32px; padding-bottom:5px;}
.sender{padding-left:5px; float:right;}
.from {font-size:14px; line-height:120%; font-weight: normal; color:#000;}
.to {font-size:14px; line-height:120%; font-weight:normal; color: #999;}

.sentence {position:relative;}
.talking {font-family:arial; font-size:12px; border-radius: 5px; margin: 10px 10px 3px; padding: 8px; position: relative; }
.talking.to {background-color: #1188fe; color: #FFF; margin: 5px 45px 10px 225px; z-index:10; box-shadow: 0 1px 2px rgba(1,1,1,0.2);}
.talking.from {background-color: #F7F7F7; color: #000; margin: 5px 225px 10px 45px; z-index:10; box-shadow: 0 1px 2px rgba(1,1,1,0.2);}
.talking.to + .talking.to, .talking.from + .talking.from {margin-top: 15px;}
.talker {font-family:pt sans narrow, source code pro; font-size:9px; letter-spacing:1px; line-height:2px; color: #999; text-transform:uppercase; display:block; position:relative; margin-left:15px; margin-left:45px; }
.talker.self {font-family:pt sans narrow, source code pro; font-size:9px; letter-spacing:1px; line-height:2px; color: #999; text-transform:uppercase; display:block; position:relative; margin-left:15px; text-align:right; margin-right:44px; margin-left:0px;}

.texty {font-family: font-size:9px; font-weight: 400; letter-spacing:0px; display:block; }

.tweet {
border: 1px solid #dddddd;
font-family: helvetica;
font-size: 16px;
line-height: 20px;
width: 500px;
}

.tweet a:link, .tweet a:active, .tweet a:visited {
color: #2b7bb9;
text-decoration: none;
}

.tweet a:hover {
color: #3b97e0;
text-decoration: none;
}

.verified {
position: relative;
top: 3px;
}

.etc2 {font-family: source code pro; font-size: 6px; line-height: 14px; letter-spacing: 0.5px; font-weight: none; text-align: justify; color: #333; text-transform:uppercase;}

.table {
	  margin-top: 10px;
	}
	
.inside {
	  width: 260px;
	}

.inside td {
	  padding: 2px;
	}

/* instagram -- mashed together from desmund and minna ~ tweaked by charl*/
.igdesc {font-family: 'Roboto', helvetica neue, helvetica; font-size: 12px; font-weight: 400;}
.mainimage{height: 40px; width: 40px; border-radius: 50px;}
.handle {position: relative; font-family: 'Roboto', helvetica neue, helvetica; top:10px; left: 5px;font-size: 13px; font-weight: bold; text-decoration:none;}

</style>

<noframes></noframes><noscript></noscript><script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/p.js"></script><script type="text/javascript" src="http://csfoto.net/diverse/script.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

$(document).ready(function() {

//When you click on a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Get Popup href to define size

//Pull Query & Variables from href URL

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in the Popup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();

//Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Margin to Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft

});

//Fade in Background

$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

return false;

});

//Close Popups and Fade Layer

$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...

$('#fade , .popup_block').fadeOut(function() {

$('#fade, a.close').remove();  //fade them both out

});

return false;

});

</script>
</head>

<body>
<div id="container">
  <div id="headline">
    <div style="letter-spacing:2px;">cannes: arrival</div>
  <div>
  
  <div id="navigation">

<div class="block">
          <div class="date">05/12</div>
          <div class="day">texts</div>
          <div class="object"><a href="#?w=600" class="poplight" rel="01" title="texts between fiona and josiah nicholson (fiona's dad)"><img src="https://i.imgur.com/2b7GWhY.png" class="icon"></a></div>
        </div> 
        
        
        <div class="block">
          <div class="date">05/12</div>
          <div class="day">2018</div>
          <div class="object"><a href="#?w=600" class="poplight" rel="02" title="narrative"><img src="https://i.imgur.com/v28opv3.png" class="icon"></a></div>
        </div>

<div class="block">
          <div class="date">05/13</div>
          <div class="day">instagram</div>
          <div class="object"><a href="#?w=550" class="poplight" rel="04" title="@fionanicholson, 3:40 pm cest"><img src="https://i.imgur.com/IJ6wg78.png" class="icon"></a></div>
        </div>  
        
        <div class="block">
          <div class="date">05/13</div>
          <div class="day">texts</div>
          <div class="object"><a href="#?w=600" class="poplight" rel="03" title="texts between fiona and heather hamby (fiona's aunt)"><img src="https://i.imgur.com/2b7GWhY.png" class="icon"></a></div>
        </div>
        
        <div class="block">
          <div class="date">05/13</div>
          <div class="day">voice mail</div>
          <div class="object"><a href="#?w=600" class="poplight" rel="06" title="voice mail left for josiah nicholson from heather hamby, 6:06 PM PDT"><img src="https://i.imgur.com/hpUt1YX.png" class="icon"></a></div>
        </div>
        
        <div class="block">
          <div class="date">08/04</div>
          <div class="day">2000</div>
          <div class="object"><a href="#?w=600" class="poplight" rel="05" title="narrative"><img src="https://i.imgur.com/LSNbhL7.png" class="icon"></a></div>
        </div>

</div></div></div>

<div id="01" class="popup_block">
<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
i made it to cannes
</div>
<div class="talker self">fiona nicholson / sent 8:34 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
wish you would have come, it's beautiful here
</div>
<div class="talker self">fiona nicholson / sent 8:35 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
don't forget that aunt heather's going to swing by on sunday and take you to lunch, she told me she'd call and remind you but we both know how you are about answering the phone
</div>
<div class="talker self">fiona nicholson / sent 9:18 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
dad?
</div>
<div class="talker self">fiona nicholson / sent 12:42 am cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/fwUkMhA.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
got it
</div>
<div class="talker">josiah nicolson / sent 6:52 am cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
okay, love you
</div>
<div class="talker self">fiona nicholson / sent 6:53 am cest<br><br></div>         
</div>

</div></div>

<div id="02" class="popup_block">
 <center><font class="subhead">May 12, 2018</font></center><p>
</p><hr>
<font class="texty">You forget to pack a hairbrush and that's the first thing that makes you think about it.
<br><br>
It's a total nonissue.  Someone's dashing out to get you a new one in the time it takes for you to even mention it, and it's not like anyone is going to let you touch your own hair for the next week anyway.  You're pretty sure if a surrogate could be hired to perform your breathing for you, it would have been arranged by now.  The lack of control is stifling but also comforting, like it's enveloped you so completely that your conscience finally just gave in.  You're a baby in a plush swaddle blanket.  You're the contents of a really awesome burrito.
<br><br>
God, you could go for a burrito right now.
<br><br>
"I could go for a burrito right now," you say, absently picking at a cuticle, and Jordan laughs while swatting at your offending hand with the force and precision of a studied beauty ninja.  She promises you'll <i>both</i> get burritos once this whole thing is over as she lovingly attacks you with an orange wood stick.  You will the tension out of your shoulders as she moves onward and upward, pulling your hair back from your face with the hairbrush from her own kit.
<br><br>
"I've got your back," she assures you, and you try to nod in response without actually moving your head.  The brush is still a nonissue.  You're just not used to forgetting things.

<div id="03" class="popup_block">
<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
happy mother's day <img class="Emoji Emoji--forText" src="https://i.imgur.com/ED5T8vs.png" draggable="false" alt="🌺" height="16"><img class="Emoji Emoji--forText" src="https://i.imgur.com/Vjeglb3.png" draggable="false" alt="💗" height="16"><img class="Emoji Emoji--forText" src="https://i.imgur.com/PuN9MBY.png" draggable="false" alt="🐶" height="16">
</div>
<div class="talker self">fiona nicholson / sent 7:01 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
Thanks kiddo!!  Rocko's so bad about remembering to tell me, never gets me flowers, never makes breakfast...
</div>
<div class="talker">heather hamby / sent 7:20 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
well, he's still a puppy, you have to give him time to learn to use the waffle iron
</div>
<div class="talker self">fiona nicholson / sent 7:23 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
LOL!  <img class="Emoji Emoji--forText" src="https://i.imgur.com/915vEmL.png" draggable="false" alt="😂" height="16">  How are you?  Having fun?  I Google Alerted you so it's like I'm there!
</div>
<div class="talker">heather hamby / sent 7:25 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
you're crazy!  yeah, it's been so great.  overwhelming, but great?  the real rigmarole starts tomorrow, so we'll see how i do then <img class="Emoji Emoji--forText" src="https://i.imgur.com/ONuBJNJ.png" draggable="false" alt="😅" height="16">
</div>
<div class="talker self">fiona nicholson / sent 7:26 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
how's my dad?
</div>
<div class="talker self">fiona nicholson / sent 9:59 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
He's good.  You know I always forget how little he talks until I'm trying to talk to him?
</div>
<div class="talker">heather hamby / sent 10:13 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
haha, well
</div>
<div class="talker self">fiona nicholson / sent 10:13 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
i thought i had something to add to that but i don't
</div>
<div class="talker self">fiona nicholson / sent 10:16 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
haha
</div>
<div class="talker self">fiona nicholson / sent 10:16 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
Haha
</div>
<div class="talker">heather hamby / sent 10:17 pm cest<br><br></div> 
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
mom was always the best one at getting him to talk
</div>
<div class="talker self">fiona nicholson / sent 10:25 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
Yeah, she was good at that.  Not just with him, with everyone.  She could keep a conversation going like no one else I knew.
</div>
<div class="talker">heather hamby / sent 10:28 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
yeah
</div>
<div class="talker self">fiona nicholson / sent 10:28 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
How are you holding up?
</div>
<div class="talker">heather hamby / sent 11:39 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
oh i'm fine!  sorry.  i didn't mean to take things to a weird place
</div>
<div class="talker self">fiona nicholson / sent 10:40 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
i'm fine.  gets easier every year!
</div>
<div class="talker self">fiona nicholson / sent 10:40 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
thanks again for checking in on dad, i really do appreciate it
</div>
<div class="talker self">fiona nicholson / sent 10:42 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
Of course!  You know I'll take any excuse for a little vacation <img class="Emoji Emoji--forText" src="https://i.imgur.com/IEYM1eE.png" draggable="false" alt="😉" height="16">
</div>
<div class="talker">heather hamby / sent 10:46 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
I'm visiting some friends tomorrow but I'll see if I can get him to join us for dinner.
</div>
<div class="talker">heather hamby / sent 10:47 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
you're the best, heather
</div>
<div class="talker self">fiona nicholson / sent 10:49 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
<img class="Emoji Emoji--forText" src="https://i.imgur.com/xIKgBut.png" draggable="false" alt="😘" height="16"> Take it easy!  Enjoy the rest of your night.
</div>
<div class="talker">heather hamby / sent 10:50 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
thanks, you too!  or day, for you i guess!
</div>
<div class="talker self">fiona nicholson / sent 10:51 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/ULlChZt.png" style="float:right;width:35px;border-radius:50px;">
<div class="talking to">
love you
</div>
<div class="talker self">fiona nicholson / sent 11:23 pm cest<br><br></div>         
</div>

<div class="sentence"> <img src="https://i.imgur.com/OoZ6JKw.png" style="float:left;width:35px; border-radius:50px;">
  <div class="talking from">
Love you too 
</div>
<div class="talker">heather hamby / sent 11:24 pm cest<br><br></div>         
</div>

</div>

<div id="04" class="popup_block">
<center><table width="520" cellpadding="0" cellspacing="0" style="border: 1px solid #eee;"><tbody><tr><td style="width:250px;"><img src="https://i.imgur.com/CVr2Dmw.png" width="250"></td><td style="border-left: 1px solid #eee;">

<table width="100%" cellpadding="12"><tbody><tr><td valign="top" style="height:5px;"><img src="https://i.imgur.com/EI5Pdh0.png" style="height: 35px; width: 35px; border-radius: 50px;" align="left"> <a class="handle">fionanicholson</a><br>
</td></tr><tr>
</tr><tr><td class="igdesc" style="height:250px;border-top: 1px solid #eee;" valign="top">
<font style="font-weight: 600; font-weight: bold;">fionanicholson</font> Dealing with <font color="#125688">#jetlag</font> the only way I know how when sleeping for half a day isn't an option<br>
<font color="#ccc" style="line-height:20px;">Load more comments</font><br>
<font style="font-weight: 600; font-weight: bold;">briza</font> so are you in cannes now<br>
<font style="font-weight: 600; font-weight: bold;">chastityw392</font> do you always do eye masks with your mascara still on tho just wondering<br>
<font style="font-weight: 600; font-weight: bold;">itswhitneybitch</font> woww 😍 <br>
<font style="font-weight: 600; font-weight: bold;">pp.juno</font> happy mothers day bc u will make beautiful wife n mother someday<br>
<img src="https://i.imgur.com/hPftMDV.png" style="padding-bottom:4px; padding-top:8px;"><img src="https://i.imgur.com/s7oz0NX.png" style="padding-bottom:4px; padding-top:8px; padding-left:150px;"><br>
<font style="font-size:12px;font-weight:600;line-height:15px;">562 likes</font><br>
<font style="color: #ccc; font-size: 9px; line-height: 15px;">4 HOURS AGO</font><br>
<center><img src="https://i.imgur.com/MOvCoIV.png"></center><br>
</td></tr>

</tbody></table>
</td></tr></tbody></table>
</center>
</div>

<div id="06" class="popup_block">
 <font class="subhead"><center>Voicemail for Josiah Nicholson</center></font><p>
</p><hr>
<font class="texty">"Hey, it's Heather.  It's around six, Sunday night, so you're... yeah, you know, I probably don't want to know what you're up to.  I'm meeting up with some friends tomorrow... Jay and Yvette and Tom and, you remember the old gang, right?  And I promised Fiona I'd try to get you to come, so... look, I already feel like shit for lying to her about lunch today but I let you off the hook because I know this day sucks for you, but you have a daughter facing a huge and potentially defining moment in her life right now and this day sucks for her too but she keeps texting me asking about <i>you</i>.  And if she's preoccupied worrying about you, she's not going to be on her game, so I'd like to be able to tell her that you left the house and acted like a human without having to lie my way around it.  So just... call me back when you get this.  And take a fucking shower!  Jesus Christ."

<div id="05" class="popup_block">
 <font class="subhead"><center>August 4, 2000</center></font><p>
</p><hr>
<font class="texty">"I like to make lists, so I don't forget things."
<br><br>
Your mom is silly.  
<br><br>
You're sure she must know this is true, and that's why she grins as she flashes you the yellow ruled notebook in her hand, filled out with an orderly list printed in her neatest handwriting, an identical box next to each item waiting to be checked off.  "See?  If I write it down, I know exactly what I need.  That way I bring everything I need, and I leave the things I don't."  Her voice is lowered to a conspiratorial stage whisper as she leans in closer to you, "when your dad and I went on our honeymoon, I had <i>three suitcases</i> for a one week trip.  And a carry-on.  <i>And</i> a purse!  How crazy is that?"
<br><br>
"Don't know why you're acting like it's a secret I might have forgotten," your dad calls out over your fit of laughter, not unkindly.  "I carried all three of them across Europe, there's no forgetting that."  He stops to peer over her shoulder, then points to a blank line.  "Hairbrush."
<br><br>
"<i>Hairbrush,</i>" she replies, adding it to the list.  "What would I do without you?"
<br><br>
"Perish, I'm sure.  Or at least your hair would be terrible."

</font></font></font><div id="s-m-t-tooltip" style="position: absolute; display: none;"><div style="width: 100%; height: 100%;"></div></div></body></html>d

<table style="width:670px; border-style: double; 1px solid #588E5D; background: url() no-repeat;  background-position:-100px 120px; background-size: 553px 556px; font-family:georgia; font-size:9; color: #1d1d1d;" cellpadding="5" cellspacing="5" align="center">
<tbody><tr>
<td width="33.3%" valign="top"><center><img src="https://cdn140.picsart.com/351110541045201.gif" style="filter: grayscale(40%);" width="222"><br><br><div style="display: block; width: 97%; padding: 4px; font-family: georgia; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: light; border-top: 0px; border-bottom: 2px solid; border-left: 0px; border-right: 0px; border-bottom: 1px solid #acacac;"><i>home</i></div><br><center><i>"home is wherever you are"</i></center><br><p align="justify">i found home in an instant when my arms wrapped around your frame for the first time. nothing has ever felt so right. like the contours of your body was meant to ft against mine. i am the most detached person you’ll ever meet and never really believed in love at first sight. the thought of two connections, formed into one, with only a stare or a word that’s barely there. never thought something like this would happen to me. maybe this is all a dream and if it is, don’t ever wake me. but i believe i felt something when my mouth could hardly speak but my eyes and hands did most of the talking. the accidental brush along your fingers, the tingle that electrified down my spine, it awakened senses i never knew existed. </p></center></td>

<td width="33.3%" valign="top"><p align="justify">i have a million thoughts. a million thoughts of you. but i lack a million words. if i could give you my heart to look at, i hope you’d feel every skip of beat whenever you turn to look at me. i hope you’d sense the way my heart clenches into my chest, buried in there for you only to keep. others can properly fuck off. i hope you’d sense the warmth that forms deep in my torso when i hear those sweet words that make me question your existence next to me. i hope you feel that indescribable sensation that runs through my veins, from head to toe, buzzing and alive. it must be love. but i hope you’d also feel what it does the moment i think being far from you. i love you.  <br><br></p><center><div style="display: block; width: 97%; padding: 4px; font-family: georgia; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: light; border-top: 0px; border-bottom: 2px solid; border-left: 0px; border-right: 0px; border-bottom: 1px solid #acacac;"><i>love</i></div> <br><i>"there is no remedy for love, but to love more"</i><br><br><br><img src="https://data.whicdn.com/images/319782938/original.gif" style="filter:saturate(.31); filter:brightness(110%); filter: grayscale(30%);" width="222"><br></center></td>

<td width="33.3%" valign="top"><center><img src="https://data.whicdn.com/images/293328244/original.gif" style="filter: grayscale(30%);" width="222"><br><br><div style="display: block; width: 97%; padding: 4px; font-family: georgia; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: light; border-top: 0px; border-bottom: 2px solid; border-left: 0px; border-right: 0px; border-bottom: 1px solid #acacac;"><i>patience</i></div><br><center><i>"with love and patience, nothing is impossible"</i></center><br><p align="justify">i know that i’m not easy to love. i still remember the stumbles we shared, but somehow they made me feel less alone. i remember when i hardly knew you and it still felt like i had known you all along. the simple thought still makes my heart pound and the tingle never faded, even now. ten years later. you’ve always been so accepting of me. always so patient and so caring. you’ve opened my world to some many possibilities that had gotten lost in the dark corner of my mind. but i’ll tell you this, it was the second you smiled that the light went on and it was like i could finally see through the cobwebs left behind. thank you for never giving up on me. </p></center></td>
</tr>
</tbody></table>