/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/**** Example Options ****/

#options {
    margin-left: -40px;
    padding-bottom: 1.0em;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#options ul {
    margin: 0;
    list-style: none;
}

#options span {
    display: block;
    padding: 0.4em 0.5em;
    background-color: #A25221;
    color: white;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
}

#options li {
    float: left;
    margin-bottom: 0.2em;
}

#options li a {
    display: block;
    padding: 0.4em 0.5em;
    background-color: #538226;
    color: white;
}

#options li a:hover {
    background-color: #74B335;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#options li a {
    border-left: 1px solid hsla(0, 0%, 100%, 0.3);
    border-right: 1px solid hsla(0, 0%, 0%, 0.2);
}

#options li:first-child a {
    border-radius: 7px 0 0 7px;
    border-left: none;
}

#options li:last-child a {
    border-radius: 0 7px 7px 0;
}

#options li a.selected {
    background-color: #538226;
    text-shadow: none;
    color: white;
}

#options ul li a.selected.asc:after {
    content: ' ▲';
    font-size: 100%;
    color: rgba(255, 255, 255, .5);
}

#options ul li a.selected.desc:after {
    content: ' ▼';
    font-size: 80%;
    color: rgba(255, 255, 255, .5);
}

#options ul li a.selected.lock:after {
    content: '';
}

/**** Infinite Scroll ****/

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}