navi theme 1 v.1



        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <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}">
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

        <!----THEME BY NARRULD do not copy or remove credit--->

        <head>

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


        <style type="text/css">

        ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}

        ::-webkit-scrollbar-corner {background:#ffffff}

        ::-webkit-scrollbar-thumb:vertical {background:#f3f3f3};

        ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
        }


        body {

            margin:0px;
            color:#fff;
            font-family:Calibri;
            font-size:10px;
            padding:5px;
            line-height:100%;
        }

        a {
        color:#cecccc;
        text-decoration:none;
        outline:none;
        opacity:1 ;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        }

        a:hover {
        color:#1d1d1d;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        transition: all 0.8s;
        }


        img {
            border:none;
        }

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

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

        h1 {
            font-size:15px;
        }

        #container {
        margin:0px auto;
        width:3000px;
        height:auto;
        }

         #title {
            position:absolute;
            font-family:"roboto slab";
            font-size:40px;
            letter-spacing:-3px;
            margin-top:80px;
            margin-left:410px;
            width:600px;
            text-align:center;
            color:#1d1d1d;
        }


        .sub {
            position:absolute;
            background:#ffffff;
            font-family:"roboto slab";
            background-color:#1d1d1d;
            font-size:22px;
            text-decoration:underline;
            letter-spacing:-1px;
            color:white;
            width:500px;
            margin-top:30px;
            margin-left:450px;
            padding:20px 0px 10px 0px;
        }

        .style{
            margin-bottom:25px;
            background:#ffffff;
            text-align:center;
            width:400px;
            padding:20px;
            letter-spacing: 2px; color:#a8a8a8; text-align:justify
        }


        #themeslink {
            margin-top:85px;
            margin-left:-30px;
            word-spacing:10px;
            font-family:arial;
            font-size:12px;
        }

      #themeslink a{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
            display: inline-block;
            text-transform: lowercase;
            letter-spacing: 2px;
            color:#ffffff;
            background:#1d1d1d;
            text-align:center;
            width:60px;
            padding:5px 2px 5px 2px;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

        #themeslink a:hover{
            background:#ffffff;
            color:#1d1d1d;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }


        #linkys {
            position:absolute;
            margin-top:90px;
            margin-left:455px;
            word-spacing:10px;
            font-family:arial;
            font-size:12px;
        }

        #linkys a{
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
            text-transform: lowercase;
            display: inline-block;
            letter-spacing: 2px;
            color:#ffffff;
            background:#1d1d1d;
            text-align:center;
            width:60px;
            padding:5px 2px 5px 2px;
            text-decoration:none;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

        #linkys a:hover{
            background-color:#fff;
            color:#1d1d1d;
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -transition: all 0.6s ease-in-out;
        }

        #line{
            position:absolute;
            background-color:#1d1d1d;
            height:130px;
            width:500px;
            margin-top:40px;
            margin-left:450px;
            z-index:-9999999999999;
        }

    l {color: #676767;}

        {CustomCSS}</style>
        </head>
        <body>
        <div id="container"></div>
         <div id="title">narruld's navigation</div>
        <div class="style">
            </div>
        <center><div id="themeslink">
        <a href="/">home</a>
        <a href="/">ask</a>
        <a href="http://tumblr.com/dashboard">dash</a>
        </div>
        <div id="line"></div>
    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> <p> <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


    <div id="line"></div>
    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> <p><a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


    <div id="line"></div>
    <div class="sub">subtitle</div>
    <div id="linkys">
    <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> <p><a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a> - <a href="/">link</a></div>


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


         <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid #aaa;padding:4px;"><a href="http://narruld.tumblr.com/"><l>NARRULD</l></a></center></div>

        </body></html>