@charset "utf-8";
/* CSS Document */
.imagepluscontainer{ /* main image container */
	/*position: relative;*/
	z-index: 0;
}

.imagepluscontainer img{ /* CSS for image within container */
	position: relative;
	-moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */
	/*
	top:-200;
	height:400;
	*/
	z-index:50;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.imagepluscontainer div.desc{ /* CSS for desc div of each image. */
	position: absolute;
	width: 100%;
	bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */
	left: 15px;
	padding: 8px;
	background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */
	color: white;
	-moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	opacity: 0; /* Set initial opacity to 0 */
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	-moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
	-webkit-transition: all 0.5s ease 0.5s;
	-o-transition: all 0.5s ease 0.5s;
	-ms-transition: all 0.5s ease 0.5s;
	transition: all 0.5s ease 0.5s;
}

.imagepluscontainer div.desc a{
	color: white;
}

.imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */
	-moz-transform: translate(0, 100%);
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
	opacity:1; /* Reveal desc DIV fully */
}

/*### Below CSS when applied to desc DIV slides the desc div from the right edge of the image ###*/

.imagepluscontainer div.rightslide{
	position:relative
	z-index:0;
	width:250px; /* reset from default */
	top:15px;
	right:0;
	left:-100px;  /* reset from default */
	bottom:auto;  /* reset from default */
	padding-left:5px;
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}

.imagepluscontainer:hover div.rightslide{
	z-index:0;
	-moz-transform: translate(100%, 0);
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

/*### Below CSS when applied to desc DIV slides the desc div from the left edge of the image ###*/

.imagepluscontainer div.leftslide{
	width: 150px;  /* reset from default */
	top:15px;
	left:0;
	bottom:auto;  /* reset from default */
	padding-left:15px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}

.imagepluscontainer:hover div.leftslide{
	-moz-transform: translate(-100%, 0);
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform:translate(-100%, 0);
}

/*### Below CSS when applied to desc DIV slides the desc div from the top edge of the image ###*/

.imagepluscontainer div.upslide{
	top:0;
	bottom:auto;  /* reset from default */
	padding-bottom:10px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.imagepluscontainer:hover div.upslide{
	-moz-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform:translate(0, -100%);
}

.pagination{
	padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	/*text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 10px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	text-decoration: none; 
	color: #8D8D8D;
}

.pagination a:hover, .pagination a:active{
	color: black;
	background-color: white;
	font-weight: bold;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	cursor: default;
	background-color: #fff;
	color: #E2E2E1;
	border-color: #fff;
}

.pagination a.prevnext{
	font-weight: bold;
}

.pagination a.currentpage{
	color: black;
	cursor:default;
	background-color: white;
	font-weight: bold;
}


/*
.pagination{
	padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: 16px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #B848FF;
	text-decoration: none; 
	color: #B848FF;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #81BE6F;
	color: #FFF;
	background-color: #B0E24B;
}

.pagination a.currentpage{
	background-color: #B848FF;
	color: #FFF !important;
	border-color: #B848FF;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{
	font-weight: bold;
}
*/