h1
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
}

h1 span 
{ 
	display: none; 
}
 
/* Portrait */
@media screen and (max-width: 120px)
{
	h1 span:nth-child(1) { display: block; }
}
 
/* Landscape */
@media screen and (min-width: 320px)
{
	h1 span:nth-child(2) { display: block; }
}

#content
{
    width		: 100%;
    height		: 100%;
    position	: relative;
    display		: block;
	
}

ul
{
	list-style	: none;
	margin		: 10px;
	padding		: 0;
	width		: 280px;
}
ul li a
{
	background-color: #262626;
	border			: 1px solid #898989;
	color			: #ffffff;
	display			: block;
	font-size		: 14px;
	font-weight		: 500;
	margin-bottom	: -1px;
	padding			: 12px 10px;
	text-decoration	: none;
}
ul li .hasvideo a
{
	background-color: #262626;
	border			: 1px solid #898989;
	color			: #ffffff;
	display			: block;
	font-size		: 14px;
	font-weight		: 500;
	margin-bottom	: -1px;
	padding			: 12px 10px;
	text-decoration	: none;
	list-style:none;
	background: url(../images/VideoIcon.png) no-repeat right center;
	padding-left: 3px;
	
}

ul li .space
{
	background-color: #181818;
	height: 6px;
}

ul li:first-child a 
{
	-webkit-border-top-left-radius	: 8px;
	-webkit-border-top-right-radius	: 8px;
}

ul li:last-child a 
{
	-webkit-border-bottom-left-radius	: 8px;
	-webkit-border-bottom-right-radius	: 8px;
}

ul li a:active,ul li a:hover
{
	background-color	: #363636;
	color				: white;
}

#listcontent
{
	padding			: 10px;
	text-shadow		: 0px 1px 0px #000000;
}