Navigation Page 1 - neonbike themes

<!DOCTYPE html>

<!--

page #02 by Paige @ neonbikethemes.tumblr.com
Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
Do not remove the credit. thanks!

 If you need any help go to my ask box: neonbikethemes.tumblr.com/ask
 I will be happy to help.
-->

<style type=text/css>

a:link {color:#838383;}      /* unvisited link */
a:visited {color:#838383;}  /* visited link */
a:hover {color:#838383;}  /* mouse over link */
a:active {color:#838383;}  /* selected link */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

#icon{
    position:absolute;
    display: inline-block;
    background:transparent;
    margin-left:40%;
    top:130px;
    height:100px;
    width:270px;
    text-align:center;
    font-size:10px;
    word-spacing:10px;
}

#titlebox {
    position:absolute;
    display: inline-block;
    background:#91d8dd;
    margin:0px auto;
    margin-left:40%;
    top:240px;
    height:20px;
    width:250px;
    font-size:18px;
    text-transform:none;
    font-family:times, italic;
    text-align:center;
    padding:10px;
    border-radius:0px;
    color:#838383;
}

#box {
    position:fixed;
    display: inline-block;
    margin:0px auto;
    background:#f0f0f0;
    opacity:1.0;
    margin-left:40%;
    top:280px;
    height:170px;
    width:240px;
    border-radius:0px;
    padding:15px;
    font-size:10px;
    font-family:times italic;
    color:#eff4f6;
}

/*  LINK A */
#linka {
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    top:0px;
    height:15px;
    width:230px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linka:hover{
    background:#b2e4e8;
}


/*  LINK B */

#linkb{
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    top:10px;
    height:15px;
    width:230px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linkb:hover{
    background:#b2e4e8;
}


/*  LINK C */

#linkc {
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    top:20px;
    height:15px;
    width:230px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linkc:hover{
    background:#b2e4e8;
}


/*  LINK D */

#linkd {
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    top:30px;
    height:15px;
    width:230px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linkd:hover{
    background:#b2e4e8;
}


/*  ASK LINK */

#linke {
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    top:40px;
    height:15px;
    width:103px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linke:hover{
    background:#b2e4e8;
}

/*  SUBMIT LINK */

#linkf {
    position:relative;
    display: inline-block;
    margin:0px auto;
    background:#e1e1e1;
    opacity:1.0;
    left:11px;
    top:40px;
    height:15px;
    width:103px;
    border-radius:1px;
    padding:5px;
    font-size:11px;
    font-family:times italic;
    text-align:center;
    text color:#eff4f6;
}

#linkf:hover{
    background:#b2e4e8;
}

</style>

<div id="icon"><img src="http://25.media.tumblr.com/034ec49e8e02396bfff842eee9c32b77/tumblr_mw025pDSOX1sj8ev1o7_500.png" align="center" height="80px" width="80px" alt="I Lost My Shoe"> <br>

<a href="http://winterhunting.tumblr.com">HOME</a>
<a href="http://winterhunting.tumblr.com/ask">ASK</a>
<a href="http://winterhunting.tumblr.com/navi">NAVI</a>
<a href="http://winterhunting.tumblr.com/about">ABOUT</a>
</div>

<div id="titlebox"><i>navigation</i></div>

<div id="box">

    <div id="linka">
        <a href="http://winterhunting.tumblr.com/links">Links and Stuff</a>
        </div>

    <div id="linkb">
        <a href="http://winterhunting.tumblr.com/tags">Tags</a>
        </div>

    <div id="linkc">
        <a href="http://winterhunting.tumblr.com/pals">Follow Forever</a>
        </div>

    <div id="linkd">
        <a href="http://winterhunting.tumblr.com/about">About</a>
        </div>

    <div id="linke">
        <a href="http://winterhunting.tumblr.com/ask">Ask</a>
        </div>

    <div id="linkf">
        <a href="http://winterhunting.tumblr.com/submit">Submit</a>
        </div>

</div>


<!-- CREDIT: DO NOT REMOVE -->
<div style="position:fixed;bottom:3px; left:7px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://neonbikethemes.tumblr.com/">P</a></center></div>

</body>