.column, .columns, a.sidebar-advert img, .widget, .widget input, .row, .module-img img, .sf-menu li, .sf-menu a, a.header-advert img, a.sidebar-advert img {
  	   -moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
	}


/* Responsive Images - Combined with Sencha.io on the frontend */
.columns img, .column img, p img{max-width: 100%; height: auto;}
.content img{border: 1px solid #dfdfdf; margin-bottom: 15px;}

/* ======================================================= */
/* #Image Overlay Styles */
/* ======================================================= */
.module, .module-img{position: relative; overflow: hidden;}
.module{margin-bottom: 7px;}
.module-meta {display: inline; /*width: auto !important;*/} 
.module-img{text-align: center;}


/* The lightbox and full post link styles */
.module-img .thumbLink, .module-img .lightboxLink{
    background: url("../images/theme/post_link.png") no-repeat scroll 0 0 transparent;
    height: 20px !important;
    width: 20px !important;
    z-index: 9 !important;  
    margin-top: -26px; /* Nudge up a bit */
    position: absolute; 
    right: 0;
}

.module-img .lightboxLink{
	background: url("../images/theme/pop_link.png") no-repeat scroll 0 0 transparent;
    right: 21px;
}

/* Our transitions for the thumbnails */
.module-img .thumbLink, .module-img .lightboxLink{ 
			  -moz-opacity:0.0;
      filter: alpha(opacity=0);
     			   opacity:0.0;
     			   text-indent: -9999px;
	   -moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	     -o-transition: opacity .3s ease-in-out;
	        transition: opacity .3s ease-in-out;
}

.module:hover .thumbLink, .module:hover .lightboxLink{
			   -moz-opacity:1.0 !important;	    		  
     filter: alpha(opacity=100) !important;
     			    opacity:1.0 !important;
}

.thumbLink:hover , .lightboxLink:hover { 
			  -moz-opacity:0.8 !important;	    		  
     filter: alpha(opacity=80) !important;
     			   opacity:0.8 !important;
}

/* Make the entire space clickable */
.popLink{display: block; height: 20px;}


.page .hentry{padding-bottom: 15px;}

/* Styling for centered overlay */
.module-img img{
	border: medium none;
    margin: 0;
    outline: medium none;
    position: relative;
    text-decoration: none;
    z-index: 2;
    }
    
.module-img:hover img{opacity: 0.09;}

.module-img span{
	background: url("../images/theme/img-bg-pat.png") repeat scroll center center;
    height: 100%;
    left: 0;
    position: absolute;
    top: -6px; /* Removes auto height of the HTML5 span element */
    width: 100%;
    z-index: 1;
}

.module-meta h5{padding: 6px 0 0px;}


/* ======================================================= */
/* #PLUGIN MODS SECTION (continues until end of document) */
/* ======================================================= */


/* ======================================================= */
/* #FILTERABLE */
/* ======================================================= */

#portfolio-list{
	   -moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	        transition: all 1s ease-in-out;
}

#portfolio-list .module-meta{display: none;}

#portfolio-list .module-meta.visible{display: inline; height:200px;}

span.list_btn:hover, span.grid_btn:hover, span.hybrid_btn:hover{cursor: pointer;}

#portfolio-filter{float: left;}

.portfolio-view{float: right; margin-top: 5px;}

.portfolio-filters span, .portfolio-view span{margin-right: 10px;}

.portfolio-view span{float: left; margin-top: 6px;}

span.grid_btn, span.list_btn, span.hybrid_btn {margin-right: 3px; margin-top: 0px;}

.portfolio-nav{margin-bottom: 25px;}



.portfolio-nav p{margin-bottom: 0;} 



/* ======================================================= */
/* Tipsy */
/* ======================================================= */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/theme/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }




/* ======================================================= */
/* #MEDIA QUERIES SECTION */
/* ======================================================= */


	
	
	/* Responsive Gallery */
	
	.gallery-columns-4 .gallery-item {
		width:23% !important;
		padding-right:2% !important;
	}
	.gallery-columns-5 .gallery-item {
		width:18% !important;
		padding-right:2% !important;
	}
	.gallery-columns-6 .gallery-item {
		width:14% !important;
		padding-right:2% !important;
	}
	.gallery-columns-7 .gallery-item {
		width:12% !important;
		padding-right:2% !important;
	}
	.gallery-columns-8 .gallery-item {
		width:10% !important;
		padding-right:2% !important;
	}
	.gallery-columns-9 .gallery-item {
		width:9% !important;
		padding-right:2% !important;
	}
	.gallery-columns-4 .gallery-item img,
	.gallery-columns-5 .gallery-item img,
	.gallery-columns-6 .gallery-item img,
	.gallery-columns-7 .gallery-item img,
	.gallery-columns-8 .gallery-item img,
	.gallery-columns-9 .gallery-item img {
		width:100% !important;
		height:auto !important;
	}
	
	.gallery-columns-3 .gallery-item {
		width:31% !important;
		padding-right:2% !important;
	}
	.gallery-columns-3 .gallery-item img {
		width:100% !important;
		height:auto !important;
	}
	
	
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		a.sidebar-advert img { width: 43%; }
		.slider-shadow:after {background: none transparent;}
		
		.sf-menu > li > a {
			padding: 8px 8px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		  a.header-advert{margin-top: 0; text-align: center;}
  
  		  a.header-advert img{width: 410px;}
  		  
  		  .commentlist .comment-body {padding: 30px !important;}
  		  
  		  h2.title span:after{  
			content: "";
			background: transparent;
			}
		
		  #section-tophat{text-align: center;}
		  .subscribe, .tagline{float: none !important;} 
		  .subscribe:after{  
			content: " | ";
			}
			
		  .aside{ 
		  	padding: 0;
		  	border-right: 0px solid rgba(155, 155, 155, 0.2); 
		  	}
			
		  .slider-shadow:after {background: none transparent;}
			  
		  
	}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480) and (max-width: 767px) {
		.flex-control-nav {bottom: 29px;}
		.slider-shadow:after {background: none transparent;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		 a.header-advert img{width: 290px !important;}
		#gallery-1 .gallery-item{width: 90%;}		
		.flex-control-nav {bottom: 29px;}
		.slider-shadow:after {background: none transparent;} 
		.gallery-columns-2 .gallery-item {
			width:45% !important;
			padding-right:4% !important;
		}
		.gallery-columns-2 .gallery-item img {
			width:100% !important;
			height:auto !important;
		}
		
		.slider-shadow:after {background: none transparent;}
		
	}