/* @override 
	http://localhost:8888/mumanddad/responsiveslider/css/responsiveslides.css?m=1367278378
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1411159151
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1424300078
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1424436119
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1427192002
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1427203443
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1427632882
	http://localhost:8888/mary/minigallery/css/minigallery.css?m=1427633099
*/

div.minigallery_container {
	width: 90%;
}

div#imageholder {
	margin-bottom: 10%;
}

div#details {
	margin-top: 2%;
	margin-bottom: 1%;
	position: relative;
	height: auto;
	overflow: auto;
}

div#gallerytitle {
	float: left;
	min-width: 25%;
	width: auto;
	margin-right: 15px;
	height: 4.5em;
}

div#gallerydetails {
	width: 50%;
	float: right;
}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
div.minigallery_container {
	width: 100%;
}
}