/* MODULES css additionals and overrides */

/* MODULE MediaImage */
#main .mod.MediaImage {
	width:460px; margin:12px 0; padding:3px 0; background:black;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}

/* MODULE MediaAlbum */
#main .mod.MediaAlbum {
	margin:12px 0; padding:0; background:none;
}

.MediaAlbum .album {
	width:158px; height:218px; margin:4px 10px 2px 0; padding:0; display:block; 
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}

.MediaAlbum .album .thumb {
	width:142px; min-height:148px; padding:4px 0 12px; background:black; cursor:pointer;
	-moz-border-radius:3px; -webkit-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; margin-top:4px;
	font-size:12px; font-weight:300; color:black;
}

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




/*//////////////////////////////////// DEPRECATED ///////////////////////////////////*/

/* MODGROUP text */

/* MODGROUP group */
/* TOOL jpcollection */
.jpcollection td { vertical-align:top; }
.jpcollection td:first-child {
	width:460px; min-height:240px; background: #020104;
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 4px black; -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.62);
}
.jpcollection #alpha {
	width:460px; min-height:240px; background: #020104 no-repeat; cursor:pointer;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.jpcollection #alpha_in {
	width:460px; display:none;
}
.jpcollection #alpha_cover {
	width:460px; opacity:0;
}
.jpcollection .thumb {
	margin: 0 8px; width:124px; height:124px; opacity:0.68;
	-moz-border-radius:3px; -webkit-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);
}

.description	{
	margin:12px 12px 0; width:560px; 
}

/* MODGROUP object */

/* MODGROUP media */
/* TOOL albums */
.albumset	{ clear:both; }
.albumset .album {
	float:left; width:148px; margin:2px; padding:0 0 2px 8px; display:block; 
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.albumset .album div {
	width:142px; min-height:148px; padding:5px 0; background:black; position:relative; left:-8px; cursor:pointer;
	-moz-border-radius:3px; -webkit-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);
}

/* TOOL jptagged */
.jptagged {
	display:block; width:480px; background:black;
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 4px black; -moz-box-shadow: 0 0 4px rgba(0,0,0, 0.62);
}
.jptagged .blinded { display:none; }
.jptagged .protected {
	width:inherit; height:420px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.jptagged .construct { 
	width:inherit; height:inherit; float:right;
 }
.jptagged .data { 
	position:relative; width:472px; margin:0 4px; height:48px; top:-52px; background: rgba(255,255,255, 0.28);
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
 }
.jptagged .data .date { 
	opacity:0.24; padding: 18px 10px; width:50%;  
	font-size:24px; color:black; font-weight:100; 
 }
.jptagged .data:hover .date { opacity:0.58; }
.jptagged .composite	{
	float:right; margin:8px; padding-right:12px; background:url(img/arrow.png) no-repeat right center;
	color:#aaa; font-weight:100; text-align:right; line-height:16px; font-size:1.1em;
	text-shadow: 0 0 2px black;
}
.jptagged .composite strong	{
	color:white; font-size:1.32em;
}
.jptagged .data:hover .composite	{ color:white; }


/* TEMP JPTAGGED IN JPCOLLECTION */
.data { 
	position:relative; width:452px; margin:0 4px; height:48px; top:-52px; background: rgba(255,255,255, 0.28);
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
 }
.data .date { 
	opacity:0.24; padding: 18px 10px; width:50%;  
	font-size:24px; color:black; font-weight:100; 
 }
.data:hover .date { opacity:0.58; }
.composite	{
	float:right; margin:8px; padding-right:12px; background:url(img/arrow.png) no-repeat right center;
	color:#aaa; font-weight:100; text-align:right; line-height:16px; font-size:1.1em;
	text-shadow: 0 0 2px black;
}
.composite strong	{
	color:white; font-size:1.32em;
}
.data:hover .composite	{ color:white; }

/* /////////////////// */


.column	{
	position:absolute; background:#123456;
}	
.column .set	{
	position:absolute; margin-left:10px; padding:8px; height:32px; background:rgba(255, 255, 255, 0.16);
	color:white; font-size:1.28em; font-weight:100; max-width:120px;
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0, 0.38); -moz-box-shadow: 0 1px 4px rgba(0,0,0, 0.38); text-shadow: 0 0 2px black;
}
.column .set:hover	{ background:rgba(255, 255, 255, 0.24); }
.column .where	{
	position:absolute; margin-left:4px; padding:8px; height:32px; background:rgba(0,0,0, 0.48);
	color:#666; font-size:1.28em; max-width:158px;
	-moz-border-radius:3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0, 0.32); -moz-box-shadow: 0 1px 4px rgba(0,0,0, 0.32); text-shadow: 0 0 2px black;
}
.column .where:hover	{
	background:rgba(0,0,0, 0.8);
	color:#777;
}