@import url(touchTouch/touchTouch.css);
.onecol { width:99%; margin:10px 0 2% 0}
.onecol:after { display:block; content:''; clear:both}
.onecol .border{ width:45%; float:left; margin-right:3%; margin-bottom:40px;}
.onecol h5.title{ text-transform:uppercase; font-size:24px; line-height:1em; margin:0px; padding:0 0 20px;}
.photo .onecol .iteminfo{ display: block; padding-bottom:10px;}
.photo .onecol hr{ display: block; clear:both; margin-bottom:10px;}

.twocol { width:47.5%; margin:10px 2% 2% 0}
.threecol { width:31%; margin:10px 2% 2% 0}
.fourcol { width:22.7%; margin:10px 2% 2% 0}
.photo .iteminfo,.photo hr{ display:none;}

#portfolio-alltags {float:left; margin:0 0 20px; overflow: hidden; padding:0px; list-style: none }
#portfolio-alltags li { display: block; float: left; list-style: none; margin: 0px; padding:0px;}
#portfolio-alltags a{ cursor: pointer; display: block; margin: 0 5px 5px 0; padding: 5px 10px; background:#f5f5f5; white-space:nowrap;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#333; border:1px #eee solid; text-decoration:none}
#portfolio-alltags a:hover { background:#333; color:#fff;}
#portfolio-items { padding-left:2px}

#portfolio-items .project-meta { 	margin: -5px 0 0; padding: 20px 0 5px; }
	/* Isotope */
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; 	}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s;    -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s;  -o-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 2; 	}
.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: top, left, opacity;  -o-transition-property: top, left, opacity; transition-property: transform, opacity; 	}



.clearfix{ clear:both; width:100%}
div.textcolor{ font-size:11px; line-height:1em;}

#zoom{ z-index:1000;}
#zoom_table{ border:2px #999 solid; background:#fff; padding:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:#999 0 0 2000px}
.photo img{ width:100%; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.photo:hover img{ width:100%; opacity:0.7}
.photo div.border{ padding:0px; background:#fff;box-shadow:#999 0 0 2px; position:relative;; border:5px #fff solid}
.photo div.border div.show{ position: absolute; z-index:900;height:100%; top:0px; width:100%}
.photo h5{ padding:10px 0 0 0; font-weight:normal; font-size:18px;}
.photo span{ color:#999; font-style:italic}

.photo .border .zoom{ display:block; height:50px; width:50px; position:absolute; z-index:1000; top:0%;left:50%; margin-left:-25px; background:url(touchTouch/zoom.png) center center no-repeat;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity: 0.0001;}
.photo .border:hover .zoom{ display:block; top:50%; margin-top:-25px;opacity: 1;}

.photo .border .externallinks{ display:block; height:50px; width:50px; position:absolute; z-index:1000; top:0%;right:35%; margin-right:-25px; background:url(touchTouch/link.png) center center no-repeat;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity: 0.0001;}
.photo .border:hover .externallinks{ display:block; top:50%; margin-top:-25px;opacity: 1;}
@media handheld, only screen and (max-width: 767px) {.photo{ width: auto}.onecol,.twocol,.threecol,.fourcol { width:46.5%; margin:10px 2% 2% 0}}