/* @override 
	http://localhost:8888/mumdad/gallery/css/gallerystyles.css?m=1410527042
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1400284837
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1410867008
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1410911850
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1411039317
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1411039666
	http://localhost:8888/mumanddad/gallery/css/gallerystyles.css?m=1411159106
	http://www.chrisandgwen.com/gallery/css/gallerystyles.css?m=1426457614
*/

#container div.item a img {
	vertical-align: bottom;
}
.item { 
width: 25%;
position: relative;
	margin: 5px;
}

#extragallerycontainer div.item {
	float: right;
}

#extragallerycontainer {
	float: right;
	margin-top: 8%;
}

div#details {
	float: left;
	width: 22%;
	padding-right: 2%;
}

div#mainimage {
	float: left;
	width: 75%;
}

#details p {
	text-align: justify;
}

div#gallerycontainer.thumbs {width: 100%;
	float: left;
}

div#mask h4{
	text-transform: uppercase;
	border-bottom: 2px solid #000;
	
}

#mask span.TitleContainer h4, #mask span.TitleContainer p {
	width: 90%;
	margin-left: auto;
	color: black;
	text-align: center;
	margin-right: auto;
}

div#mask:before {
	content:'';
    display:inline-block;
    vertical-align:middle;
    height:40%;
 }

div#mask {
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.3s ease; /* Fade to color for Chrome and Safari */
	-o-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

#maincontainer div.main div.inner.typography.line a.popgal.mfp-image img {
	vertical-align: bottom;
}

#menublock aside.sidebar.unit nav.secondary ul li.section.sub {
	border-style: none;
}


div#mask:hover {
	opacity:1;
	background-color: rgba(232,237,236,0.67);
	-webkit-transition: opacity 0.3s ease; /* Fade to color for Chrome and Safari */
	-o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
    -webkit-backface-visibility: hidden;
	border-style: none;
	border-bottom-style: none;
}
.ProTitle{
	font: 11pt bebas;
	padding-bottom: 3px;
}

.ProSubTitle{
	font: 12pt Bauer, "Times New Roman", Georgia, Times, serif;
	display: block;
	padding-bottom: 13px;
}
div#ProInfo {
	padding: 5px;
	float: left;
	margin-left: 30px;
}

.ProDetails {
	padding-top: 8px;
	padding-right: 10px;
	border-top: 1px solid #000;
}

div.ProDetails.shop {
	border-top-style: none;
	font-size: 12pt;
	padding-top: 3px;
}

#ProInfo div.ProDetails p {
	font-size: 11px;
}

div#ProMainImage {
	float: left;
}

div#ProMain {
	float: left;
	clear: both;
	margin-bottom: 30px;
	width: 100%;
}

a.popgal.mfp-image {
	position: relative;
}

div.item a.popgal.mfp-image img {
	vertical-align: bottom;
}

img.portfolioImage.pad {
margin-top: 2%;	
margin-right: 2%;

}

div#item {
		height: 500px;
	display: inline-block;
	width: 500px;
}
img.portfolioImage.pad:hover {
		opacity:0.5;
	-webkit-transition: opacity 0.3s ease; /* Fade to color for Chrome and Safari */
	-o-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
a.popgal:hover{
	border-style: none;
}

div#FeaturedImage {
	margin-right: 2%;
	display: inline-block;
	width: 500px;
	height: 500px;
}

div#WorkDetails {
	float: left;
	width: 30%;
	margin-left: 2.5%;
}

div#Details {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}

a.popgal.mfp-image:hover {
	border-style: none;
		opacity:0.7;
	-webkit-transition: opacity 0.3s ease; /* Fade to color for Chrome and Safari */
	-o-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
@media only screen and (max-width: 640px) {

div#details {
	width: 100%;
} 
div#mainimage {
	width: 100%;
}
.item { 
width: 40%;
margin: 2px;
}
}