/* GENERAL STYLES */

.MediaAlbum { }

.MediaAlbum .stable {
	width:100%; height:1px; clear:both;
}


/* Action: album. */
.MediaAlbum .album {
	float:left; width:124px; margin:4px 10px 2px 0; padding:0; display:block; 
	-moz-border-radius:3px; border-radius: 3px;
}

.MediaAlbum .album .thumb {
	width:124px; min-height:142px; padding:6px 0; background:black; cursor:pointer;
	-moz-border-radius:3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.5);
}

.MediaAlbum .album .name {
	display:block;
	font-size:12px; font-weight:100; color:black;
}

.MediaAlbum .album .descr {
	font-style:italic; color:#777;
}


/* Action: cluster. */
.MediaAlbum.cluster	{
	margin:12px 0; padding:8px 4px; background:white;
	-moz-border-radius:4px; border-radius: 4px;
}


/* Action: target. */
#main .MediaAlbum.target	{
	width:auto; min-height:124px; margin:24px 0; padding:6px 0; background:black center no-repeat;
	-moz-border-radius:4px; border-radius: 4px;
}
#left .MediaAlbum.target	{
	width:290px; min-height:92px; margin:12px 0; padding:4px 0; background:black center no-repeat;
	-moz-border-radius:3px; border-radius: 3px;
}
#right .MediaAlbum.target	{
	width:200px; min-height:92px; margin:12px 0; padding:4px 0; background:black center no-repeat;
	-moz-border-radius:3px; border-radius: 3px;
}
.MediaAlbum.target .cont 	{ display:none; }

.MediaAlbum.target .hover, .MediaAlbum.target .classic	{
	display:block; width:100%; height:100%;
}

.MediaAlbum.target .left	{
	display:none; float:left; width:38%; height:100%; background: url( http://central.onedotonly.be/style/modules/media.album/circle.left.png ) no-repeat center;
	opacity:0.24;
}
.MediaAlbum.target .link	{
	float:left; width:38%; height:100%; cursor:pointer; 
}
.MediaAlbum.target .right	{
	display:none; float:right; width:38%; height:100%; background: url( http://central.onedotonly.be/style/modules/media.album/circle.right.png ) no-repeat center;
	opacity:0.24;
}

.MediaAlbum.target .linked .left, .MediaAlbum.target .linked .right	{ width:30%; cursor:default; }

.MediaAlbum.target .hover:hover .left, .MediaAlbum.target .hover:hover .right, .MediaAlbum.target .classic:hover .left, .MediaAlbum.target .classic:hover .right	{ display:block; }
.MediaAlbum.target .left:hover, .MediaAlbum.target .right:hover	{ opacity:1; }

.MediaAlbum.target .count	{
	clear:both;
}


/* Action: nav slide. */
#left .MediaAlbum.slide	{
	width:290px; height:90px; padding:18px 0 0; margin:12px 0; background:black;
}

#left .MediaAlbum.slide .reel	{
	display:block; width:290px; height:60px; margin:0 0 4px; background:black; overflow:hidden; cursor:pointer;
}
#left .MediaAlbum.slide .reel .in	{
	display:block; width:217px; height:60px; position:relative;
}
#left .MediaAlbum.slide .reel .in img	{
	float:left;
}



#right .MediaAlbum.slide	{
	width:140px; height:90px; padding:18px 0 0; margin:12px 0; background:black; border:1px solid white;
	-moz-border-radius:5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.5);
}

#right .MediaAlbum.slide .reel	{
	display:block; width:140px; height:60px; margin:0 0 4px; background:#222; overflow:hidden; cursor:pointer;
}
#right .MediaAlbum.slide .reel .in	{
	display:block; width:217px; height:60px; position:relative;
}
#right .MediaAlbum.slide .reel .in img	{
	float:left;
}


.MediaAlbum.slide .info	{
	display:block; float:left; width:50%; height:18px; padding-top:2px; opacity:0.32; cursor:pointer;
	color:#4a4a4a; text-align:center;
}
.MediaAlbum.slide:hover .info	{ opacity:1; }
.MediaAlbum.slide .info .stat	{ color:white; }

.MediaAlbum.slide .left	{
	display:block; float:left; width:24%; height:20px; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.l.white.png) no-repeat center;
}
.MediaAlbum.slide .right	{
	display:block; float:right; width:24%; height:20px; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.r.white.png) no-repeat center;
}

.MediaAlbum.slide .left:hover, .MediaAlbum.slide .right:hover	{ opacity:1; }


.MediaAlbum.thumbs:hover img	{ opacity:0.5; }
.MediaAlbum.thumbs img	{
	width:138px; height:28px; padding: 0 1px; background:black; opacity:0.24
}
.MediaAlbum.thumbs img:first-child	{
	padding:6px 1px 0; 
	-moz-border-radius:4px 4px 0 0; border-radius: 4px;
}
.MediaAlbum.thumbs img:last-child	{
	padding:0 1px 6px; 
	-moz-border-radius:0 0 4px 4px; border-radius: 4px;
}
.MediaAlbum.thumbs:hover img:hover, .MediaAlbum.thumbs img.active:hover	{ opacity:1; }
.MediaAlbum.thumbs img.active	{ opacity:0.5; }


/* Action: nav snake. */
#main .MediaAlbum.snake, #left .MediaAlbum.snake, #right .MediaAlbum.snake	{
	width:450px; height:38px; padding:1px 0; margin:8px 0; background:black;
	-moz-border-radius: 4px; border-radius: 4px;
}

.MediaAlbum.snake .reel	{
	display:block; float:left; width:92%; height:100%; background:#222; overflow:hidden;
}
.MediaAlbum.snake .reel .in	{
	display:block; width:auto; height:100%; position:relative;
}
.MediaAlbum.snake .reel .in img	{
	float:left; cursor:pointer;
}

.MediaAlbum.snake .left	{
	display:block; float:left; width:4%; height:100%; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.l.white.png) no-repeat center;
}
.MediaAlbum.snake .right	{
	display:block; float:right; width:4%; height:100%; opacity:0.5; cursor:pointer;
	background:url(http://central.onedotonly.be/style/modules/media.album/arr.r.white.png) no-repeat center;
}
.MediaAlbum.snake .left:hover, .MediaAlbum.snake .right:hover	{ opacity:1; }

/* Action: raw */
.MediaAlbum.raw	.img {
	display:block; float:left; min-height:124px; overflow:hidden; padding:2px 4px; width:96px;
	text-align:center;
}
.MediaAlbum.raw	.img img { display:block; }
.MediaAlbum.raw	.img:hover { background:black; }



.ObjectSingle {}

.ObjectSingle p {
	width:90%; padding:12px 5%;
}

.ObjectSingle .type {
	display:block; margin-bottom:12px;
}

.ObjectSingle.extend img	{
	position:relative; left:-32px; width:178px; height:124px; float:left; margin-right:4px; background:#333; cursor:pointer;
}

.ObjectSingle.extend	{
	
}

.ObjectSingle.extend .content	{
	float:left; 
	line-height:18px;
}

/* ACTION Meta */
.ObjectSingle.meta ul	{
	padding:8px 4px; margin:4px; list-style:none;
}

.ObjectSingle.meta li	{
	padding:8px 0;  margin: 3px 0; background:#f6f6f6;
	font-weight:bold; color:#666; font-size:13px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 2px #999;
}
.ObjectSingle.meta li span	{
	width:32px; padding:6px; margin-right: 8px; background:white;
	font-weight:normal; color:#aaa;
	-moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px;
}