@import url(http://fonts.googleapis.com/css?family=Sanchez);
  body{
   background:#fff;
  }
  .loading{
    background: url(../images/loadinggif2.gif) no-repeat center top;
  }

  .tgactive ul{

    width:100%;
   }
   .tumblrwall{
     width:97%;
     position:relative;
     padding-bottom:100px;
   }

   .description{
     position:absolute;
     bottom:-60px;
     left:0px;
     width:100%;
     height:30px;
     overflow:hidden;
     background:rgba(1,1,1,0.5);
     -moz-transition: all 1s;
      -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
   }
    .tgactive ul li:hover .description{
     bottom:0px;
     opacity:1;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
   }
 .description h3{
    color:#eee;
    text-shadow:1px 1px 2px #111;
    font-size:2%;
    width:80%;
    height:2em;
    font-family: 'Sanchez', serif;
    white-space:nowrap;
    text-align:center;
    opacity:0;
    -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
  }
  .description a{
   color:#111!important;
   text-decoration:none;
  }

   .tgactive ul li{

          list-style-type:none;

          overflow:hidden;
          background: url(../images/loading.gif)no-repeat 50% 50%;
          background-size:58px 58px;






   }
   .item{
      overflow:hidden;
          background: url(../images/loading.gif)no-repeat 50% 50%;
          background-size:58px 58px;
     background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #787878;
    border-radius: 5px 5px 5px 5px;
    color: #212121;
    float: left;
    margin-bottom: 10px;


   }

    .tgactive ul li:hover h3{
      top:0%;
      left:0%;
      font-size:1%;
      opacity:1;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
    }
   .tgactive ul li:hover .tumblrwall{
    background:rgba(255,255,255,0.5);
    -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
   }
  .tgactive ul li .shadowlayer{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
   background: url(../images/paper_bg.jpg);
   opacity:0;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
  }
   .tgactive ul li:hover .shadowlayer{
    width:100%;
    height:100%;
    position:absolute;
    opacity:1;
    background: url(../images/paper_bg.jpg);
     box-shadow:0px 0px 10px #444 inset;
      -o-box-shadow:0px 0px 10px #444 inset;
       -moz-box-shadow:0px 0px 10px #444 inset;
        -webkit-box-shadow:0px 0px 10px #444 inset;
         -ms-box-shadow:0px 0px 10px #444 inset;
     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
  }
  .tgactive ul li:hover .imgwrap{

     background:rgba(255,255,255,0.2);
      -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
   }
   .imgwrap{
     position:relative;
     width:100%;
     height:100%;
      top:0px;

     -moz-transition: all 1s;
     -webkit-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
   }
   .imgwrap .largeimg{
       border-radius: 0 0 0 0;
   
    left: 1.5%;
    margin-top: 0;
    opacity: 1;
    position: relative;
    top: 1.5%;

    width: 97%;
           -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin-top:0px;

   }
    .tgactive ul li:hover .imgwrap .largeimg{

         opacity:0.2;
        -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
         -o-transition: all 1s;
         transition: all 1s;
         box-shadow:0px 0px 10px 1px #222;
   }

   .preview{
     background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center top , #F7F7F7, #E7E7E7);
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 3px 8px #111111, 0 3px 8px #AAAAAA, 0 2px 3px #FFFFFF inset;
    text-align:center;
     position:absolute;
     border:30px solid #eeeeee;
    background-size:100% 100%;
     overflow:hidden;
      width:50px!important;
    height:50px!important;

     opacity:0;
       -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
   }
  .preview:before {

    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    border-top: 2px solid #DDDDDD;
    bottom: -18px;
    box-shadow: 0 8px 48px #DDDDDD inset;
    content: "";
    display: block;
    left: -18px;
    position: absolute;
    right: -18px;
    top: -18px;
    z-index: -1;
}
      .preview:hover{
        border:10px solid #999999;
     opacity:1;

       -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
   }
   .tgactive ul li:hover .preview{
       border:3px solid #777;
       opacity:1;
         left:40%;
     top:40%;
       -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
   }

   .preview img{
     width:100%;
     height:100%;
     position:absolute;
     top:0px;
     left:0px;
     border:none;
     margin:0px!important;

   }
    .linkimg{
     width:25px;
     height:25px;
     position:absolute;
     top:10px;
     right:10px;
     overflow:hidden;
       border:none;
     opacity:0.0;
       -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
         -o-transition: all 1s;
        transition: all 1s;
   }
   .linkimg:hover{
     opacity:1!important;
    }
   .linkimg img{
     width:100%;
     height:100%;
     position:absolute;
     top:0px;
     left:0px;
   }
    .tgactive ul li:hover .linkimg{
       opacity:0.5;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .tgactive ul li:hover .preview{
       opacity:0.6;
        -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
         -o-transition: all 1s;
        transition: all 1s;
    }
     .infoimg{
     width:15%;

     position:absolute;
     bottom:1px;
     left:5px;
     overflow:hidden;
       border:none;
     opacity:1;
       -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -ms-transition: all 1s;
         -o-transition: all 1s;
         transition: all 1s;
   }
   .infoimg:hover{
     opacity:0!important;
    }

    .tgactive ul li:hover .infoimg{
         opacity:0;
        -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
        -o-transition: all 1s;
         transition: all 1s;
    }
    .tgactive ul li:hover .preview{

       opacity:0.6;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
         -ms-transition: all 1s;
         -o-transition: all 1s;
         transition: all 1s;
    }
  .preview:hover{

          opacity:1!important;
        -moz-transition: all 1s;
         -webkit-transition: all 1s;
         -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

   .tgactive ul{


   }

a img{
  border:none;
}

  .socialbox{

    position:absolute;
    top:-60px;
    left:-60px;
    width:60px;
    height:60px;
    opacity:0;
      -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }

  .tgactive ul li:hover .socialbox{
      top:10px;
    left:10px;
     -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity:1;}

  .pin-it-button{
    position:absolute;
   opacity:0.5;
    left:30px;
     top:30px;

     -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }
  .pin-it-button:hover{
    opacity:1;
     -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    }
   .tgactive ul li:hover .pin-it-button{
      left:0px;
      top:0px;
     -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   }

  .pin-it-button img{
   width:30px;
   height:30px;
      background: url(../images/Pinterest_Favicon2.png)no-repeat;
     background:100% 100%;
  }
 .twittershare{
    position:absolute;
    opacity:0.5;
    left:0px;
     top:0px;
     -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
   .twittershare:hover{
    opacity:1;
     -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }
   .tgactive ul li:hover  .twittershare{
      top:30px;
     -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   }
    .twittershare img{
   width:30px;
   height:30px;

  }
   .tumblrshare{
    position:absolute;
    opacity:0.5;
    left:-30px;
    top:30px
     -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }
   .tumblrshare:hover{
    opacity:1;
     -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }
    .tgactive ul li:hover  .tumblrshare{
      top:60px;
      left:0px;
     -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   }
    .tumblrshare img{
   width:30px;
   height:30px;

  }
  .column li{
    margin-right:20px;
  }
  .hiddenimages{
    display:none;
  }
/**** 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;
}

/**** 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;
}
 .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title{
   width:100%!important;
 }



/** Buttons  **/
.twbuttons {
    display: inline-block;
    margin-right: -4px;
    position: relative;
    width:50px;
    height:50px;
}
.next{
             position:absolute;
             top:0px;
             right:0px;

}
.prev{
    position:absolute;
             top:0px;
             left:0px;
}

.twbuttons:before {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.twbuttons .inner {
    background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center top , #F7F7F7, #E7E7E7);
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 3px 8px #AAAAAA, 0 2px 3px #FFFFFF inset;
    color: #A7A7A7;
    display: block;
    height: 50px;
    line-height: 144px;

    position: relative;
    text-align: center;
    width: 50px;
}
.twbuttons:hover  .inner:before{

       box-shadow: 0 18px 28px #cccccc inset;
       -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
   }
.twbuttons .inner:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    border-top: 2px solid #DDDDDD;
    bottom: -18px;
    box-shadow: 0 8px 48px #DDDDDD inset;

    content: "";
    display: block;
    left: -18px;
    position: absolute;
    right: -18px;
    top: -18px;
    z-index: -1;
    -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
}
.twbuttons .inner:hover {

    color: #555555;
    text-decoration: none;
}

 .next{
    position:fixed;
    top:50%;

    right:10px;
     opacity:0.8;
    cursor:pointer;
     -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

  }
  .next .inner{
     background-image: url(../images/next2.png);
  }
   .prev .inner{
     background-image: url(../images/prev2.png);
  }
  .next:hover{
    opacity:1;
     -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }

   .prev{
    position:fixed;
    top:50%;
    left:10px;

    opacity:0.8;
    cursor:pointer;
     -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .prev:hover{
    opacity:1;
     -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .tags{
    margin-bottom:30px;
  }
  .tag-wrapper{
    padding-left:20px;
    background: url(../images/tag.png) no-repeat left 3px ;
    background-size:20px 20px;
    opacity:0.6;
  }

  .tag-wrapper button{
    margin:5px;
      background-color: #F7F7F7;
    background-image: -moz-linear-gradient(center top , #F7F7F7, #E7E7E7);
    cursor:pointer;
    box-shadow: 0 3px 8px #AAAAAA, 0 2px 3px #FFFFFF inset;
    color: #A7A7A7;
    text-align: center;
    height:20px;
    font-size:11px;
}
.tag-wrapper button:before{
  background: none repeat scroll 0 0 #FFFFFF;

    border-top: 2px solid #DDDDDD;
    bottom: -18px;
    box-shadow: 0 8px 48px #DDDDDD inset;

    content: "";
    display: block;
    left: -18px;

    right: -18px;
    top: -18px;
    z-index: -1;
    -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
}

.tag-wrapper button:hover {
    background-image: -moz-linear-gradient(center top , #dddddd, #E7E7E7);
    color: #555555;
    text-decoration: none;
       -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
}
  .showall{
    float:left;
  }
  .showcustomtags{
    float:left;
  }
.tag-wrapper button.activetag{
background-image: -moz-linear-gradient(center top , #555, #E7E7E7);
color:#111;
}