ul.wall {
	float: left;
	clear: both;
	margin-bottom: 3em;
	padding-left: 0;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap; }
.container ul	{
	max-width: 100%;
	}
.wall li
	{
	list-style-type: none;
	list-style-image: none;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 486px;
	margin-right: 5px;
	min-height: 112px;
	margin-bottom: 5px;
	padding: 11px;
	background-image: url(../_media/design/flow-tile.jpg);
	background-position: 0 0;
	min-width: 250px;
	background-size: cover;
	box-shadow: inset 0px 0px 2px 2px #fff;
	}

x{
  	opacity: 0;

	          -webkit-animation: fadeIn 0.3s;
		         -moz-animation: fadeIn 0.3s;
	                  animation: fadeIn 0.3s;
	    -webkit-animation-delay: 1.2s;
   	       -moz-animation-delay: 1.2s;
   	            animation-delay: 1.2s;
	-webkit-animation-fill-mode: forwards;
	   -moz-animation-fill-mode: forwards;
	   	    animation-fill-mode: forwards;
	}

/*
.wall li, iframe, .newsbox
	{
	background-color: white;
	-webkit-box-shadow: 3px 3px 3px rgba(222,222,222, 1);
	-moz-box-shadow: 3px 3px 3px rgba(222,222,222, 1);
	box-shadow: 2px 2px 11px #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	}
*/
.wall li > p:first-child, .wall li > p:first-child span {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	width: 320px;
	display: inline; }
	
.wall li > p {
	font-size: 16px;
	line-height: 22px;
	margin-right: 0; }

.wall li[type="square"] img {
	width: 96px; height: auto; margin-right: 11px; margin-bottom:22px;
	border-width: 0px; border-color: white; }

.wall li .date { color: #f66338; font-weight: bold; }

ul.wall + * { clear: both; }

/* iPhone */
@media only screen and (max-device-width: 640px)
{
	.wall li {
		min-width: 150px !important;
		max-width: 320px !important; }
}

