@import url(constants.less);
@import url(classes.less);

#tagCloud {
	clear: both;

	overflow: visible;
	width: 110%;
	padding-top: 26px;
}

.clear{
	clear: left;
}

.tagCloudItem {
	background: url(@tagImage) no-repeat 0 0;
	color: #3f3f3f;
	display: none;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 5px;
	padding: 0 5px 0 8px;
	position: relative;
	text-decoration: none;
}

.tagCloudItem:hover {
	cursor: pointer;
}

.tagCloudItem:active {
	top: 1px;
}

.tagCloudItem span {
	display: block;float: left;
}

.tag_name {
	background: url(@tagImage) no-repeat 100% -25px;
	height: 19px;
	padding: 2px 16px 4px 0;
	position: relative;
	text-shadow: 0 1px 1px #fff;
	z-index: 10;
	font-size: 14px;
}

.tag_count {
	background: url(@tagImage) no-repeat 100% -50px;
	color: #fff;
	height: 19px;
	padding: 5px 10px 0;
	position: absolute;
	right: 0;
	text-shadow: 0 -1px 0 #465a63;
	top: 1px;
	z-index: 5;
	font-size: 14px;
	line-height: 13px;
} /*original text shadow color: c54a0c*/