page 01 "adri"

<!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}" />

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

    <style type="text/css">

   /*--body--*/


    body {
    font-style:none;
    background-color:{color:hexcode};
    font-family:'varela round';
    font-size:9px;
    }


    a {
    color:{color:hexcode};
    text-decoration:none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    a:hover {
    color:{color:hexcode};
    text-decoration:none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    }

    img {
    border:none;
    }

    h1 {
    font-size:10px;
    }

   /*--Cursor code--*/


   *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }

    /*everything*/

    #everything {
    margin-left:250px;
    margin-top:100px;
    }

    /*--title--*/

    #title {
    margin-top:0px;
    margin-left:0px;
    border:1px solid;
    padding:2px;
    border-color:{color:hexcode};
    width:600px;
    height:100px;
    }

   /*--middle image--*/
   #middleimg{
    position:fixed;
    margin-top:5px;
    margin-left:200px;
    border:1px solid;
    padding:2px;
    border-color:{color:hexcode};
    width:200px;
    height:250px;
   }

    /*--before--*/
    #before{
        position:fixed;
        margin-left:0px;
        margin-top:110px;}

    /*--after--*/

    #after{
        position:fixed;
        margin-left:420px;
        margin-top:110px;}

    /*--links--*/

    #links {
    width:595px;
    padding:5px;
    font-family:'varela round'
    text-transform:uppercase;
    text-align:center;
    margin-top:-130px;
    margin-left:0px;
    background-color:{color:hexcode};
    }

    #links a {
    padding:5px;
    font-size:8px;
    letter-spacing:3px;
    color:{color:hexcode};
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    #links a:hover {
    color:#fff;
    background-color:{color:hexcode};
    }

    #grouplinks {
    width:170px;
    margin-top:0px;
    padding:4px;
    margin-left:0px;
     }


    #grouplinks a {
    font-family:'varela round';
    width:170px;
    display:block;
    background-color:{color:hexcode};
    color:{color:hexcode};
    font-size:10px;
    padding:6px;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom: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;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    #grouplinks a:hover {
    background:#b6b0a9;
    color:#fff;
    }


    {CustomCSS}

    </style></head>


<body>

<div id="everything">

<div id="title"><img src="http://static.tumblr.com/zkwuipe/MlBmyfvpu/2.gif"></div>
<div id="middleimg"><img src="http://static.tumblr.com/zkwuipe/G67myg3q3/dav1.gif"></div>

<div id="links">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="http://shayofrp.tumblr.com">CREDIT </a>
</div>

<div id="before"><img src="http://static.tumblr.com/zkwuipe/Gahmyfwpc/untitled-4.png">
<div id="grouplinks">
<a href="/tagged/">link 1</a>

<a href="/tagged/">link 2</a>

<a href="/tagged/">link 3</a>

<a href="/tagged/">link 4</a>

<a href="/tagged/">link 5</a>

<a href="/tagged/">link 6</a>

</div></div>

<div id="after"><img src="http://static.tumblr.com/zkwuipe/DBGmyfwxc/untitled-4.png">
<div id="grouplinks">
<a href="/tagged/">link 1</a>

<a href="/tagged/">link 2</a>

<a href="/tagged/">link 3</a>

<a href="/tagged/">link 4</a>

<a href="/tagged/">link 5</a>

<a href="/tagged/">link 6</a>
</div>
</div>

</div>
</body>
</html>