﻿
/* category listing page */


.PG-category-list {
    overflow: hidden;
}

.PG-category-list a { display:block;display:table; width: 29%; margin:0 2% 20px; float: left; height: 250px; text-align:center; 
                      background-size: cover; background-position: center center;
}
.PG-category-list a span {display:inline-block;display:table-cell; vertical-align:middle; font-weight: bold; color: #fff; font-size: 1.5em; padding: .5em; 
                          background-color:rgba(0,0,0,0.25);
                          -moz-text-shadow: 0 0 20px #000;
  -webkit-text-shadow: 0 0 20px #000;
           text-shadow: 0 0 20px #000;
}



/* category page */

.pnlCategories,
.pnlPhotos { margin-left: -2.5%; text-align: center; }
.pnlPhotos a { display: inline-block; /*width: 30%;*/ margin: 4% 0 0 2.5%; }
.pnlPhotos a span.center-vert { display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #ddd; padding: 2.5%; min-width: /* ie8 fix */ 95%; }
.pnlPhotos a img { width: 100%; }


@media only screen and (max-width : 960px) { 
    .PG-category-list a { width: 46%; margin: 0 2% 20px;}
}
@media only screen and (max-width : 650px) { 
    .PG-category-list a { width: 96%; margin: 0 2% 20px;}

}


.pnlPhotos a span.center-vert {
	-webkit-transition: .1s all ease-in-out;
	-moz-transition: .1s all ease-in-out;
	-o-transition: .1s all ease-in-out;
	-ms-transition: .1s all ease-in-out;
	transition: .1s all ease-in-out;
}

.pnlPhotos a span.center-vert {
	box-shadow: 1px 1px 7px #000;
   -webkit-box-shadow: 2px 2px 5px #666;
}

.pnlPhotos a span.center-vert:hover {
	-webkit-transform: rotate(-1deg) scale(1.05);
	-moz-transform: rotate(-1deg) scale(1.05);
	-o-transform: rotate(-1deg) scale(1.05);
	-ms-transform: rotate(-1deg) scale(1.05);
	transform: rotate(-1deg) scale(1.05);
}

td.PG_NextPrevious, td.PG_NextPrevious2, table.PG_NextPrevious td { padding: 7px; background: #eee; }
table.PG_NextPrevious td { width: 50%; }
table.PG_NextPrevious td:first-child { text-align: left; }
td.PG_NextPrevious span, td.PG_NextPrevious2 span, td.PG_NextPrevious a, td.PG_NextPrevious2 a, table.PG_NextPrevious a { font-size: 12px; font-weight: normal; color: #666; }
td.PG_NextPrevious a, td.PG_NextPrevious2 a, table.PG_NextPrevious a { color: #999; text-decoration: none; }
td.PG_NextPrevious a:hover, td.PG_NextPrevious2 a:hover, table.PG_NextPrevious a:hover { text-decoration: underline; }
table.PG_PhotoTable td { padding: 10px; }
table.PG_PhotoTable td img { margin-bottom: 10px; }


.PG_PhotoTitle
{

}

.PG_PhotoCaption
{
	font-size: 11px;
	background-color: #ffffff;
}

.PG_PhotoTable
{
	background-color: #f1f1f1;
}
.PG_PhotoTable2
{
	background-color: #999999;
}

.PG_NextPrevious 
{
	background-color: #f1f1f1;
	font-weight:bold;
}

.PG_NextPrevious2 
{
	font-weight:bold;
	color: #ffffff;
}
.PG_PhotoCell
{
	background-color: #ffffff;
}

.PG_PhotoCell:hover
{
	background-color: #f9f9f9;
}
.PG_PhotoCell2
{
	background-color: #f1f1f1;
}

.PG_PhotoCell2:hover
{
	background-color: #f9f9f9;
}
.PG_ImageTable
{
}

.PG_ImageCell
{

}
.PG_ImageCell a img { border: 2px solid #fff; } /* thumbnail images */
.PG_ImageCell a img:hover { border: 2px solid #999; }

.PG_CaptionCell
{
	font-size: 11px;
}
td.PG_CaptionCell2 { color: #666; font-size: 11px; font-weight: bold; }
td.PG_ImageCell, td.PG_CaptionCell2 { padding: 10px; }




       div.pnlPhotos { text-align: center; margin: 0 auto; }
       div.pnlPhotos a { display: inline-block; margin-bottom: 0.5%; }
       div.pnlPhotos a:hover { opacity: 0.85; filter: alpha(opacity =85); }


       /*div.pnlPhotos img { min-width: 280px; }*/

