@media screen
{
	html, body
	{
		margin: 0;
		padding: 0;
		height: auto;
		height: 100%;
		width: 100%;
	}
	body
	{
		background: #000000 url(../img/background.jpg) no-repeat scroll top center;
		text-align: center;
	}
	table.frame /* main transparent content frame */
	{
		background: transparent;
		border: solid #333333;
		border-width: 0px 1px 0px 1px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		width: 584px;
	}
	table.frame td { vertical-align: top; }
	td.frameCont { height: 95%; }
	table.tbl { width: 100%; }
	td.logo { height: 270px; text-align: center; }
	tr.menuRow td { height: 40px; text-align: center; vertical-align: bottom; }
	tr.menuRow img { border: none; }
	td#content
	{
		padding: 10px 34px 10px 34px;
		vertical-align: top;
		text-align: justify;
		color: #cccccc;
		font-family: sans-serif;
		font-size: 75%;
		line-height: 1.5;
		height: 100%;
	}
	
	p.contentHeader { font-weight: bold; color: #ffffff; }
	p.newsHeader { font-weight: bold; color: #ffffff; }
	
	ul.newsContent li { list-style-type: square; padding: 6px 0px 6px 0px; }
	td#content a,
	td#content a:visited { color: #cc3333; text-decoration: none; }
	td#content a:hover { text-decoration: underline; }
	td#content table
	{
		width: 100%;
		color: #cccccc;
		font-family: sans-serif;
		font-size: 100%;
		line-height: 1.5;
		border-collapse: collapse;
	}
	td#content table td { padding-right: 2px; }
	td#content table th { color: #ffffff;text-align: left; }
	th.albumTitle { width: 100%; }
	td.lyrics
	{
		background-color: #111111;
		border: 1px solid #333333;
		padding: 5px;
		text-align: center;
		width: 80%;
	}
	img.thumbnail{border: 1px solid #333333;width: 163px;height: 109px;}
	img.thumbnail:hover{border: 1px solid #aaaaaa;}
	td.footer{vertical-align: bottom;text-align: center;}
	.hidden{display: none;}
	
	td.relHeader{ background-color: #222222; border: 1px solid #333333; padding: 3px 5px 3px 5px; opacity: .75; filter:alpha(opacity=75);} /* album header row */
	td.relTitle{ font-weight: bold; font-size: 120%; } /* album title cell */
	td.relType{ text-align: right; } /* album year and type cell */
	td.relCover{ margin: 0px; padding: 0px; text-align: left; width: 160px;} /* album cover cell */
	td.relCover img { border: 1px solid #222222; }
	td.relInfo{ font-size: 11px; padding-left: 5px; } /* album info cell */
	tr.past td { color: #666666; }
}