/* Horribly copied/pasted from Cocoa client. */

body
{
	font-family: "Avenir Next";
	padding-left:24px;
	padding-right: 24px;
}

h1
{
	font-weight: 400;
	color: #333;
	font-size: 36px;
	width: 100%;
	border-bottom: 2px solid #333;
	/* to bring it in line w webkit margin in Cocoa */
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}

.message
{
	/* border-radius: 12px; */
	/* background-color: #f0f0f0; */
	border-bottom: 1px solid #eee;
	padding: 6px;
	margin-bottom: 6px;
}

img
{
	/* Make photos break the flow */
	display:block;

	/* Limit the size of photos so that they don’t overwhelm the display. */
	max-width:100%;
}

.timestamp
{
	font-size:10px;
	color: #ccc;
	text-align: center;
}

.bodyText, .meta
{
	max-width: 500px;
	margin-left: 96px;
}

.image-and-body
{
	width: 100%;
	break: both;
	overflow: hidden;
	margin-bottom: 6px;
}

.profileImage
{
	width: 56px;
	border-radius: 28px;
	float: left;
	margin-right: 36px;
}

.meta
{
	font-size:small;
	color: #999;
	font-style: italic;
}

.meta a
{
	color: #999;
}

.add-friend-icon
{
	width:18px;
	opacity: 0.4;
	display:inline;
	vertical-align: middle;
}

video
{
	max-width:100%;
}

.displayNone
{
	display:none;
}

.progress-spinner
{
	display:inline;
	width:16px;
	vertical-align:top;
	padding-top: 2px;
	padding-right:5px;
}