.content{
		max-width: 1270px;
	}
	
	.columndiv{
		font-family: 'Indie Flower', cursive;
        font-size: 2em;
        text-align: center;
        column-count: 3;
        column-width: 357px;
	}

    
	div .columnElement{
		display:inline-block ;
		width: 30%;
		min-width:357px;
		
		margin: 0 0 15px 0 ;
    	padding: 10px ;
		border: 3px outset rgba(112, 113, 212, 0.17);
		
    	text-shadow: 2px 2px 4px rgba(0,0,0,.8);
    	text-align: center;
    	
    	box-shadow: inset 0 -1em 2em rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.45), 0 5px 10px rgba(0,0,0,.7);
    	background-color: #0b4983;
    	background: #0b4983;
    	background-image: url(/img/bg/asfalt-light.png);	
	}
	.content a{
        color: #df9200;
    }
   	.content a:visited{
        color: #7d7d7d;
    }
	.playername{
		font-size: 1.3em;
		margin:0;
		color: #df9200;
	}
	.playerdiv{
		position: relative;
    	overflow: hidden;
    	margin: 0 auto  !important;
    	max-width: 359px;
    	width: 359px;
    	border-radius: 0 !important;
    	padding: 0 !important;
    	background-color: rgba(59, 68, 199, 0) !important;
	}
	.characterTag{
		border-top-left-radius:0;
		border-bottom-left-radius:0;	
		border-top-right-radius:0;	
		border-bottom-right-radius:0;
		background-repeat: no-repeat;
		font-size: 18pt;
		text-align: right;
		margin-top:0 !important;
		margin-bottom:5px !important;
		max-height: 91px;
		min-height: 91px;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		padding: 0 15px;
	}
	.characterTag p{
		margin-top:0;
		margin-bottom:0;
	}
	.chartype{
			float:left;
			text-align: left;
	}
	.character-light{
			color:yellow;
			font-size: 1.5em;
			text-shadow: 2px 2px 5px #000, 2px 2px 2px #000, 0px 0px 10px #000 !important;
	}
	.character-light:before{
			content:'✦';margin-right:2px;
	}
	.powerhour{
		font-size: .8em;font-family: serif;
	}
	.powerhour:after{
		color:yellow;
			content:'✦/hr';margin-right:2px;
	}
	.timeplayed{
			position:absolute;
			bottom:5px;
			right:5px;
			white-space: nowrap;font-size: .8em;font-family: serif;
	}
	div .emptyItemsDiv, div .hideItemsDiv{
		max-height: 0;
		padding:0;
		margin:0;
		transition-property: all;
		transition-duration: .2s;
		transition-timing-function: ease-out;
	}
	.hideItemsDiv div{
		visibility: hidden;
  		opacity: 0;
  		transition: visibility 2s, opacity 0.7s ease-out;
	}
	div .showItemsDiv{
		max-height: 500px;
		width:95%;
		display:block;
		margin:-50px auto 5px auto;
		padding:50px 0 5px 0;
    	background-color:#b7b7b7;
    	line-height: .8;
    	transition-property: all;
		transition-duration: .6s;
		transition-timing-function: ease-in;
	}
	.showItemsDiv div{
		visibility: visible;
  		opacity: 1;
  		transition: visibility 0s, opacity 0.7s ease-in;
	}
	.itemimageblock{
		margin:0 !important;
		padding:0 !important;
		position: relative;
		width:21%;
		max-height: 72px;
		border: 2px rgba(0, 0, 0, 0.61) solid;
		border-top-left-radius: 0 !important;
    	border-top-right-radius: 0 !important;
    	border-bottom-left-radius: 0 !important;
    	border-bottom-right-radius: .0 !important;
    	display: inline-block;
	}
	.itemimageblock img{
		width:100%;
	}
	.itemimageblock p{
		position: absolute;
		bottom: 0;
    	left: 0px;
    	margin: 0;
    	font-family: serif;
    	color: yellow;
    	font-size: 25px;
    	text-shadow: 2px 2px 2px #000, 2px 2px 2px #000, 2px 2px 4px #fff, 2px 2px 4px #fff;
    	background-color: rgba(0,0,0,.5);
	}
	.itemimageblock a:after {
		content: '';
		margin: 0;
	}
	
	.damageicon{
		height: 1em !important;
		width: 1em !important;
		display: inline;
		margin: -4px;
	}
	
	.btn{
		position: absolute;
    	right: 10px;
    	top: 35px;
		color:#f0f0f0;
		font-size: 16px;
		text-shadow: 2px 2px 4px #555555;
		padding:4px 4px 4px 4px;
		background: #3f3f3f;
		background-image: -webkit-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: -moz-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: -o-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: linear-gradient(#b0b0b0, #4e4e4e);
	}
	.btn:hover{
		cursor: pointer;
	  	background: #d7bb39;
	  	background-image: -webkit-linear-gradient(#c75c3b, #d7bb39);
	    background-image: -moz-linear-gradient(#c75c3b, #d7bb39);
	    background-image: -o-linear-gradient(#c75c3b, #d7bb39);
	    background-image: linear-gradient(#c75c3b, #d7bb39);
	    text-decoration: none;
	}
	.nohover:hover{
		cursor: default;
		background: #3f3f3f;
		background-image: -webkit-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: -moz-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: -o-linear-gradient(#b0b0b0, #4e4e4e);
		background-image: linear-gradient(#b0b0b0, #4e4e4e);
	}
	
	
			.showAlts {
				color:#dfdfdf;
				background-color: rgba(214, 214, 214, 0.71) !important;
				margin: 0 !important;
				display:block;
			}
			.showAlts .showItemsDiv{
				background-color:rgba(86, 86, 86, 0.82) !important;
			}
			div .hideAlts {
				max-height: 0;
					transition-property: all;
		transition-duration: .2s;
		transition-timing-function: ease-out;
		padding:0;
		margin:0;
			}
			.hideAlts div{
				display: none;
				max-height: 0;
				min-height: 0;
					visibility: hidden;
  					opacity: 0;
  					transition: visibility 2s, opacity 0.7s ease-out;
			}