/*
Theme Name: Isotope Styles by Damien Saunders
Theme URI: http://wordpress.damiensaunders.com
Author: Damien Saunders
*/

/* Start: Damien's Isotope styles */

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite'), local('SpecialElite-Regular'), url(http://themes.googleusercontent.com/static/fonts/specialelite/v3/9-wW4zu3WNoD5Fjka35Jm4kaQb-UsZVONjobs91YQtw.woff) format('woff');
}

.isocontent{}

.isocontent .box{
position:relative; 
max-width: 250px; 
float:left; 
overflow: hidden; 
position: relative;
margin-top:1px;
margin-left: 1px;
  padding-bottom:1px;
  padding-left:1px;
  padding-right:1px;
  padding-top:1px;
  position:relative;
  text-shadow:none;
  font-size:14px;
}

.isocontent .Yellow{
background-color:yellow;
background-image:-webkit-linear-gradient(top, #FFEE90 0%, #FFE44E 100%);
  color:#000000;
    font-family: "special elite";
}




.isocontent .Violet{position:relative; 
float:left; 
overflow: hidden; 
position: relative;
min-height: 100px;
max-width: 200px;
background-color: #7a81ff;
background-image: -webkit-gradient(radial, 0% 0%,0,0% 0%,200, from(rgb(148, 55, 255)), to(rgb(122, 129, 255)));
background-image: -webkit-radial-gradient(0% 0%, rgb(122, 129, 255), rgb(148, 55, 255));
background-image: -moz-radial-gradient(0% 0%, rgb(122, 129, 255), rgb(148, 55, 255));
background-image: -o-radial-gradient(0% 0%, rgb(122, 129, 255), rgb(148, 55, 255));
background-image: -ms-radial-gradient(0% 0%, rgb(122, 129, 255), rgb(148, 55, 255));
background-image: radial-gradient(0% 0%, rgb(122, 129, 255), rgb(148, 55, 255));
  font-family: "special elite";
}

.isocontent .Red{
position:relative; 
float:left; 
overflow: hidden; 
min-height: 100px;
max-width: 200px;
background-color: #ff2600;
background-image: -webkit-gradient(radial, 0% 0%,0,0% 0%,200, from(rgb(255, 47, 146)), to(rgb(255, 38, 0)));
background-image: -webkit-radial-gradient(0% 0%, rgb(255, 38, 0), rgb(255, 47, 146));
background-image: -moz-radial-gradient(0% 0%, rgb(255, 38, 0), rgb(255, 47, 146));
background-image: -o-radial-gradient(0% 0%, rgb(255, 38, 0), rgb(255, 47, 146));
background-image: -ms-radial-gradient(0% 0%, rgb(255, 38, 0), rgb(255, 47, 146));
background-image: radial-gradient(0% 0%, rgb(255, 38, 0), rgb(255, 47, 146));
  margin-top:2px;
  margin-left: 2px;
  font-family: "special elite";  

}

.isocontent .Green{
position:relative; 
float:left; 
overflow: hidden; 
min-height: 100px;
max-width: 200px;
background-color: #8efa00;
background-image: -webkit-gradient(radial, 0% 0%,0,0% 0%,200, from(rgb(0, 251, 146)), to(rgb(142, 250, 0)));
background-image: -webkit-radial-gradient(0% 0%, rgb(142, 250, 0), rgb(0, 251, 146));
background-image: -moz-radial-gradient(0% 0%, rgb(142, 250, 0), rgb(0, 251, 146));
background-image: -o-radial-gradient(0% 0%, rgb(142, 250, 0), rgb(0, 251, 146));
background-image: -ms-radial-gradient(0% 0%, rgb(142, 250, 0), rgb(0, 251, 146));
background-image: radial-gradient(0% 0%, rgb(142, 250, 0), rgb(0, 251, 146));
  margin-top:2px;
  margin-left: 2px;
  font-family: "special elite";  

}

.isocontent .Blue{
position:relative; 
float:left; 
overflow: hidden; 
min-height: 100px;
max-width: 200px;
background-color: #00fdff;
background-image: -webkit-gradient(radial, 100% 0%,0,100% 0%,200, from(rgb(0, 150, 255)), to(rgb(0, 253, 255)));
background-image: -webkit-radial-gradient(100% 0%, rgb(0, 253, 255), rgb(0, 150, 255));
background-image: -moz-radial-gradient(100% 0%, rgb(0, 253, 255), rgb(0, 150, 255));
background-image: -o-radial-gradient(100% 0%, rgb(0, 253, 255), rgb(0, 150, 255));
background-image: -ms-radial-gradient(100% 0%, rgb(0, 253, 255), rgb(0, 150, 255));
background-image: radial-gradient(100% 0%, rgb(0, 253, 255), rgb(0, 150, 255));
  margin-top:2px;
  margin-left: 2px;
  font-family: "special elite";  

}

.isocontent .Orange{
position:relative; 
float:left; 
overflow: hidden; 
min-height: 100px;
max-width: 200px;
background-color: #ff7e79;
background-image: -webkit-gradient(radial, 100% 0%,0,100% 0%,200, from(rgb(255, 147, 0)), to(rgb(255, 126, 121)));
background-image: -webkit-radial-gradient(100% 0%, rgb(255, 126, 121), rgb(255, 147, 0));
background-image: -moz-radial-gradient(100% 0%, rgb(255, 126, 121), rgb(255, 147, 0));
background-image: -o-radial-gradient(100% 0%, rgb(255, 126, 121), rgb(255, 147, 0));
background-image: -ms-radial-gradient(100% 0%, rgb(255, 126, 121), rgb(255, 147, 0));
background-image: radial-gradient(100% 0%, rgb(255, 126, 121), rgb(255, 147, 0));
  margin-top:2px;
  margin-left: 2px;
  font-family: "special elite";  

}

.isocontent .White{
position:relative; 
float:left; 
overflow: hidden; 
min-height: 100px;
max-width: 200px;
background-color: #ffffff;
background-image: -webkit-gradient(radial, 100% 0%,0,100% 0%,200, from(rgb(235, 235, 235)), to(rgb(255, 255, 255)));
background-image: -webkit-radial-gradient(100% 0%, rgb(255, 255, 255), rgb(235, 235, 235));
background-image: -moz-radial-gradient(100% 0%, rgb(255, 255, 255), rgb(235, 235, 235));
background-image: -o-radial-gradient(100% 0%, rgb(255, 255, 255), rgb(235, 235, 235));
background-image: -ms-radial-gradient(100% 0%, rgb(255, 255, 255), rgb(235, 235, 235));
background-image: radial-gradient(100% 0%, rgb(255, 255, 255), rgb(235, 235, 235));
  margin-top:2px;
  margin-left: 2px;
  font-family: "special elite";  

}



.isocontent .wp-post-image{
	display:block;
	margin:auto;
   }

.isocontent a{
	text-decoration: none;
	color:#000000;
  }

.isocontent .ftext{
	background-color: white;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	position:relative;
	text-shadow:grey;
	font-size:16px;

}

/* 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:         top, left, opacity;
          transition-property:         transform, opacity;
}

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

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

/* End: Recommended Isotope styles */

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

#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

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

#options ul ul {
  margin-left: 1.5em;
}

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

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #DDD;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #5BF;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#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: #13F;
  text-shadow: none;
  color: white;
}