update tab a

/*** the code presented under 'updates' goes between your <style></style> tag ***/

/*updates tab */
    #updates-wrap { top: 5px;
    left: 10px;
    position: fixed;
    z-index: 999;
    line-height: 13px;}

    #updates { background: #fff;
    font-family: arial;
    font-size: 8px;
    width: 120px;
    padding: 3px;
    height: 13px;
    display: block;
    -webkit-transition-duration: .5s;
    height: 15px;
    overflow: hidden;}

    #updates-wrap:hover #updates { height: 330px; }

    o { background-color: transparent;
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px; }


    /** the code presented below is pasted between your <body></body> tags

    <div id="updates-wrap">
    <div id="updates">
    <o><b>updates</b></o><br>
    <p>make sure to adjust the hover height to fit all your update info!</p>
    <p><b>watching:</b><br>
    + show here, season<br>
    + show here, season<br><br>
    <b>reading:</b><br>
    + book<br>
    + book<br><br>
    <b>networks: </b><br>
    + <a href="/">network</a><br>
    + <a href="/">network</a>
    </p>
    </div>
    </div>