/*
	holder
*/
.holder
{
	position:		relative;
}

.holder .clear
{
	clear:			both;
}


.holder .functions
{
	position:		absolute;
	top:			3px;
	right:			5px;
}

.holder .functions .icon
{
	float:			left;
	padding:		0;
	margin:			5px 2px 0 0;
	width:			16px;
	height:			16px;
	cursor:			pointer;
}

.holder .image
{
	background:		transparent url(../images/loader.gif) no-repeat center center;
}

.holder.zoom .image
{
	background:		none;
}

/*
	holder - list
*/
.holder.list
{
	clear:			both;
	padding:		10px 5px;
	border-bottom:	solid 1px #CCCCCC;
}

.holder.list .image
{
	height:			75px;
	width:			75px;
	border:			solid 1px #CCCCCC;
	overflow:		hidden;
	float:			left;
	margin:			0 15px 0 0;
}

.holder.list .trigger
{
	position:		absolute;
	top:			0px;
	height:			75px;
	width:			75px;	
	background:		transparent;
	cursor:			pointer;	
}

.holder.list .details
{
	display:		block;	
	float:			left;
}

.holder.list .title,
.holder.list .title textarea
{
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	font-size:		138.5%;
	color:			#999999;
}

.holder.list .description,
.holder.list .description textarea
{
	color:			#afafaf;	
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	font-size:		93%;
}

.holder.list .tags,
.holder.list .tags textarea
{
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	color:			#cb6828;
	font-size:		93%;
}

.holder.list .title,
.holder.list .description,
.holder.list .tags
{
	background:		#FFFFFF;
	border:			solid 1px #FFFFFF;
}

.holder.list .title:hover,
.holder.list .description:hover,
.holder.list .tags:hover
{
	background:		#faf9f9;
	border:			solid 1px #e7e6e6;
}
.browse .holder.list .title:hover,
.browse .holder.list .description:hover,
.browse .holder.list .tags:hover
{
	background:		#FFFFFF;
	border:			solid 1px #FFFFFF;
}

/*
	holder - grid
*/
.holder.grid
{
	float:			left;
	margin:			5px;
	padding:		5px;
	border:			solid 1px #CCCCCC;
}

.holder.grid .image
{
	height:			150px;
	width:			150px;
	border:			solid 1px #CCCCCC;
	overflow:		hidden;
}

.holder.grid .trigger
{
	position:		absolute;
	top:			0px;
	height:			150px;
	width:			150px;	
	background:		transparent;
	cursor:			pointer;	
}

.holder.grid .details
{
	display:		block;	
	float:			left;
	width:			150px;	
}

.holder.grid .title,
.holder.grid .title textarea
{
	height:			20px;
	font-size:		123.1%;
	color:			#999999;
	overflow:		hidden;
}

.holder.grid .description,
.holder.grid .description textarea
{
	font-size:		85%;
	height:			50px;
	overflow:		hidden;
}

.holder.grid .tags,
.holder.grid .tags textarea
{
	color:			#cb6828;
	font-size:		85%;
	height:			15px;
	margin:			5px 0 0 0;
	overflow:		hidden;
}

.holder.thumbs .screenname
{
	height:			15px;
	overflow:		hidden;
}


/*
	holder - thumbs
*/
.holder.thumbs
{
	float:			left;
	margin:			5px;
	padding:		5px;
	border:			solid 1px #CCCCCC;
	background:		solid #FFFFFF;	
}

.holder.thumbs .image
{
	height:			200px;
	width:			200px;
	border:			solid 1px #CCCCCC;
	overflow:		hidden;
}

.holder.thumbs .details
{
	display:		none;
	position:		absolute;
	bottom:			6px;
	left:			6px;
	padding:		10px;
	width:			180px;
	opacity:		.65;
	filter:			alpha(opacity=65);
	-moz-opacity:	0.65;	
	background:		#FFFFFF;
}

.holder.thumbs .title
{
	height:			20px;
	font-size:		123.1%;
	color:			#000000;
	overflow:		hidden;
}

.holder.thumbs .description
{
	font-size:		85%;
	height:			40px;
	overflow:		hidden;
	color:			#666666;	
}

.holder.thumbs .tags
{
	color:			#cb6828;
	font-size:		85%;
	height:			15px;
	margin:			5px 0 0 0;
	overflow:		hidden;
}

.holder.thumbs .screenname
{
	height:			15px;
	overflow:		hidden;
}

.holder.thumbs .trigger
{
	position:		absolute;
	top:			0px;
	height:			207px;
	width:			202px;	
	background:		transparent;
	cursor:			pointer;	
}

/*
	holder - gallery
*/
.holder.gallery
{
	float:			left;
	margin:			5px;
	padding:		5px;
	border:			solid 1px #CCCCCC;
}

.holder.gallery .image
{
	height:			75px;
	width:			75px;
	border:			solid 1px #CCCCCC;
	overflow:		hidden;
}

.holder.gallery .details
{
	display:		none;
	float:			left;
	width:			150px;	
}

.holder.gallery .title
{
	font-size:		123.1%;
	color:			#999999;
}

.holder.gallery .description
{
	font-size:		85%;
	height:			50px;
	overflow:		hidden;
}

.holder.gallery .tags
{
	color:			#cb6828;
	font-size:		85%;
	height:			15px;
	margin:			5px 0 0 0;
	overflow:		hidden;
}

.holder.gallery .trigger
{
	position:		absolute;
	top:			0px;
	height:			107px;
	width:			102px;
	background:		transparent;
	cursor:			pointer;	
}

/*
	holder - zoom
*/
.holder.zoom
{
	clear:			both;
	margin:			10px 5px;
	padding:		5px;
	border-bottom:	solid 1px #CCCCCC;	
}

.holder.zoom .image
{
	margin:			0 0 10px 0;
}

.holder.zoom .details
{
	width:			50%;	
	float:			left;
	display:		block;	
}

.holder.zoom .title,
.holder.zoom .title textarea
{
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	font-size:		138.5%;
	color:			#999999;
}

.holder.zoom .description,
.holder.zoom .description textarea
{
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	font-size:		93%;
	color:			#afafaf;
}

.holder.zoom .tags,
.holder.zoom .tags textarea
{
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	font-size:		93%;
	color:			#cb6828;
}

.holder.zoom .title,
.holder.zoom .description,
.holder.zoom .tags
{
	background:		#FFFFFF;
	border:			solid 1px #FFFFFF;
}

.holder.zoom .title:hover,
.holder.zoom .description:hover,
.holder.zoom .tags:hover
{
	background:		#faf9f9;
	border:			solid 1px #e7e6e6;
}

.browse .holder.zoom .title:hover,
.browse .holder.zoom .description:hover,
.browse .holder.zoom .tags:hover
{
	background:		#FFFFFF;
	border:			solid 1px #FFFFFF;
}


.holder .screenname
{
	margin:			10px 0 0 0;
	font-family:	Verdana;
	letter-spacing:	-0.05em;	
	color:			#333333;
	font-size:		77%;
}

.holder .screenname a:link,
.holder .screenname a:visited,
.holder .screenname a:active
{
	color:			#333333;
	text-decoration:none;
}

.holder .screenname a:hover,
.holder .screenname a:focus
{
	color:			#333333;
	text-decoration:underline;
}

.holder .screenname span
{
	color:			#666666;
}