/*
	MCOM_style_media.css
	
	Style Extension for 'Media' of maklott.com
	
	Created : 2008 12 22
	Last Changed : 2008 12 22
	by oliver@maklott.com
*/

div.media
{
	background-color: #e7e7e9;
	
	margin: 3px;
	padding: 3px;
}

span.media_album, span.media_title, span.media_year, span.media_duration, span.media_description, span.media_authors, span.media_genres, span.media_tags
{
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
}

/* ------------ Album ------------ */
span.media_album
{
	font-size: 0.9em;
	text-align: left;
	color: #666666;
}
td.media_album
{
	text-align: left;
}
a.media_album
{
	font-size: 1.0em;
	text-align: left;
	color: #666666;
	text-decoration: none;
}

/* ------------ Title ------------ */
span.media_title
{
	text-align: left;
}
td.media_title
{
	text-align: left;
}
a.media_title
{
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

/* ------------ Year ------------ */
span.media_year
{
	font-size: 0.9em;
	text-align: center;
	color: #666666;
}
td.media_year
{
	text-align: center;
}
a.media_year
{
	font-size: 1.0em;
	text-align: center;
	color: #666666;
	text-decoration: none;
}

/* ------------ Duration ------------ */
span.media_duration
{
	font-size: 0.9em;
	text-align: center;
	color: #666666;
}
td.media_duration
{
	text-align: center;
}
a.media_duration
{
	font-size: 1.0em;
	text-align: center;
	color: #666666;
	text-decoration: none;
}

/* ------------ Description ------------ */
span.media_description
{
	font-size: 1.0em;
	text-align: left;
	color: #333333;
}
td.media_description
{
	text-align: left;
}

/* ------------ Authors ------------ */
span.media_authors
{
	font-size: 0.8em;
	text-align: left;
	color: #666666;
}
td.media_authors
{
	text-align: left;
}
a.media_author
{
	font-size: 1.0em;
	text-align: left;
	color: #666666;
	text-decoration: none;
}

/* ------------ Genres ------------ */
span.media_genres
{
	font-size: 0.8em;
	text-align: left;
	color: #999999;
}
td.media_genres
{
	text-align: left;
}
a.media_genre
{
	font-size: 1.0em;
	text-align: left;
	color: #999999;
	text-decoration: none;
}

/* ------------ Tags ------------ */
span.media_tags
{
	font-size: 0.8em;
	text-align: left;
	color: #999999;
}
td.media_tags
{
	text-align: left;
}
a.media_tag
{
	font-size: 1.0em;
	text-align: left;
	color: #999999;
	text-decoration: none;
}

/* ------------ Cover ------------ */
img
{
	border: none;
	outline: none;
}
img.coverIcon
{
	border: none;
	outline: none;
}
a.media_cover
{
	border: none;
	outline: none;
}