@charset "UTF-8";
main { text-align:center; } /* center inline info list */

div#member_pic
{
	max-width:250px;
	margin:0 auto 1em auto;
	
	border:2px solid rgb(102,102,255);
}

div#member_pic img { width:100%; height:auto; }

dl { display:inline-block; margin:0 0 1em 0; }

ul.thumb_gallery
{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center; /* center independently of main's align */
}

ul.thumb_gallery li
{
	display:inline-block;
	vertical-align:middle;
	
	margin:0.33em;
}

@media (min-width: 508px) /* twice the member picture */
{
	main { text-align:left; } /* left-align inline info list */
	div#member_pic { float:left; margin-right:1em; }
	dl { text-align:left; }
	ul.thumb_gallery { clear:left; }
}

@media (min-width: 680px)
{
	dd { margin-left:7ch; text-align:left; }
}