body{
    /* Styling the body */
    color:white;
    font-size:13px;
    background: #222222;
    font-family:Arial, Helvetica, sans-serif;
}

#gallery{
    /* The pics container */
    width:100%;
    height:580px;
    position:relative;
}

.pic, .pic a{
    /* Each picture and the hyperlink inside it */
    width:100px;
    height:100px;
    overflow:hidden;
}

.pic{
    /* Styles specific to the pic class */
    position:absolute;
    border:5px solid #EEEEEE;
    border-bottom:18px solid #eeeeee;

    /* CSS3 Box Shadow */
    -moz-box-shadow:2px 2px 3px #333333;
    -webkit-box-shadow:2px 2px 3px #333333;
    box-shadow:2px 2px 3px #333333;
}

.pic a{
    /* Specific styles for the hyperlinks */
    text-indent:-999px;
    display:block;
    /* Setting display to block enables advanced styling for links */
}

.drop-box{
    /* The share box */
    width:240px;
    height:130px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1;

    background:url(img/drop_box.png) no-repeat;
}

.drop-box.active{
    /* The active style is in effect when there is a pic hovering above the box */
    background-position:bottom left;
}

label, input{
    /* The modal dialog URL field */
    display:block;
    padding:3px;
}

label{
    font-size:10px;
}

fieldset{
    border:0;
    margin-top:10px;
}

#url{
    /* The URL field */
    width:240px;
}