// CSS Reset
//@import "reset.less";
// mixins
@import "mixins.less";

@pathToImg : "../images/";

//Your CSS here.
#two-columns.photogallery-page{
	.aside{
		display: none;
	}
	#content{
		width: 100%;
	}
	.photo-holder{
		width: 1233px;
		margin: 0 0 0 -18px;
	}
	.photo-block{
		width: 391px;
		height: 238px;
		margin: 0 20px 20px 0;
		display: block;
		float: left;
        overflow: hidden;
		.visual{
			position: relative;
			padding: 0;
			margin: 0;
			overflow: hidden;
		}
		.name{
			background: url("@{pathToImg}bg-1.png") repeat left top;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			color: #fff;
			font-family: 'ptsans_bold';
			font-size: 22px;
			/*font-weight: bold;*/
			overflow: hidden;
			text-align: left;
			height: 44px;
			line-height: 44px;
			padding: 0 0 0 10px;
			text-decoration: none;
			z-index: 10;
		}
		.plus{
			display: block;
			position: absolute;
			margin: -33px 0 0 -33px;
			top: -15%;
			left: 50%;
			z-index: 11;
		}
		.fade-layout{
			background: url("@{pathToImg}bg-1.png") repeat left top;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 9;
			//.opacity(0);
			display: none;
		}
	}
}
.fcType-2{
	.fancybox-nav{
		position: fixed;
		width: 80px;
		height: 60px;
		top: 50%;
		margin: -30px 0 0 0;
		background-color: #000;
		.opacity(80);
		span{
			visibility: visible !important;
			width: 60px;
			height: 60px;
			top: 0;
			margin: 0;
		}
	}
	.fancybox-next{
		right: -20px;
		span{
			background: url("@{pathToImg}arr-next.png") repeat left top;
			right: 20px;
		}
	}
	.fancybox-prev{
		left: -20px;
		span{
			background: url("@{pathToImg}arr-prev.png") repeat left top;
			left: 20px;
		}
	}
	.fancybox-close{
		background: url("@{pathToImg}close-1.png") repeat left top;
		.square(22px);
		top: -23px;
		right: -23px;
	}
	.fancybox-title{
		font: 22px 'ptsans_bold';
	}
	.fancybox-title-outside-wrap{
		position: absolute;
		top: -24px;
		margin: 0;
	}
	.fancybox-inner img{
		&:hover { cursor: url("@{pathToImg}grab.cur"), default; }
		&:active { cursor: url("@{pathToImg}grabbed.cur"), default; }
		&::selection { background-color: transparent; }
	}
	.big-window{
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		img:hover { cursor: url("@{pathToImg}grab.cur"), default; }
		img:active { cursor: url("@{pathToImg}grabbed.cur"), default; }
		img::selection { background-color: transparent; }
		img{
			display: block;
			.opacity(0);
		}
	}
}
//END

// Utility classes
@import "utilities.less"; // Has to be last to override when necessary