page pack 2 "joey" navigation

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- @shayofrp -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style type="text/css">

   /*--body--*/


    body{
    font-style:none;
    background-color:#050505;
    font-family:arial;
    font-size:9px;
    }

a { text-decoration:none; color:#cbcdc7; font-size:10px;}
a:hover { text-decoration:underline; color:{color:hover}; }


#content {
width:840px;
font-family:arial;
font-size:10px;
line-height:120%;
margin:90px auto;  }

#left {
padding:30px;
height:400px;
overflow:auto;
width:280px;
background-color:#fdfaf2;
border-bottom:20px solid #e5e5e5;
display:inline-block; }

#right {
padding:30px;
position:fixed;
overflow:auto;
height:400px;
display:inline-block;
width:440px;
border-bottom:20px solid #e5e5e5;
background-color:#fdfaf2;
text-align:justify;}

#about img{-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}

.image {
text-align:center;
width:60px;}

.image img {
width:60px;
float:left;
margin-top:-2px;
margin-left:20px;
padding:2px 2px 2px 2px;
border-radius:97%;}

.links {
text-align:center;
width:275px;
margin-left:0px;
margin-top:20px;}

.links a{
text-align:left;
display:inline-block;
padding:5px;
padding-left:10px;
background-color:#b7c684;
width:justify;
font-family:arial;
font-weight:bold;
color:#faf4e2;
width:110px;
font-size:9px;
border-left:4px solid #eff8f3;
text-transform:uppercase;
margin-bottom:10px;
margin-right:5px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.linkstop a{width:80px;
text-transforM:uppercase;
    background-color:#baca9b;
    font-weight:bold;
    color:#fdf5e5;
    text-align:center;
    display:inline-block;
    padding:5px;
}

/* SCROLLBAR */

::-webkit-scrollbar-thumb {
height:auto;
background-color:#afb251;
}

::-webkit-scrollbar {
height:9px;
width:2px;
background-color:#f3e345;
}

header{
    border-bottom-color:#eff8f3; color:#eff8f3;
font-family: 'Merriweather Sans', sans-serif;
font-weight:normal;
letter-spacing:1px;
font-weight:bold;
font-size:11px;
display:block;
background-color:#f3e343;
text-transform:uppercase;
color:#ffffff;
text-align:left;
padding:5px;
margin:0;
border-bottom-width:2px;
border-bottom-style:solid;}

.paragraph {
padding:10px;
margin:10px;
line-height:150%; }

</style>


<body>
<div id="content">

<div id="left">
<div class="linkstop">
<a href="/">home</a>
<a href="/faq">message</a>
    <a href="http://shayofrp.tumblr.com/">CREDIT</a>
</div><br>


<header>ADMINS</header>
<div class="paragraph">
<span class="image"><img src="https://31.media.tumblr.com/9d44afd115ff217b3c2dc990f5f00d1d/tumblr_inline_ndnw1y71rT1reahq0.png"> <img src="https://31.media.tumblr.com/9d44afd115ff217b3c2dc990f5f00d1d/tumblr_inline_ndnw1y71rT1reahq0.png"><img src="https://31.media.tumblr.com/9d44afd115ff217b3c2dc990f5f00d1d/tumblr_inline_ndnw1y71rT1reahq0.png"></span><br><br><br>

</div><br><br>

<header>THIS IS A TITLE</header>
<div class="links">
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
</div><br><br>

<header>THIS IS A TITLE</header>
<div class="links">
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
<a href="/link" class="hover1">LINK TITLE</a>
</div>


</div>






<div id="right">

<div align="center">
<img src="https://31.media.tumblr.com/638546553c6931cd0544ac89c28bac2f/tumblr_inline_ndnwxh07Ge1reahq0.png"></div>
<header>THIS IS A TITLE</header>
<div class="paragraph">
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.

</blockquote>
</div>
<br>
<header>THIS IS A TITLE</header>
<div class="paragraph">
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.

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

</body>

</html>