#polaroid {
     

        font-family:      'Nothing You Could Do', cursive;
    }
    
    #pinboard {
        width:             1000px;
        height:            400px;
        position:          relative;    
        margin:            auto;
    }
    
    #pinboard ul {
        margin:            0;
        padding:           0;
        position:          relative;
        width:             960px;
        height:            400px;
    }
    
    #pinboard ul li {
        position:          absolute;
        top:               200px;
        left:              460px;
        display:           block;
        margin:            0;
        padding:           0;
        list-style:        none;
        background:        #fefefe;
        width:             300px;
        height:            300px;
        padding:           20px 20px 40px 20px;
-webkit-box-shadow:        0px 0px 10px #000;
-moz-box-shadow:           0px 0px 10px #000;
-o-box-shadow:             0px 0px 10px #000;
-ms-box-shadow:            0px 0px 10px #000;
        box-shadow:        0px 0px 10px #000;
-webkit-transition:        0.2s -webkit-transform linear;
-moz-transition:           0.2s -moz-transform linear;
-ms-transition:            0.2s -ms-transform linear;
-o-transition:             0.2s -o-transform linear;
        transition:        0.2s transform linear;        
    }
    
    .ui-draggable-dragging {
-webkit-transform:        rotate(0deg) scale(1.2) !important;
-moz-transform:           rotate(0deg) scale(1.2) !important;    
-ms-transform:            rotate(0deg) scale(1.2) !important;    
-o-transform:             rotate(0deg) scale(1.2) !important;    
        transform:        rotate(0deg) scale(1.2) !important;        
    }
    
    #pinboard ul li img {
        border:           1px solid #ccc;

    }
    
    #pinboard ul li img:after {
 -moz-box-shadow:        inset 0 0 10em #666;  
 -webkit-box-shadow:     inset 0 0 10em #666;   
 -ms-box-shadow:         inset 0 0 10em #666;
 -o-box-shadow:          inset 0 0 10em #666;   
        box-shadow:      inset 0 0 10em #666;
    }
    
    #pinboard ul li span {
        position:         absolute;
        bottom:           5px;
        left:             20px;
    }
    
    #briefje {
        position:         absolute;
        top:              10px;
        left:            -50px;
        width:            250px;
        padding:          50px 50px;
        background-color: #F4FA58;
-webkit-transform:        rotate(-10deg) !important;
-moz-transform:           rotate(-10deg) !important;    
-ms-transform:            rotate(-10deg) !important;
-o-transform:             rotate(-10deg) !important;
        transform:        rotate(-10deg) !important;        
        color:            #006;
        font-size:        1.5em; 
-webkit-box-shadow:       0px 0px 10px #000;
-moz-box-shadow:          0px 0px 10px #000;
-o-box-shadow:            0px 0px 10px #000;
-ms-box-shadow:           0px 0px 10px #000;
        box-shadow:       0px 0px 10px #000;    
    }
    
    #briefje h1 {
        font-size:        1.5em;
        margin-bottom:    0;
        padding-bottom:   0;
    }
    
    #briefje p {
        margin-top:       0;
        padding-top:      0;
        margin-bottom:    10px;
    }