.legion-bg {
	background: url(../css/images/legion-bg.png) no-repeat top left;
	}
	
.mop-bg {
	background: url(../css/images/mop-bg.png) no-repeat top left;
	}
.cata-bg {
	background: url(../css/images/cata-bg.png) no-repeat top left;
	}
.wotlk-bg {
	background: url(../css/images/wotlk-bg.png) no-repeat top left;
	}

#top-info {
	min-height: 408px;
	box-sizing: border-box;
	padding: 64px 68px 0 0;
	
	text-align: right;
	}
	#top-info h1 {
		text-shadow: 0 2px 1px rgba(0, 0, 0, 0.34), 0 0 9px rgba(11, 7, 5, 0.25);
		color: rgba(210, 191, 163, 0.75);
		font-family: Candara;
		font-size: 80px;
		font-weight: 700;
		line-height: 54px;
		}
	#top-info #version {
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.14);
		font-size: 28px;
		font-weight: 400;
		color: #c09240;
		margin: 56px 0 0 0;
		}
		#top-info #version span {
		color: #726759;
		}
	#top-info #type {
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.14);
		color: #a1978a;
		font-size: 16px;
		font-weight: 400;
		margin: 6px 0 0 0;
		}
	#top-info #description {
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.14);
		color: #918473;
		font-family: tahoma;
		font-size: 18px;
		font-weight: 400;
		width: 554px;
		margin: 50px 0 0 auto;
		direction:rtl;
		}

#stats {
	background: url(../css/images/gradient.png) repeat-x top;
	min-height: 170px;
	font-size: 0;
	padding: 36px 0 36px 36px;
	text-align: left;
	}
	#stats .column {
		display: inline-block;
		vertical-align: top;
		width: 273px;
		margin: 0 43px 0 0;
		}
		#stats .column:last-child {
		margin: 0;
		}
		#stats .column #column-head {
			text-align: right;
			padding: 0 0 30px 0;
			}
			#stats .column #column-head #title {
			text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.25), 0 0 16px rgba(0, 0, 0, 0.3);
			color: #908574;
			font-size: 18px;
			font-weight: 400;
			padding: 0 0 2px 0;
			}
			#stats .column #column-head #info {
			text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.25), 0 0 16px rgba(0, 0, 0, 0.3);
			color: #5c5245;
			font-family: Calibri;
			font-size: 14px;
			font-weight: 700;
			}
		#stats .column #column-body {
			}
	
.faction-balance {
	}
	.faction-balance #factions {
		height: 254px;
		position: relative;
		}
		.faction-balance #factions #alliance {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 136px;
		background: url(../css/images/alliance-fill.png) no-repeat top;
		}
		.faction-balance #factions #horde {
		position: absolute;
		left: 137px;
		bottom: 0px;
		width: 136px;
		background: url(../css/images/horde-fill.png) no-repeat top;
		}
		.faction-balance #factions #aligner {
			text-align: center;
			font-family: Calibri;
			padding: 30px 0 0 0;
			}
			.faction-balance #factions #value {
			text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.35), 0 0 8px #03263f;
			color: #b4aa9b;
			font-size: 42px;
			font-weight: 700;
			line-height: 34px;
			}
			.faction-balance #factions #info {
			text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.35), 0 0 8px #03263f;
			color: #867c6f;
			font-size: 13px;
			font-weight: 700;
			text-transform: uppercase;
			}
			.faction-balance #factions #pct {
			text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.35), 0 0 8px #03263f;
			color: #7d766c;
			font-size: 12px;
			font-weight: 700;
			}
	.faction-balance #characters {
		height: 40px;
		background-color: #221a16;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
		text-align: center;
		text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.25), 0 0 16px rgba(0, 0, 0, 0.3);
		color: #635a4b;
		font-family: Calibri;
		font-size: 17px;
		font-weight: 400;
		box-sizing: border-box;
		padding: 8px 0 0 0;
		}
		.faction-balance #characters span {
		text-shadow: 1px 1.7px 0 rgba(0, 0, 0, 0.25), 0 0 16px rgba(0, 0, 0, 0.3);
		color: #887c6b;
		font-family: Calibri;
		font-size: 18px;
		font-weight: 700;
		}

.race-balance {
	}
.class-balance {
	}
	#stats .bar {
		width: 273px;
		height: 20px;
		background-color: rgba(12,7,6,0.20);
		border-radius: 2px;
		margin: 0 0 3px 0;
		}
		#stats .bar:last-child {
		margin: 0;
		}
		#stats .bar #bar-fill {
			position: absolute;
			top: 0px;
			right: 0px;
			height: 20px;
			background-image: linear-gradient(180deg, #372d27 0%, #443934 100%);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
			border-radius: 2px;
			}
			#stats .bar.class-1 #bar-fill {
			background-image: linear-gradient(180deg, #403121 0%, #4c3d2d 100%);
			}
			#stats .bar.class-2 #bar-fill {
			background-image: linear-gradient(180deg, #422e2d 0%, #4e3a39 100%);
			}
			#stats .bar.class-3 #bar-fill {
			background-image: linear-gradient(180deg, #353722 0%, #41442e 100%);
			}
			#stats .bar.class-4 #bar-fill {
			background-image: linear-gradient(180deg, #4a4521 0%, #5f582a 100%);
			}
			#stats .bar.class-5 #bar-fill {
			background-image: linear-gradient(180deg, #37332e 0%, #443f3a 100%);
			}
			#stats .bar.class-6 #bar-fill {
			background-image: linear-gradient(180deg, #522628 0%, #5e3335 100%);
			}
			#stats .bar.class-7 #bar-fill {
			background-image: linear-gradient(180deg, #2a3354 0%, #363f60 100%);
			}
			#stats .bar.class-8 #bar-fill {
			background-image: linear-gradient(180deg, #2a3834 0%, #364540 100%);
			}
			#stats .bar.class-9 #bar-fill {
			background-image: linear-gradient(180deg, #38303c 0%, #453c48 100%);
			}
			#stats .bar.class-10 #bar-fill {
			background-image: linear-gradient(180deg, #244a40 0%, #2e5d50 100%);
			}
			#stats .bar.class-11 #bar-fill {
			background-image: linear-gradient(180deg, #4d270d 0%, #5f3010 100%);
			}
		#stats .bar #bar-left {
			float: left;
			text-shadow: 0.5px 0.9px 1px rgba(7, 7, 7, 0.75);
			font-family: Calibri;
			font-size: 13px;
			font-weight: 400;
			color: rgba(82, 74, 64, 0.65);
			padding: 2px 0 0 4px;
			}
			#stats .bar #bar-left span {
			color: rgba(163, 150, 132, 0.65);
			}
		#stats .bar #bar-right {
			float: right;
			}
			#stats .bar #bar-right span {
			display: inline-block;
			vertical-align: top;
			text-shadow: 0.5px 0.9px 1px rgba(7, 7, 7, 0.75);
			color: #b7a68e;
			font-family: Calibri;
			font-size: 13px;
			font-weight: 400;
			padding: 2px 4px 0 0;
			}
			#stats .bar #bar-right #icon {
			display: inline-block;
			vertical-align: top;
			width: 18px;
			height: 18px;
			border: 1px solid #63594a;
			box-shadow: 0 0 4px #070707, inset 0 0 3px #0a0a0a;
			background-repeat: no-repeat;
			background-size: contain;
			border-radius: 1px;
			}
	
#last-updated {
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	color: #6f6252;
	
	font-size: 14px;
	font-weight: 400;
	margin: 0 36px 36px 36px;
	padding: 32px;
	text-align: center;
	}