/* Portolio Hover */
.thumbnails li {
	display: block;
	position: relative;
	overflow: hidden;
}

.thumbnails li  img{
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
}

.thumbnails li:hover,
.thumbnails li:focus{
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnails li  article {
	position: absolute;
	background-image:url(images/image_hover.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
}

.thumbnails li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}

.thumbnails li  article a {
color:#fff;
padding:20px;
display:block;
}

.thumbnails {
text-align:center;
}

.thumbnails li  article h2{
color:#fff;
padding:0 20px;
font-size: 16px;
line-height: 18px;
}

.thumbnails li  article em{
margin-bottom:10px;
padding:0 20px;
color:#fff;
display:block;
font-size: 12px;
line-height: 14px;
}

.thumbnails li  article span{
display:inline-block;
}

span.link_post{
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-image:url(images/link_post_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-right:10px;
}

span.zoom{
overflow:hidden;
display:block;
width:35px;
height:35px;
border-radius:2px;
cursor:pointer;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0044cc;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
background-image:url(images/zoom_icon.png);
background-repeat:no-repeat;
background-position:center;
margin-left:10px;
}

@media (min-width: 768px) and (max-width: 979px) {

.thumbnails li  article h2{
color:#fff;
padding:0 10px;
font-size: 12px;
line-height: 14px;
}

.thumbnails li  article em{
margin-bottom:10px;
padding:0 10px;
color:#fff;
display:block;
font-size: 10px;
line-height: 12px;
}

.tablecell {
	height: 166px;
	width: 166px;
	display:table-cell;
	vertical-align: middle;
}

}


@media (min-width: 980px) {

.tablecell {
	height: 220px;
	width: 220px;
	display:table-cell;
	vertical-align: middle;
}

}