#js .js-hidden {
	display:none;
	}
#js .js-invisible {
	visibility:hidden;
	}

.portfolio .l-section {
	text-align:left;
	font-size:1.6em;
	}
	.portfolio .b-section-link:link,
	.portfolio .b-section-link:visited {
		color:#EEE;
		text-shadow:0 1px 0 rgba(0,0,0,.8);
		}
/* Blocks with ellipsis */
.portfolio-item-header {
	overflow:hidden;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsiss;
	-moz-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	}

#js .pseudo-link {
	color:#0C56FF;
	cursor:pointer;
	}
	#js .pseudo-link:hover {
		color:#0AF;
		}

.portfolio {
	min-width:44em;
	padding:0;
	background:#EEE;
	text-align:center;
	font:62.5%/1.375 "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.portfolio-header {
		background:#333;
		margin:0 0 1.2em;
		vertical-align:top;
		}
		.portfolio-header-title {
			position:relative;
			color:#EEE;
			text-shadow:0 1px 0 rgba(0,0,0,.8);
			}
		#nojs .portfolio-nav {
			display:none;
			}

		.portfolio-nav {
			font-size:62.5%;
			margin:0 0 0 -0.4em;
			}
		.portfolio-nav,
		.portfolio-nav-in {
			display:inline;
			height:4em;
			}
		.portfolio-nav-item {
			display:inline-block;
			margin:0 .4em 0 0;
			vertical-align:bottom;
			font-size:1.5em;
			}
			.portfolio-nav-item:before {
				content:"";
				}
			.portfolio-nav-item-tag {
				position:relative;
				display:block;
				padding:.2em .7em 0;
				margin-top:0.2em;
				color:#000 !important;
				text-decoration:none;
				background:#777;
				text-shadow:0 1px 0 rgba(255,255,255,.3);
				-moz-border-radius-topleft:.5em;
				-moz-border-radius-topright:.5em;
				-webkit-border-top-left-radius:.5em;
				-webkit-border-top-right-radius:.5em;
				border-top-left-radius:.5em;
				border-top-right-radius:.5em;
				}
				.portfolio-nav-item-tag:before {
				    content:"";
				    position:absolute;
					bottom:-1em;
					left:-.8em;
				    display:block;
				    width:.8em;
				    height:.8em;
				    border:solid #777;
				    border-width:0 .8em .8em 0;
				    -webkit-border-bottom-right-radius: 1.6em;
				    -moz-border-radius-bottomright: 1.6em;
				    border-bottom-right-radius: 1.6em;
				    clip: rect(auto, .8em, .6em, auto);
					}
				.portfolio-nav-item-tag:after {
				    content:"";
				    position:absolute;
					bottom:-1em;
					right:-.8em;
				    display:block;
				    width:.8em;
				    height:.8em;
				    border:solid #777;
				    border-width:0 0 .8em .8em;
				    -webkit-border-bottom-left-radius: 1.6em;
				    -moz-border-radius-bottomleft: 1.6em;
				    border-bottom-left-radius: 1.6em;
				    clip: rect(auto, auto, .6em, .8em);
					}
				
				.portfolio-nav-item-tag:link:hover,
				.portfolio-nav-item-tag:visited:hover {
					color:#000 !important;
					padding-bottom:.2em;
					margin-top:0;
					}
				.portfolio-nav-item-tag:focus {
					outline:none;
					padding-bottom:.2em;
					margin-top:0;
					}
				.portfolio-nav-item-selected .portfolio-nav-item-tag {
					padding-bottom:.2em;
					margin-top:0;
					color:#333 !important;
					background:#EEE;
					text-shadow:0 1px 0 rgba(255,255,255,.8);
					cursor:default;
					z-index:100;
					}
					.portfolio-nav-item-selected .portfolio-nav-item-tag:before,
					.portfolio-nav-item-selected .portfolio-nav-item-tag:after {
						border-color:#EEE;
						z-index:100;
						}
					.portfolio-nav-item-selected .portfolio-nav-item-tag:before,
					.portfolio-nav-item-tag:link:hover:before,
					.portfolio-nav-item-tag:visited:hover:before {
						bottom:-.8em;
					    clip: rect(auto, .8em, .8em, auto);
						}

					.portfolio-nav-item-tag:link:hover:after,
					.portfolio-nav-item-selected .portfolio-nav-item-tag:after,
					.portfolio-nav-item-tag:visited:hover:after {
						bottom:-.8em;
					    clip: rect(auto, auto, .8em, .8em);
						}

		.portfolio-nav-modes {
			/* border-bottom:1px solid #DDD; */
			margin:0 -1em;
			background:#EEE;
			}

			.portfolio-nav-item-mode {
				display:block;
				padding:.3em 0 .2em .3em;
				text-decoration:none;
				color:#555 !important;
				text-shadow:0 1px 0 rgba(255,255,255,.7);
				}
				.portfolio-nav-item-mode:before,
				.portfolio-nav-item-mode_before {
					position:relative;
					top:-1px;
					content:"● ";
					color:#555;
					}
				.portfolio-nav-item-mode:focus,
				.portfolio-nav-item-mode:hover {
					outline:none;
					}
				.portfolio-nav-item-selected .portfolio-nav-item-mode {
					}
					.portfolio-nav-item-selected .portfolio-nav-item-mode:before,
					.portfolio-nav-item-selected .portfolio-nav-item-mode_before {
						color:#2E2;
						text-shadow:0 1px 0 rgba(200,255,200,.5), 0 0 3px rgba(0,255,0,1);
						}

