preston/bittorious

header {
    // background: url(/assets/textures/purty_wood/purty_wood.png) repeat;
    // box-shadow: 0 2px 2px rgba(0,0,0,.5);

    #search_results {
        width: 400px;
        background: rgba(0,0,0,0.6);
        position: absolute;
        z-index: 100;
        padding: 20px 40px;
        color: #bbb;
        top: -50px;
        right: -800px;

        border-radius: 8px;
        box-shadow:                    0px 50px 50px #000, 0px -4px 2px #333 inset;
        -moz-box-shadow:        0px 50px 50px #000, 0px -4px 2px #333 inset;
        -webkit-box-shadow:    0px 50px 50px #000, 0px -4px 2px #333 inset;
        
        -webkit-transition:    all .1s linear;
        -moz-transition:        all .1s linear;
        -o-transition:            all .1s linear;
        transition:                    all .1s linear;

        ul li a {
          color: white;
          font-size: 16px;
          &:hover {
            background: none;
          }
        }
    }
    
    #search_results:hover {
        color: rgba(240,240,240, 0.9);
        text-shadow: 0 1px 1px #000;
        box-shadow:                    0px 50px 50px #000, 0px -4px 2px #000 inset;
        -moz-box-shadow:        0px 50px 50px #000, 0px -4px 2px #000 inset;
        -webkit-box-shadow:    0px 50px 50px #000, 0px -4px 2px #000 inset;
        
        -webkit-transition:    all .2s linear;
        -moz-transition:        all .2s linear;
        -o-transition:            all .2s linear;
        transition:                    all .2s linear;
    }
    
}