body {
	background-color:#000;
}


.podcast-header  {
	margin-bottom:0;
	box-shadow: none;
	
}

/* Tiles */

#tiles { 
	list-style-type: none; 
	width: 100%; 
	overflow:hidden;
}

#tiles li { 
	position:relative;
	float: left; 
	height: auto; 
	font-size:0;
	margin-right:1%;
	margin-top:1%;
}

#tiles li img {
	width:100%;
	height:auto;
}

#tiles li .tile-name {
	position:absolute;
	top:5px;
	left:5px;
	color:#fff;
	padding:5px;
	background-color:#000;
	opacity:.7;
	z-index:5;
	font-size:12px;

	-o-text-overflow: ellipsis;   /* Opera */
	text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
	overflow:hidden;              /* don't show excess chars */
	white-space:nowrap;
	max-width:80%;
}

@media only screen and (orientation : landscape) { 
	#tiles li  {
		width:24.25%;	/* 100 - 0,5 = 99.5 	99.5 / 4 = 24.875 	24.875 - 0.5 = 24.375 */
	}
	
	#tiles li:nth-child(4n+4) {
		margin-right:0;
	}

}

@media only screen and (orientation : portrait) { 
	#tiles li {
		width:49.5%; /* 100 - 0,5 = 99.5 		99.5 / 2 = 49.75 		49.75 - 0.5 = 49.25 */
	}

	#tiles li:nth-child(2n+2) {
		margin-right:0;
	}

}