/* These 2 lines are because the new fancybox hates html having overflow-y set to scroll.  It makes a second scrollbar upon opening. */
.fancybox-lock .fancybox-overlay{ overflow:auto !important; overflow-y:hidden !important; }
body							{ margin-right:0px !important; }

/* This line is to correct a situation where having links in your image description are incorrectly overlayed by the fancybox nav hitboxes 
.fancybox-nav					{ width:5% !important; }*/

#gallery_left					{ width:40%; float:left; }
#gallery_right					{ width:55%; float:right; position:relative; }
#ajax-loader					{ position:absolute; top:30px; left:50%; z-index:99; display:none; }

.thumbs							{ list-style:none; margin:0 !important; }
.thumbs:after					{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
.thumbs li						{ margin:1.3% 0 0 1.3% !important; float:left; width:24%; }
.thumbs li:first-child			{ margin-left:0 !important; }
/*.thumbs:first-child li			{ margin-top:0 !important; }*/
.thumbs a						{ display:block; background:#FDDFCA; text-decoration:none; border:1px transparent solid; }
.thumbs img						{ margin:7%; width:86%; /*height:86%;*/ display:block; }
.thumbs a:hover					{ background:#F3B183; text-decoration:none; }

#photo_wrap						{ clear:both; margin:0; background:#FDDFCA; }
#photo_wrap.full				{ width:100%; }
#photo_wrap.shared				{ width:60%; float:left; }

#photo							{ display:block; margin:0 auto; max-width:80%; padding:15px 0; }

#left							{ float:left; }
#right							{ float:right; }
#nav							{ clear:both; margin-bottom:30px; }
#prev							{ float:left; }
#next							{ float:right; }

#content_wrap					{ width:38%; margin:0; float:right; border:1px #e4e4e4 solid; }
#gallery_left #content_wrap		{ width:99%; margin:5% 0 0; }
#content_padding				{ padding:20px; }


@media (max-width:600px){
	.typography .thumbs img		{ margin:7% !important; }
}

@media (max-width:500px){
	.thumbs li					{ width:49%; }
	.thumbs li:nth-child(3)		{ margin-left:0 !important; }
}

@media (max-width:350px){
	.thumbs li					{ width:100%; }
	.thumbs li					{ margin:0 0 4% !important; }
}