/* Rotated Skin - Css Orginally created by Almeros’ Code Blog http://code.almeros.com/how-to-create-a-css3-enabled-tag-cloud */
.TagCloud-Rotated {word-wrap: break-word;white-space: pre; white-space: pre-wrap;white-space: pre-line;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: -moz-pre-wrap;white-space: -hp-pre-wrap;word-wrap: break-word;}

.TagCloud-Rotated a {
	float:left;
	background-color:#8a0000;
	font-family: monospace;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding: 2px 4px;
	color:#eef;

	-webkit-text-shadow: rgba(0,0,0,0.2) 2px 0, rgba(0,0,0,0.2) 0 2px, rgba(255,255,255,0.2) -2px 0, rgba(255,255,255,0.2) 0 -2px, rgba(0,0,0,0.2) 2px 2px, rgba(255,255,255,0.2) -2px -2px; 
	-moz-text-shadow: rgba(0,0,0,0.2) 2px 0, rgba(0,0,0,0.2) 0 2px, rgba(255,255,255,0.2) -2px 0, rgba(255,255,255,0.2) 0 -2px, rgba(0,0,0,0.2) 2px 2px, rgba(255,255,255,0.2) -2px -2px; 
	-o-text-shadow: rgba(0,0,0,0.2) 2px 0, rgba(0,0,0,0.2) 0 2px, rgba(255,255,255,0.2) -2px 0, rgba(255,255,255,0.2) 0 -2px, rgba(0,0,0,0.2) 2px 2px, rgba(255,255,255,0.2) -2px -2px;
	text-shadow: rgba(0,0,0,0.2) 2px 0, rgba(0,0,0,0.2) 0 2px, rgba(255,255,255,0.2) -2px 0, rgba(255,255,255,0.2) 0 -2px, rgba(0,0,0,0.2) 2px 2px, rgba(255,255,255,0.2) -2px -2px;

	-webkit-box-shadow: 0 0 10px rgb(0,0,0);
	-moz-box-shadow: 0 0 10px rgb(0,0,0);
	-o-box-shadow: 0 0 10px rgb(0,0,0);
	box-shadow: 0 0 10px rgb(0,0,0);

	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	
	-webkit-transition: -webkit-transform 0.1s ease-in;
	-moz-transition: -moz-transform 0.1s ease-in;
	-o-transition: -o-transform 0.1s ease-in;
	transition: transform 0.1s ease-in;	

	-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;
}
.TagCloud-Rotated a:nth-child(2n),
.TagCloud-Rotated li:nth-child(2n) a {
	background-color:#640101;
	font-size:17px;

	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

.TagCloud-Rotated a:nth-child(4n),
.TagCloud-Rotated li:nth-child(4n) a {
	background-color:#4f0101;
	font-size:15px;

	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.TagCloud-Rotated a:nth-child(5n),
.TagCloud-Rotated li:nth-child(5n) a {
	background-color:#3e0000;
	font-size:18px;

	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.TagCloud-Rotated a:nth-child(2n):hover,
.TagCloud-Rotated li:nth-child(2n) a:hover {
	-webkit-transform: rotate(-3deg) scale(1.2);
	-moz-transform: rotate(-3deg) scale(1.2);
	-o-transform: rotate(-3deg) scale(1.2);
	transform: rotate(-3deg) scale(1.2);
}
.TagCloud-Rotated a:nth-child(4n):hover,
.TagCloud-Rotated li:nth-child(4n) a:hover {
	-webkit-transform: rotate(3deg) scale(1.2);
	-moz-transform: rotate(3deg) scale(1.2);
	-o-transform: rotate(3deg) scale(1.2);
	transform: rotate(3deg) scale(1.2);
}
.TagCloud-Rotated a:nth-child(5n):hover,
.TagCloud-Rotated li:nth-child(5n) a:hover {
	-webkit-transform: rotate(2deg) scale(1.2);
	-moz-transform: rotate(2deg) scale(1.2);
	-o-transform: rotate(2deg) scale(1.2);
	transform: rotate(2deg) scale(1.2);
}
.TagCloud-Rotated li a:hover,
.TagCloud-Rotated a:hover {
	color:#fff;
	background-color:red;
	z-index:10000;
	
	-webkit-box-shadow: 0 0 20px rgb(0,0,100);
	-moz-box-shadow: 0 0 20px rgb(0,0,100);
	-o-box-shadow: 0 0 20px rgb(0,0,100);
	box-shadow: 0 0 10px rgb(0,0,100);	 
	
	-webkit-transform: rotate(3deg) scale(1.2);
	-moz-transform: rotate(3deg) scale(1.2);
	-o-transform: rotate(3deg) scale(1.2);
	transform: rotate(3deg) scale(1.2);
}

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

/* UL MODE */
.TagCloud-Rotated ul {list-style:none;}
.TagCloud-Rotated li {display:inline;}