#ProfileHeader {background-image:url('/images/backgrounds/blueberries.jpg'); background-position:center; background-size:cover}


#ProfileHeader { min-height: 200px; background-color: white; /*border: 2px solid rgba(0,0,0,0.1); border-top: none;*/
				 border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative; }




#ProfileHeader { text-align: center; padding-bottom:20px }


	#ProfileHeader div.photo { position:relative; height: 150px; width: 150px;
								border: 1px solid white; background-color:rgba(255,255,255,0.8);
							   display:inline-block; margin-top:20px; border-radius:50%; }

#ProfileHeader div.photo {background-size:cover}
/*#ProfileHeader div.photo:not([style]) {opacity:0.9}*/


@media screen and (min-width:415px) {
	#ProfileHeader { text-align: left; }

		#ProfileHeader div.photo { position: absolute; bottom: 15px; left: 15px; display: block; }

		#ProfileHeader div.full_name { position: absolute; left: 180px; bottom: 40px; right: 0px; }

			#ProfileHeader div.full_name > *:first-child { margin-right: 5px; }
}



	#ProfileHeader div.full_name > * { display: inline-block; vertical-align: middle; max-width: 100%; }



	#ProfileHeader form.quickedit { max-width:100%; display:flex;}
#ProfileHeader form.quickedit > * {flex-grow:1; flex-shrink:1}


	#ProfileHeader input[type='text'] { width: 75%; }



#ProfileHeader div.full_name { color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }


#ProfileHeader div.full_name,
#ProfileHeader form.quickedit input[type='text'] {font-size:18px; font-weight:bold;  overflow:visible}

	#ProfileHeader form.quickedit input[type='text'] { border: none; padding: 0px; background-color:rgba(255,255,255,0.1); color:white }


	#ProfileHeader form.quickedit input[type='submit'] { font-size: 11px; flex-grow: 0; flex-basis: auto; padding: 3px; text-align: center; }



	#ProfileHeader div.QuickEditItem > a { display: inline-block; background-color: rgba(255,255,255,0.5); border-radius: 50%; padding:3px; vertical-align:middle }
	#ProfileHeader div.QuickEditItem > a img { display: block; }





#ProfileHeader form.photo {text-align:right; padding:3px; opacity:0.8}
#ProfileHeader form.photo input {font-size:12px}
#ProfileHeader div.photo form a:last-child {margin:3px; display:block; text-align:center}


#ProfileHeader form input[type='submit'] {white-space:pre-wrap}


#ProfileHeader .photo form {height:auto; position:absolute; bottom:0px; left:0px; right:0px; opacity:0.8}

#ProfileHeader .photo form input {font-size:11px; width:100%}