html {
  overflow-y: scroll;
}
/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 40%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*********************/
#grid-content{ width:950px; margin:0 auto;}
#container{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:960px;
	margin:0 auto;
	padding-bottom:10px;
	
}
#container .grid{
	width:190px;
	min-height:100px;
	padding: 15px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	border:1px solid #CCC;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
#container .grid strong {
	margin:10px 0;
	margin-bottom:0px;
	display:block;
	padding:0px 0px 3px;
	font-size:14px;
	line-height:18px;
}
#container .grid p{ margin-top:0px; font-size:11px; line-height:12px; margin-bottom:15px;}
#container .grid .meta{
	color:#444;
	font-size:11px;
	line-height:16px;
	padding:5px;
	border:1px dotted #CCCCCC;
}
#container .grid .meta span{ display:block; font-style:italic; color:#777;}
#container .grid .imgholder img{
	max-width:100%;
	width:100%;
	height:auto;
	background:#ccc;
	display:block;
}


/***************************************************/
/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#grid-content{margin: 0 auto;width:722px;}
	#container {
		list-style: none outside none;
		margin: 0 auto;
		padding: 0 0 10px;
		position: relative;
		width: 720px;
	}
	#container .grid{
		width:190px;
		min-height:100px;
		padding: 15px;
		background:#fff;
		margin:7px;
	}
}

/***************************************************/
/*Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	#grid-content{margin: 0 auto;width:235px;}
	#container {
		list-style: none outside none;
		margin: 0 auto;
		padding: 0 0 10px;
		position: relative;
		width:240px;
	}
	#container .grid{
		width:190px;
		min-height:100px;
		padding:15px;
		background:#fff;
		margin:7px;
	}
	
	/* Infinite Scroll loader */
	#infscr-loading { 
	  text-align: center;
	  z-index: 100;
	  position: fixed;
	  left:10%;
	  bottom:40px;
	  width: 200px;
	  padding:5px;
	  background: #000; 
	  opacity: 0.8;
	  color: #FFF;
	  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
			  border-radius: 10px;
	}
}

/***************************************************/
/*	Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#grid-content{margin: 0 auto;width:430px;}
	#container {
		list-style: none outside none;
		margin: 0 auto;
		padding: 0 0 10px;
		position: relative;
		width:430px;
	}
	#container .grid{
		width:175px;
		min-height:100px;
		padding:10px;
		background:#fff;
		margin:7px;
	}
	
	/* Infinite Scroll loader */
	#infscr-loading { 
	  text-align: center;
	  z-index: 100;
	  position: fixed;
	  left:20%;
	  bottom: 40px;
	  width: 200px;
	  padding: 10px;
	  background: #000; 
	  opacity: 0.8;
	  color: #FFF;
	  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
			  border-radius: 10px;
	}
}