html {padding-bottom: 60px;}

body {font-family: Arial, sans-serif; width:100%; margin:0; padding:0; 
background: #000 url('../img/loading.gif') no-repeat top center; overflow: auto; overflow-x:hidden;}

img {border-style: none;}
.instagram img {width:100%;height:auto;border-style: none;}
a {text-decoration: none; color: #BBB}
ul {margin:0; border:none; padding:0;}
.instagram li{position:relative;overflow:hidden}
.instagram span{display:block;position:absolute;bottom:-30px;left:0;height:20px;padding:5px 0;width:100%;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;transition: all 0.5s linear;-webkit-transition:all 0.5s ease;}
.instagram a:hover span{bottom:0;transition: all 1s linear;-webkit-transition:all 0.5s ease}


.instagram-placeholder { float:left; } 

#item_count{margin-right: 15px;padding: 5px;border-radius: 100%;display:none;
background-color: #333;color: #AAA;-webkit-box-shadow: 0 -1px 2px #111, 0 1px 2px #777; 
box-shadow: 0 -1px 2px #111, 0 1px 2px #777;}
#instalogo {float: left;margin-top: 10px;}

.hashtag {margin-top: 20px;text-align: right;margin-right: 20px;font-family: helvetica;}
#social{float: left;margin-top: 20px;margin-left: 20px;width: 40%;}
.twitter-share-button{margin-left: 10px !important; display:inline-block !important;}
.fb-like {display: inline-block !important;float: left !important;}

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:60px;
   width:100%;
   border-top: solid 2px #333;
   background-color: #222;
   color: #aaa;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

@media only screen  and (min-width : 150px) {ul li{width:50%}.insta-tag{display:none}#instalogo{display:none}} /* 2 */
@media only screen  and (min-width : 300px) {ul li{width:33.33%}.insta-tag{display:none}#instalogo{display:none}} /* 3 */
@media only screen  and (min-width : 450px) {ul li{width:25.00%}.insta-tag{display:inline}#instalogo{display:none}} /* 4 */
@media only screen  and (min-width : 600px) {ul li{width:20%}#instalogo{display:none}} /* 5 */
@media only screen  and (min-width : 750px) {ul li{width:16.66%}#instalogo{display:inline}} /* 6 */
@media only screen  and (min-width : 900px) {ul li{width:14.28%}} /* 7 */
@media only screen  and (min-width : 1050px) {ul li{width:12.5%}} /* 8 */
@media only screen  and (min-width : 1200px) {ul li{width:11.11%}} /* 9 */
@media only screen  and (min-width : 1350px) {ul li{width:10%}} /* 10 */	
@media only screen  and (min-width : 1500px) {ul li{width:9.09%}} /* 11 */	
@media only screen  and (min-width : 1650px) {ul li{width:8.33%}} /* 12 */	
@media only screen  and (min-width : 1800px) {ul li{width:7.69%}} /* 13 */	
@media only screen  and (min-width : 1950px) {ul li{width:7.14%}} /* 14 */	
@media only screen  and (min-width : 2100px) {ul li{width:6.67%}} /* 15 */	
@media only screen  and (min-width : 2250px) {ul li{width:6.25%}} /* 16 */	
@media only screen  and (min-width : 2400px) {ul li{width:5.88%}} /* 17 */	


ul[data-liffect="zoomOut"] img {
    /*opacity: 0;*/
    position: relative;
    -webkit-animation: zoomOut 300ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomOut 300ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomOut 300ms ease both;
    -o-animation-play-state: paused;
    animation: zoomOut 300ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="zoomOut"].play img{
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes zoomOut {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomOut {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomOut {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomOut {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}