.PhotoDetails {display:flex; flex-wrap:wrap}


	.PhotoDetails [itemprop='image'] { max-width:100%; overflow:hidden; flex-grow:1;  }

.PhotoDetails [itemprop='caption'], .PhotoDetails [itemprop='image'], .PhotoDetails > time { background-color:#222; color:white}

	.PhotoDetails [itemprop='caption'] { padding: 10px; background-color: #222; flex-grow: 1000; color:white; flex-shrink:1; min-width:25%; flex-basis:0px }


.PhotoDetails img {display:block; margin-left:auto; margin-right:auto}


.PhotoDetails [itemprop='caption'] a {color:white}

.PhotoDetails .QuickEdit[itemprop='caption'] a.pencil::after {content:'Modify caption';}
.PhotoDetails .QuickEdit[itemprop='caption']:not([data-empty]) a.pencil::after {font-size:11px}
.PhotoDetails .QuickEdit[itemprop='caption'][data-empty] a:only-child::after {content:'Add a caption'}

.PhotoDetails .QuickEdit[itemprop='caption'] form {display:flex}
 

.PhotoDetails .QuickEdit .pencil {display:block;}


	.PhotoDetails .QuickEdit[itemprop='caption'][data-is-editing] {display:flex; align-items:stretch}
	.PhotoDetails .QuickEdit[itemprop='caption'][data-is-editing] > form {flex-grow:1}


.PhotoDetails .QuickEdit form textarea {flex-grow:1; background-color:rgba(255,255,255,0.1); color:white;}


.PhotoDetails > time {width:100%; padding:5px; text-align:right; display:block; font-size:10px}
.PhotoDetails > [itemprop='dateCreated']::before {content:'Uploaded '}
.PhotoDetails > [itemprop='dateModified']::before {content:'Updated '}