/**
 * @title          global side tools
 * @description    additional links on either side of the site
 * @media          screen
 * @required       global-base.css
 */


/**
 * @section        sideTools
 * @tree           #discover || #practical < #page < #wrapper < body
 */
#discover, #practical {
    position:absolute; top:0;
    width:86px;
}

#discover {left:0;z-index:10;}
#practical {left:905px;z-index:10;}

#discover dl, #practical dl {margin:0; padding:0;}

#discover dt, #practical dt {
    margin:0; padding:7px 0;
    background:#474747; color:#FFF;
    font:bold 10px Georgia, "Times New Roman", Times, serif;
    text-align:center;
}

#discover dd, #practical dd {
    overflow:hidden;
    margin:0; padding:0;
    height:60px;
}

#discover a, #practical a {color:#FFF;}
#discover a, #practical a, #discover img, #practical img {display:block;}

#discover .on a img, #practical .on a img,
#discover a:focus img, #practical a:focus img,
#discover a:hover img, #practical a:hover img {margin-top:-60px;}