/*
* Additional Page List Views for c5
*
* @package Page List Views
* @author Dave Rogers <dave@sollos.net>
* @version 1.1
* @copyright Copyright (c) 2010, Dave Rogers
* @license http://www.opensource.org/licenses/mit-license.php MIT License
*/

.sollos-page-list-image {
	width:100%;
}
.sollos-page-list-image .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail {
	display:block;
	background:#eee no-repeat center center;
	border:1px solid #333;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	-kthml-box-shadow:none;
	box-shadow:none;
	-webkit-transition-property:box-shadow;  
	-webkit-transition-duration:.3s;  
	-webkit-transition-timing-function:ease-in; 
	-moz-transition-property:box-shadow;  
	-moz-transition-duration:.3s;  
	-moz-transition-timing-function:ease-in; 
	-o-transition-property:box-shadow;  
	-o-transition-duration:.3s;  
	-o-transition-timing-function:ease-in; 
	-khtml-transition-property:box-shadow;  
	-khtml-transition-duration:.3s;  
	-khtml-transition-timing-function:ease-in; 
	transition-property:box-shadow;  
	transition-duration:.3s;  
	transition-timing-function:ease-in; 
}
.sollos-page-list-image .sollos-page-list-image-item-css3 .sollos-page-list-image-item-thumbnail {
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	-khtml-background-size:cover;
	background-size:cover;
}
.sollos-page-list-image .sollos-page-list-image-item:hover .sollos-page-list-image-item-thumbnail,
.sollos-page-list-image .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail:hover {
	-webkit-box-shadow:0 0 5px 3px #fff;
	-moz-box-shadow:0 0 5px 3px #fff;
	-o-box-shadow:0 0 5px 3px #fff;
	-khtml-box-shadow:0 0 5px 3px #fff;
	box-shadow:0 0 5px 3px #fff;
	-webkit-transition-property:box-shadow;  
	-webkit-transition-duration:1s;  
	-webkit-transition-timing-function:ease-in; 
	-moz-transition-property:box-shadow;  
	-moz-transition-duration:1s;  
	-moz-transition-timing-function:ease-in; 
	-o-transition-property:box-shadow;  
	-o-transition-duration:1s;  
	-o-transition-timing-function:ease-in; 
	-khtml-transition-property:box-shadow;  
	-khtml-transition-duration:1s;  
	-khtml-transition-timing-function:ease-in; 
	transition-property:box-shadow;  
	transition-duration:1s;  
	transition-timing-function:ease-in; 
}
.sollos-page-list-image .sollos-page-list-image-line-clearer,
.sollos-page-list-image .sollos-page-list-image-clearer {
	clear:both;
}

.sollos-page-list-image-vertical .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail {
	display:block;
	width:100px;
	height:100px;
	float:left;
}
.sollos-page-list-image-vertical .sollos-page-list-image-item .sollos-page-list-image-item-information {
	margin-left:107px;
}
.sollos-page-list-image-vertical .sollos-page-list-image-item .sollos-page-list-image-item-clearer {
	clear:both;
	height:7px;
}
.sollos-page-list-image-vertical .sollos-page-list-image-callout .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail {
	display:block;
	width:200px;
	height:200px;
	float:left;
}
.sollos-page-list-image-vertical .sollos-page-list-image-callout .sollos-page-list-image-item .sollos-page-list-image-item-information {
	margin-left:207px;
}
.sollos-page-list-image-vertical-2 {
	width:49%;
	float:left;
}
.sollos-page-list-image-vertical-3 {
	width:33%;
	float:left;
}
.sollos-page-list-image-vertical-4 {
	width:24%;
	float:left;
}

.sollos-page-list-image-horizontal .sollos-page-list-image-item {
	display:block;
	float:left;
}
.sollos-page-list-image-horizontal-1 .sollos-page-list-image-item {
	width:100%;
}
.sollos-page-list-image-horizontal-2 .sollos-page-list-image-item {
	width:49%;
}
.sollos-page-list-image-horizontal-3 .sollos-page-list-image-item {
	width:33%;
}
.sollos-page-list-image-horizontal-4 .sollos-page-list-image-item {
	width:24%;
}
.sollos-page-list-image-horizontal .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail {
	display:block;
	width:95%;
	margin:0 auto;
	height:100px;
}
.sollos-page-list-image-horizontal .sollos-page-list-image-callout .sollos-page-list-image-item {
	width:99%;
}
.sollos-page-list-image-horizontal .sollos-page-list-image-callout .sollos-page-list-image-item .sollos-page-list-image-item-thumbnail {
	display:block;
	width:95%;
	margin:0 auto;
	height:200px;
}
.sollos-page-list-image-horizontal .sollos-page-list-image-item .sollos-page-list-image-item-clearer {
	clear:both;
	height:7px;
}

.sollos-plv-mosaic {
	width:100%;
}
.sollos-plv-mosaic-wrapper {
	width:100%;
}
.sollos-plv-mosaic-block-wrapper {
	float:left;
}
.sollos-plv-mosaic-block {
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	margin:10px;
	background:#111 url(../../images/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.sollos-plv-mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
}
.sollos-plv-mosaic-backdrop IMG {
	display:none;
}
.sollos-plv-mosaic-css3 .sollos-plv-mosaic-backdrop {
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	-khtml-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
}
.sollos-plv-mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}
	
.circle .sollos-plv-mosaic-overlay {
	background:url(../../images/hover-magnify.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}

.fade .sollos-plv-mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../../images/bg-black.png);
}

.bar .sollos-plv-mosaic-overlay {
	bottom:-100px;
	height:100px;
	background:url(../../images/bg-black.png);
}

.bar2 .sollos-plv-mosaic-overlay {
	bottom:-50px;
	height:100px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

.bar2 .sollos-plv-mosaic-overlay:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}

.bar3 .sollos-plv-mosaic-overlay {
	top:-100px;
	height:100px;
	background:url(../../images/bg-black.png);
}
.sollos-plv-mosaic-details {
	margin:14px;
}
.sollos-plv-mosaic-item-clearer {
	clear:both;
}
