/** Styles for User Info Panel **/

/** Avatar Effect **/

#rotate{
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	
	overflow:hidden;

	}	

#rotate:hover	
{ 
	-webkit-transform:rotate(720deg);
	-moz-transform:rotate(720deg); 
	-o-transform:rotate(720deg);
}

.roll {
    border: 2px solid #CCCCCC;
    border-radius: 50px;
    height: 100px;
    width: 100px;
}

/** DIVS **/
.line {
background: url("../images/strip.png") repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 8px;
}