body.media .selection {
	width: 401px;
	float: left;
	margin-bottom: 20px;
}
body.media .one {
	margin-right: 110px;
}
body.media .selection .img {
	width: 401px;
	height: 226px;
	border: 1px solid #FFF;
	margin-bottom: 20px;
}
body.media .selection .img a {
	width: 401px;
	height: 226px;
	display: block;
	text-indent: -8008px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
body.media .selection .img a:hover {
	background-position: 0px -226px;
}
body.media .selection .audio a {
	background-image: url(../_img/media_audio.png);
}
body.media .selection .video a {
	background-image: url(../_img/media_video.png);
}
body.media .selection .audio {
	background-image: url(../_img/media_audio_lander.jpg);
}
body.media .selection .video {
	background-image: url(../_img/media_video_lander.jpg);
}

/* -------------------------------------------------------------------- */
/* AUDIO */
/* -------------------------------------------------------------------- */

body.media .playlist {
	width: 515px;
	float: left;
	margin-right: 60px;
}
body.media .playlist .nav a {
	display: block;
	width: 515px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -8008px;
}
body.media .playlist .nav a:hover {
	background-position: 0px -30px;
}
body.media .playlist .up a {
	background-image: url(../_img/audio_up.gif);
	margin-bottom: 2px;
}
body.media .playlist .down a {
	background-image: url(../_img/audio_down.gif);
	margin-top: 2px;
}
body.media .playlistViewer {
	display: block;
	width: 515px;
	height: 379px;
	overflow: hidden;
}
body.media .playlist ul li {
	display: block;
	height: 62px;
	border-bottom: 1px solid #585858;
}
body.media .playlist ul li.active {
	background-color: #000;
}
body.media .playlist ul li .controls {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
body.media .playlist ul li .controls a {
	text-transform: uppercase;
	display: block;
	padding: 2px 0px 5px 6px;
	width: 70px;
	background-color: #eb3102;
}
body.media .playlist ul li .controls a:hover {
	background-color: #ff5b31;
	color: #FFF;
}
body.media .playlist ul li .controls a span {
	font-size: 9px;
}
body.media .playlist ul li .img {
	float: left;
	width: 51px;
	height: 51px;
	margin: 5px 10px 5px 5px;
}
body.media .playlist ul li p{
	padding-top: 10px;
	line-height: 1.5em;
}
body.media .playlist ul li span.secondary {
	color: #828282;
}
body.media #detailmask {
	height: 445px;
	margin-bottom: 10px;
	overflow:hidden;
}
body.media .trackdetails {
	width: 341px;
	float: left;
}
body.media .trackdetails ul li.item {
	margin-bottom: 0px;
}
body.media .trackdetails .cover {
	border: 1px solid #2e2e2e;
	margin-bottom: 8px;
	padding: 20px;
}
body.media .trackdetails .cover img {
	width: 301px;
	height: 301px;
}
body.media .trackdetails .descrip {
	line-height: 1em;
	height: 92px;
	border: 1px solid #2e2e2e;
	padding: 0px;
	margin: 0px;
}
body.media .trackdetails .descrip p {
	padding: 0px 20px 10px 20px;
}

/* -------------------------------------------------------------------- */
/* VIDEO */
/* -------------------------------------------------------------------- */
body.media .viewer {
	width: 420px;
	float: left;
	margin-right: 20px;
}
body.media .viewer .video {
	width: 420px;
	height: 236px;
	margin-bottom: 15px;
	background-color: #000;
	background-repeat: no-repeat;
}
body.media .descrip {
	margin-left: 5px;
}
body.media .descrip p {
	margin-top: 10px;
	line-height: 1.5em;
}
body.media .archives li {
	display: block;
	width: 110px;
	height: 62px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #000;
}
body.media .archives li a {
	display: block;
	width: 110px;
	height: 62px;
	border: 1px solid #121212;
}
body.media .archives li a:hover {
	border: 1px solid #FFF;
}
body.media .archives li a.active {
	border: 1px solid #eb3102;
}