/*
	.portfolio-header {
		font-size:3em;
		font-weight:bold;
		margin:1em .5em .75em;
		color:rgba(255,255,255,1);
		text-shadow:0 0 2px #000, 2px 1px 3px #333;
		}
		.portfolio-header A:link,
		.portfolio-header A:visited {
			color:rgba(255,255,255,1);
			text-shadow:0 0 2px #0C56FF, 2px 1px 3px #2E78FF;
			}
		.portfolio-header A:link:hover,
		.portfolio-header A:visited:hover {
			text-shadow:0 0 2px #0AF, 2px 1px 3px #3AF;
			}
*/

.portfolio-item {
	position:relative;
	display:inline-block;
	width:300px;
	padding:10px;
	margin:0 7px 13px 6px;
	overflow:hidden;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	box-shadow:1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow:1px 1px 0 rgba(0,0,0,.4);
	-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.4);
	vertical-align:top;
	text-align:left;
	font-size:1.5em;
	background:#CCC;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,.5);
	}
	.portfolio-item-header {
		height:33px;
		padding:0 .6em;
		margin:0;
		text-align:center;
		font-size:1.6em;
		line-height:24px;
		font-style:normal;
		color:#444;
		text-shadow:0 1px 0 rgba(255,255,255,.9);
		}
		.portfolio-item-header A:link,
		.portfolio-item-header A:visited {
			color:#444;
			}
		.portfolio-item-header A:link:hover,
		.portfolio-item-header A:visited:hover {
			color:#000;
			}
.portfolio-item-list {
	position:relative;
	width:300px;
	margin:0;
	overflow:hidden;
	}
	#js .portfolio-item-list {
		overflow:hidden;
		white-space:nowrap;
		}
	.portfolio-item-list-item {
		display:inline-block;
		width:300px;
		padding:0;
		margin:0;
		vertical-align:top;
		white-space:normal;
		text-indent:0;
		}
		.portfolio-item-list-item:before {
			content:"";
			}
		.portfolio-item-figure {
			position:relative;
			margin:0;
			}
			.portfolio-item-figure-object {
				position:relative;
				}
				.portfolio-item-figure IMG {
					display:block;
					width:300px;
					height:225px;
					max-width:100%;
					background:url(preloader.gif) 50% 50% no-repeat;
					}
			.portfolio-item-figure-caption {
				position:relative;
				right:0;
				bottom:0;
				left:0;
				padding:.3em 1em;
				border-top:1px solid rgba(0,0,0,.9);
				margin:0;
				text-align:center;
				white-space:normal;
				text-indent:0;
				color:#FFF;
				background:#333;
				background:rgba(0,0,0,.8);
				text-shadow:0 -1px 0 rgba(0,0,0,.9);
				}
				#nojs .portfolio-item-figure-caption {
					margin-bottom:1em;
					}
				#js .portfolio-item-figure-caption {
					visibility:hidden;
					position:absolute;
					}
				#js .portfolio-item:hover .portfolio-item-figure-caption,
				#js .portfolio-item_hover .portfolio-item-figure-caption {
					visibility:visible;
					}


.portfolio-item-nav {
	opacity:.15;
	display:block;
	height:43px;
	padding:0;
	margin:0 -10px -10px;
	overflow:hidden;
	text-align:justify;
	cursor:default;
	}
	.portfolio-item:hover .portfolio-item-nav {
		opacity:1;
		}
	.portfolio-item-nav:after,
	.portfolio-item-nav_after {
		content:"";
		display:inline-block;
		width:100%;
		height:0;
		font-size:0;
		overflow:hidden;
		}
	.portfolio-item-nav-item {
		position:relative;
		display:inline-block;
		height:23px;
		padding:10px 5px;
		margin:0 -5px;
		font-family:Arial, sans-serif;
		font-size:1.6em;
		line-height:23px;
		cursor:pointer;
		color:#777;
		}
		.portfolio-item-nav-prev {
			padding-left:10px;
			margin-left:0;
			margin:0;
			font-size:2em;
			}
		.portfolio-item-nav-next {
			padding-right:10px;
			margin-right:0;
			font-size:2em;
			}
		.portfolio-item-nav-item:before,
		.portfolio-item-nav-item_before {
			content:"●";
			}
		.portfolio-item-nav-prev:before,
		.portfolio-item-nav-prev_before {
			content:"←";
			}
		.portfolio-item-nav-next:before,
		.portfolio-item-nav-next_before {
			content:"→";
			}
/*			.portfolio-item-nav-next.portfolio-item-nav-item-inactive:before {
				content:"⇐";
				}*/
	.portfolio-item-nav-item-inactive {
		color:#BBB;
		cursor:default;
		}
	.portfolio-item-nav-item-active {
		color:#000;
		cursor:default;
		}
		.portfolio-item-nav-item:not(.portfolio-item-nav-item-inactive):not(.portfolio-item-nav-item-active):hover {
			color:#0C56FF;
			}

/* portfolio-grid */
.portfolio-grid {
	position:relative;
	height:225px;
	margin:0;
	overflow:hidden;
	}
	.portfolio-grid-item {
		float:left;
		width:150px;
		max-width:50%;
		height:113px;
		padding:0;
		margin:0;
		overflow:hidden;
		list-style:none;
		vertical-align:top;
		background:#CCC;
		}
		.portfolio-grid-item:before {
			content:"";
			}
		.portfolio-grid-item IMG {
			width:150px;
			max-width:100%;
			height:114px;
			vertical-align:top;
			opacity:.6;
			}
			.portfolio-grid-item:hover IMG {
				opacity:1;
				}
	.portfolio-grid-item-cover {
		position:absolute;
		top:54px;
		left:25%;
		height:114px;
		border:1px solid rgba(0,0,0,.5);
		z-index:100;
		}

/* needless flickering
	.portfolio-grid-item A:hover {
		position:relative;
		z-index:200;
		}
*/

}