/* Start: Recommended Isotope styles */

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

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

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}

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

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

.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:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.item {
/*  width: 110px;
  height: 110px;
  margin: 5px; 
  float: left;
  overflow: hidden; 
  position: relative;
  background: #888;
  color: #222; */
}

/* #options li.group-one a,
.item.group-one       { background: #F00; background: hsl(   0, 100%, 50%); }
#options li.group-two a,
.item.group-two       { background: #F80; background: hsl(  36, 100%, 50%); } */

/* .item * { position: absolute;  margin: 0; } */

/* .--item .symbol p {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
} */

/*
#options {padding-bottom: 1.0em;}

#options ul {margin: 0 0 2em; list-style: none;}
#options ul ul {margin-left: 1.5em;}

#options li { text-align: center; float: left; margin-bottom: 0.2em; }
#options li a { text-decoration: none; display: block; padding: 0 2em 2px 0;  
  color: #999; font-weight: bold;}
--#options li a span {height: 4em; display: inline-block;}
--#options li a:hover { border-bottom: 2px solid #fdbe13; padding-bottom: 0;}
--#options li a:active {border-bottom: 2px solid #fdbe13;}
--#options li a.selected { border-bottom: 2px solid #fdbe13; padding-bottom: 0;}
--#options li a.selected span {color: red;}
#options li {list-style-type: none; }
--#options li,
--#options li a img {width: 80px;}

*/



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