NAVIGATION THEME 01

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

<!-- BASE CODE BY DYLAENOBRIENS -->

<!--NAVIGATION THEME 01 BY JACKOLUCAS. DO NOT USE AS BASE CODE OR REMOVE CREDIT. THANK YOU-->

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


<head>

<title>{Title}</title>

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

    <style type="text/css">


   /*--scrollbar--*/

::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
}
   /*--body--*/


    body {
    font-style:none;
    background-color:{color:bg};
    font-family:calibri;
    color:{color:text};
    font-size:9px;
    }


    a {
    color:{color:link};
    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:hover};
    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;
    }

    blockquote {
    padding-left:5px;
    border-left:2px solid {color:border};
    }

    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 {
    font-family:'papyrus';
    font-size:65px;
    margin-top:-67px;
    margin-left:323px;
    color:#b5b6c0
    }

    #title a:hover {
    color:#694b77;
    }

    /*--links--*/

    #links {
    width:150px;
    font-family:'cambria';
    text-transform:lowercase;
    text-align:center;
    margin-top:1px;
    margin-left:347px;
    }

    #links a {
    padding:4px;
    font-size:12px;
    color:#d2d2d6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

    #links a:hover {
    color:#050107;
    }


    #grouptitle {
    padding:8px;
    text-align:center;
    font-style:;
    font-family:'papyrus';
    color:#b5b6c0;
    font-size:17px;
    width:118px;
    margin-left:187px;
    margin-top:80px;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    border-top:1px solid #eaeaea;
   }


    #grouplinks {
    width:120px;
    margin-top:0px;
    padding:7px;
    margin-left:187px;
    border:1px solid #eaeaea;
     }


    #grouplinks a {
    font-family:'cambria';
    display:block;
    color:#d2d2d6;
    font-size:12px;
    padding:6px;
    text-align:center;
    letter-spacing:2px;
    text-transform:lowercase;
    margin-bottom:1px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

    #grouplinks a:hover {
    color:#050107;
    }


    {CustomCSS}

    </style></head>


<body>

<div id="everything">

<div id="title">TITLE</div>


<div id="links">
<a href="/">BACK</a>
<a href="/ask">INBOX</a>
<a href="http://jackolucas.tumblr.com/">CREDIT</a>
</div>

<table id="all" border="0" cellpadding="0" cellspacing="0">


<td><div id="grouptitle"><big>Group One</div>
<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>

</div></td>


<td><div id="grouptitle"><big>Group Two</div>
<div id="grouplinks">
<a href="/tagged/">link 1</a>

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

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

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

</div></td>

<tr>

<td><div id="grouptitle"><big>Group Three</div>
<div id="grouplinks">
<a href="/">link 1</a>

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

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

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

</div></td>

<td><div id="grouptitle"><big>Group Four</div>
<div id="grouplinks">
<a href="/">link 1</a>

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

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

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

</div></td>


</table>

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

DO NOT REMOVE CREDIT.