peabody nav

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


<!--

                    N A V I G A T I O N   P A G E   B Y

              █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█    █▀▀▄
              ▀▀█   █   █▄▄▀ █▄▄█   █   █▀▀ █  █ █▄▄▀ ▀▀ █  █
              ▀▀▀   ▀   ▀ ▀▀ ▀  ▀   ▀   ▀   ▀▀▀▀ ▀ ▀▀    ▀▀▀

-->


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

<title>{Title}</title>

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


<style type="text/css">

/*------SCROLLBAR------*/
::-webkit-scrollbar {width: 7px; height:7px; background:#750000;}
::-webkit-scrollbar-corner {background:#E30B0B;}
::-webkit-scrollbar-thumb:vertical {background:#E30B0B;}
::-webkit-scrollbar-thumb:horizontal {background:#E30B0B;}

body {
    font-family:calibri;
    font-size:9px;
    background:url();
    overflow-x:hidden;
}

a {
    text-decoration:none;
    color:#111;
}

#container{
    margin:100px auto;
    margin-top:0px;

}

#header {
    width:100%;
    height:100px;
    border-left:16px solid #750000;
    border-right:16px solid #750000;
    margin-left:-16px;
    padding-top:60px;
    padding-bottom:15px;
    margin-bottom:60px;
}

#headtitle {
    font-family:oswald;
    color:#111;
    font-size:47px;
    font-weight:700;
}

#headlinks {
    margin-top:5px;
}

#headlinks a {
    width:90px;
    background:#E30B0B;
    color:#fff;
    font-size:9px;
    display:inline-block;
    padding:3px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-left:2px;
    margin-right:2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#headlinks a:hover {
    background:#fff;
    color:#111;
}

#box {
    width:200px;
    background:#fff;
    text-align:center;
    display:inline-block;
    margin-left:25px;
    margin-right:25px;
}

.title {
    background:#CF0E0E;
    text-align:center;
    text-transform:uppercase;
    font-family:oswald;
    color:#fff;
    font-size:15px;
    padding:5px;
    margin-bottom:5px;
}

.links {
    width:195px;
    padding-right:5px;
    height:117px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.links a {
    display:block;
    background:#fff;
    color:#111;
    margin-top:2px;
    margin-bottom:2px;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:5px;
    position:relative;
    z-index:99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.links a:hover {
    background:#FF0000;
    color:#fff;
}


{CustomCSS}
</style>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

</head>
<body>


<div id="container">
<center>


<div id="header">
<div id="headtitle">
<!------TOP TITLE------>
NAVIGATION
</div>
<div id="headlinks">
<!--------TOP LINKS------->
<a href="/">Go Back</a>
<a href="/ask">Askbox</a>
<a href="/archive">Archive</a>
</div>
</div>


<!----------BOX ONE------------>
<div id="box">
<div class="title">P E A B O D Y</a></div>
<div class="links">
<!----------LINKS------------>
<a href="/peabody">biography</a>
<a href="/tagged/ⓟ-%7C%7C-loves%3B">likes</a>
<a href="/tagged/ⓟ-%7C%7C-headcanon%3B">facts</a>
<a href="/tagged/ⓟ-%7C%7C-thoughts%3B">musings</a>
<a href="/tagged/ⓟ-%7C%7C-most-unlikely-genius3B">mirror</a>
<a href="/tagged/ⓟ-%7C%7C-genius-answers%3B">responses</a>
</div>
</div>


<!----------BOX TWO------------>
<div id="box">
<div class="title">P E O P L E</a></div>
<div class="links">
<!----------LINKS------------>
<a href="/tagged/ⓟ-%7C%7C-beautiful-boy%3B">sherman</a>
<a href="/tagged/ⓟ-%7C%7C-angelical-troublemaker%3B">penny</a>
<a href="/tagged/ⓟ-%7C%7C-in-memoriam%3B">past friends</a>
<a href="/tagged/ⓟ-%7C%7C-worth-following%3B">follow forever</a>
</div>
</div>


<br><br><br><br><br>


<!----------BOX FOUR------------>
<div id="box">
<div class="title">R O D</a></div>
<div class="links">
<!----------LINKS------------>
<a href="/tagged/ⓟ-%7C%7C-back-to-the-present%3B">posts</a>
<a href="/tagged/ⓟ-%7C%7C-answer%3B">responses</a>
<a href="/tagged/ⓟ-%7C%7C-proclamation%3B">announcements</a>
<a href="/tagged/ⓟ-%7C%7C-dare%3B">memes</a>
<a href="/tagged/ⓟ-%7C%7C-daydreams%3B">wishlist</a>
<a href="/tagged/ⓟ-%7C%7C-public service announcement%3B">psa</a>

</div>
</div>


<!----------BOX FIVE------------>
<div id="box">
<div class="title">C O N T A C T</a></div>
<div class="links">
<!----------LINKS------------>

<p><a href="/">skype + rodofarendelle</a>

<a href="/">kik + feelxdontconceal</a>

<a href="https://www.facebook.com/rodrigo.lazodnova">facebook</a>

<a href="/">e-mail + wartisking@hotmail.com</a>
</div>
</div>


<!----------BOX SIX------------>
<div id="box">
<div class="title">M U S E S</a></div>
<div class="links">
<!----------LINKS------------>

<a href="http://steviisms.tumblr.com/">peter</a> (arthur christmas)

<a href="http://squiirehearted.tumblr.com/">arthur 'wart' pendragon</a> (the sword in the stone)

<a href="http://ofbraiins.tumblr.com/">brian johnson</a> (the breakfast club)
</div>
</div>


</center>
</div>


<div style="bottom:10px; right:10px; position:fixed; background:#fff; padding:3px;  font-size:9px; color:#111; letter-spacing:1px"><a href="http://stratfor-d.tumblr.com">CREDIT</a></div>


</body>
</html>