div.cottage_snapshots img {
    width: 288px;
    height: 216px;
}

#notes li {
    list-style-type: none;
    position: relative;
    width: 300px;
    float: left;
    min-height: 100px;
    margin: 35px 20px;
    padding: 40px 0 15px 0;
    background: #E6FFE2;
    border: 1px solid rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px #000;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    clear: left;
}

#notes li:nth-child(even) {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

#notes li p {
    text-align: center;
    font: normal normal normal 26px/30px 'Reenie Beanie', Helvetica, Arial, sans-serif;
    color: #000;
    text-shadow: white 1px 1px 0px;
    overflow:hidden;
}

#notes li:before {
    content: ' ';
    display: block;
    display: none\9;
    position: absolute;
    left: 115px;
    top: -35px;
    width: 75px;
    height: 55px;
    z-index: 2;
    background-color: #E6FFE2;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 -12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.5);
    box-shadow: 1px 1px 2px #000;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

#notes li.wobble-1:before {
   -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);

}

#notes li.wobble-2:before {
   -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    
}

#notes li.even {
    clear: none;
}