body{ padding: 0; margin: 0; }

/*, div#manipulateDate::after*/
/*div#menu::after{
	content: "<div style='clear:both;'></div>"
}*/

div.clear{
	clear:both;
}

div#menu, div#manipulateDate{
	position:relative;
	clear:both;
}

div#menu div#item{
	float: left;
	margin-right: 10px;
	width: 20%;
	font-size: 20px;
}

div#manipulateDate div#prevDay, div#manipulateDate div#prevMonth{
	float: left;
	margin-right: 10px;
	width: 30%;
	font-size: 20px;
}

div#header{
	position: relative;
	clear:both;
}

div#header div#menu{
	float:right;
	padding-right: 10px;
	font-size: 20px;
}

#program{
	float:left;
	width: 270px;
	margin-bottom: 10px;
	width: 16.6%;
}

div#program div#image{
	/*max-width: 270px;*/
	/*width: 10%;*/
	min-height: 140px;
	max-height: 140px;
	overflow: hidden;
}

div#program div#title, div#program div#series{ /* don't let long title break the layout, limit their size */
	display: block;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
    
	max-height: 2.8em;
	line-height: 1.4em;
}

div#bottom_line{
	position: relative;
	display: block;
	clear: both;
	max-height: 1.2em;
	overflow: hidden;
}
div#timestamp{ position:absolute; right: 20px; top: 0; }

div#program div#title{
	text-align: left;
	height: 40px;
	padding-right:20px;
	
}

div#program div#series{
	color: #999;
	/*font-size:20px;*/
	width: 70%;
	overflow: hidden;
}

#program img{
	/*width: 250px;*/
	width: 100%;
}

/*
@media only screen and (max-width: 1000px) {
	#program{
		width: 100%;
		margin-bottom: 30px;
	}

	div#manipulateDate div#prevDay, div#menu div#item { font-size: 50px; }

	div#header div#menu{ font-size: 50px; }

	div#program div#title
	{
		font-size: 50px;
		font-weight: bold;
	}


	div#program div#series,
	div#program div#timestamp
	{
		font-size: 40px;
		font-weight: bold;
		
	}

	div#bottom_line{
		max-height: 3em;	
	}

	div#program div#image{
		width:100%;
		max-width: 100%;
		min-height: 140px;
		max-height: 1000px;
		overflow: hidden;
	}

	div#program div#title{ height: auto; }

	div#program div#title,
	div#program div#series{
		padding-left: 10px;
	}
}

*/


@media only screen and (min-width: 2000px) {
	div#program div#image{
		/*max-width: 270px;*/
		/*width: 10%;*/
		min-height: 200px;
		max-height: 200px;
		overflow: hidden;
	}
}