/* Heroes-WoW archived layout (2016 style.css + home.css + IndexSlider.css) */

BODY, HTML {
	background: #090606 url(images/background.png) no-repeat top center !important;
}

#header {
	width: 100%;
	height: 121px;
	position: absolute;
	z-index: 9999;
	overflow: visible;
}
#header .holder {
	width: 1120px;
	height: 185px;
	position: relative;
	background-image: url(images/misc/header-heroes.png) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	overflow: visible;
}
#header .holder:before {
	display: none !important;
	content: none !important;
}
#header a.logo {
	display: none !important;
}

#header .top-navigation {
	float: left;
	width: 1005px;
	height: 76px;
	margin: 42px 0 0 60px;
	right: auto;
	position: relative;
	z-index: 10;
}
#header .top-navigation.nav-left,
#header .top-navigation.nav-right {
	float: left;
	left: auto;
	width: auto;
	position: relative;
	top: 0;
	height: 76px;
}
#header .top-navigation li {
	display: block;
	float: left;
	margin: 0 !important;
	left: 0 !important;
	padding: 0 !important;
	position: relative !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
#header .top-navigation > li > a {
	display: block;
	height: 76px !important;
	margin: 0 !important;
	left: 0 !important;
	padding: 0 !important;
}

#header .holder,
#header .top-navigation li a p,
.top-navigation li#support p {
	background-image: url(images/misc/header-heroes.png);
	background-color: transparent;
}

#header .top-navigation > li#nav-home,
#header .top-navigation > li#nav-home > a,
.top-navigation li #home p { width: 154px !important; }
#header .top-navigation > li#nav-forums,
#header .top-navigation > li#nav-forums > a,
.top-navigation li #forums p { width: 152px !important; }
#header .top-navigation > li#nav-media,
#header .top-navigation > li#nav-media > a,
.top-navigation li #media p { width: 134px !important; }
#header .top-navigation > li#nav-features,
#header .top-navigation > li#nav-features > a,
.top-navigation li #features p { width: 149px !important; }
#header .top-navigation > li#support,
.top-navigation li#support p { width: 145px !important; }
#header .top-navigation > li#nav-goal,
#header .top-navigation > li#nav-goal > a,
.top-navigation li #goal p { width: 148px !important; }

.top-navigation li #home p { height: 76px; background-position: -60px -227px; clip-path: none; -webkit-clip-path: none; }
.top-navigation li #forums p { height: 76px; background-position: -214px -227px; }
.top-navigation li #media p { height: 76px; background-position: -366px -227px; }
.top-navigation li#logo { width: 118px !important; }
.top-navigation li#logo a { width: 118px !important; height: 76px !important; }
.top-navigation li#logo p { width: 118px !important; height: 76px !important; background: none !important; background-image: none !important; }
.top-navigation li#logo a, .top-navigation li#logo p { transition: none; }
.top-navigation li#logo a:hover { opacity: 0; }
.top-navigation li #features p { height: 76px; background-position: -618px -227px; }
.top-navigation li#support p { height: 76px; background-position: -767px -227px; cursor: pointer; }
.top-navigation li #goal p { height: 76px; background-position: -912px -227px; }

#header .top-navigation li a p,
#header .top-navigation li p {
	display: block;
	height: 76px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
#header .top-navigation li a:hover p,
#header .top-navigation li:hover p {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
#header .top-navigation li > a + p { display: none; }

#header,
#header .holder,
#header .top-navigation,
#header .top-navigation li {
	overflow: visible !important;
}

#header .top-navigation > li > .nddm-holder,
.top-navigation li div.nddm-holder {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	top: 72px !important;
	width: 196px !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 0 0 -98px !important;
	padding: 0 !important;
	overflow: visible !important;
	text-align: left !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 10050;
	transition: none !important;
	transform: none !important;
}
.top-navigation li:hover div.nddm-holder,
.top-navigation li:hover div.nddm-holder.features,
.top-navigation li#support:hover div.nddm-holder {
	height: auto !important;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.top-navigation li .features div.navi-dropdown,
.top-navigation li .media div.navi-dropdown,
.top-navigation li#support div.navi-dropdown,
.top-navigation li div.navi-dropdown {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	width: 196px !important;
	border-radius: 5px;
	background: #1f150e;
	box-shadow: inset 0 0 20px rgba(255,255,255,.05), 0 0 15px rgba(0,0,0,.7);
	border: #32251a 1px solid;
	text-align: left !important;
}
.top-navigation li div.navi-dropdown p#arrow { display: none !important; }
.top-navigation li div.navi-dropdown span {
	display: block !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	background: url(images/misc/drop-down-sep.png) no-repeat bottom center;
}
.top-navigation li div.navi-dropdown span:last-child {
	background: none !important;
}
.top-navigation li div.navi-dropdown span a {
	display: block !important;
	width: 196px !important;
	height: 48px !important;
	padding: 15px 0 0 25px !important;
	margin: 0 !important;
	left: 0 !important;
	top: 0 !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-align: left !important;
	color: #624f3a !important;
	font-size: 14px !important;
	font-weight: normal !important;
	text-transform: none !important;
	line-height: 18px !important;
	background-image: none !important;
	text-shadow: 0 0 5px rgba(0,0,0,.25), 1px 1px 1px rgba(0,0,0,.35);
}
.top-navigation li div.navi-dropdown span a:hover {
	color: #caa55d !important;
	background: url(images/misc/menu-dropdown-hover.png) no-repeat !important;
}

.sub_head_image {
	display: none !important;
}
#image_header {
	width: 100%;
	height: auto;
	top: 0;
	overflow: hidden;
	background: transparent !important;
	text-align: center;
}
.slider,
#warcry-slider.slider {
	width: 100% !important;
	height: 428px !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	left: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	line-height: normal !important;
	position: relative;
}
#IndexTextFader {
	width: 717px !important;
	height: 152px !important;
	position: absolute !important;
	left: 475px !important;
	top: 215px !important;
	z-index: 999;
}
#IndexTextFader img,
#IndexTextFader .hw-caption {
	width: auto;
	height: 152px;
	display: block;
}
#IndexTextFader .hw-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 152px;
	text-align: left;
	color: #e4c56a;
	text-shadow: 0 1px 0 #6a4a12, 0 2px 8px #000, 0 0 12px rgba(0,0,0,.8);
}

.main_a_holder {
	width: 100%;
	height: auto;
	background: url(images/body_top.png) no-repeat top center;
	padding-top: 25px;
	top: 0;
	font-size: 12px;
}
.main_b_holder {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #0b0807 url(images/body_top_part2.jpg) no-repeat top center !important;
	top: 0 !important;
	font-size: 12px;
}
.main_b_holder.after-hero,
.main_b_holder.after-hero .membership-holder {
	top: auto !important;
}
.sec_b_holder {
	width: 100%;
	height: auto;
	background: url(images/footer.png) no-repeat bottom center;
	padding: 0 0 49px 0;
	margin: -64px 0 0 0;
}
#body { width: 981px !important; min-height: 800px; }
.content_holder { width: 982px !important; }
.main-wide { width: 980px !important; }
.main_side { width: 671px; max-width: 685px; }

.sub-page-title {
	width: 980px !important;
	height: 125px !important;
	margin-left: -20px !important;
	background: url(images/misc/sub_page_light.png) no-repeat left !important;
}
.sub-page-title #title h1 {
	font-family: Ebrima, calibrib, Arial, sans-serif !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 34px !important;
	color: #d8a86a !important;
	text-shadow: 0 0 8px rgba(0,0,0,.35), 1px 1px 1px rgba(0,0,0,.25) !important;
	margin: 15px 0 0 30px !important;
	height: 34px !important;
}
.sub-page-title #title h1 p {
	height: 30px !important;
	top: 10px !important;
}
.container_2 {
	width: 980px !important;
	background: rgba(33,25,20,.55) !important;
	padding: 40px 0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container_2.media-box {
	padding: 30px 40px !important;
}
.container_2.media-box-wide {
	padding: 30px 67px !important;
}
.container_3 {
	background: rgba(31,23,19,.80) !important;
}
.container_3.archived-news,
.container_3.w-addons,
.container_3.changelogs {
	width: 900px !important;
	max-width: calc(100% - 40px);
	margin-left: auto !important;
	margin-right: auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box !important;
}
.features-bg,
.features-bg-dark {
	width: 980px !important;
}
.container_2.features {
	text-align: left !important;
	padding: 40px 0 !important;
}
h1.features-row-title {
	font-family: Ebrima, guatami, Arial, sans-serif !important;
	color: #ca9916 !important;
	padding: 0 0 0 80px !important;
	margin: 0 0 20px 0 !important;
	text-align: left !important;
}
h1.features-row-title.features-row-title-spaced {
	margin-top: 80px !important;
}
.container_2.features .container_3.w-addons {
	width: 820px !important;
	margin: 20px 0 40px 80px !important;
}
.container_2.features .feature-row {
	display: block !important;
	width: 723px !important;
	margin: 15px 0 0 80px !important;
	text-align: left !important;
	text-decoration: none !important;
	cursor: pointer;
}
.container_2.features a.feature-row:hover .info h1 {
	color: #caa55d !important;
}
.container_2.features .feature-row img {
	width: 90px !important;
	height: 90px !important;
	object-fit: cover;
	border-radius: 4px;
}
.container_2.features a.feature-row:hover img {
	box-shadow: 0 0 18px rgba(202,153,22,.45), 0 2px 3px rgba(0,0,0,1);
}
.container_2.features .feature-row .info {
	text-align: left !important;
	margin-left: 20px !important;
	float: left !important;
	width: 570px !important;
}
.container_2 .container_3.working-content-box {
	width: 843px !important;
	max-width: 843px !important;
	padding: 0 !important;
	margin: 30px auto 0 auto !important;
	background: transparent !important;
	box-shadow: 0 0 4px rgba(0,0,0,.6), 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.working-content {
	padding: 40px 50px 40px 50px !important;
	border-radius: 5px;
	overflow: hidden;
	background: url(images/misc/content-wotlk-image-top.jpg) no-repeat top right,
				url(images/misc/content-wotlk-image-bottom.jpg) no-repeat bottom right !important;
	text-align: left !important;
}
.working-content .top-patch-info h2 {
	font-size: 23px !important;
	font-weight: bold !important;
	color: #c1d6dc !important;
}
.working-content .content-row p img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: 0 8px 0 0;
	border-radius: 2px;
}
	display: block !important;
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 13px !important;
	font-weight: normal !important;
	color: #968d82 !important;
	width: 82% !important;
	line-height: 155% !important;
}
.container_2 .how-to-top-info,
.container_2 .howto-row,
.container_2 .howto-row .howto-row-title,
.container_2 .howto-row .howto-row-content {
	text-align: left !important;
}
.container_2 .how-to-top-info {
	text-align: center !important;
}
.container_2.media-box .media-container.half-w {
	width: 46% !important;
}
.container_2.media-box .media-c-header,
.container_2.media-box .video-info,
.container_2.media-box .media-video-container {
	text-align: left !important;
}
.changelogs-cats {
	margin: 0 0 20px 40px !important;
}
ul.screanshots-media-page {
	width: 100% !important;
}

.membership-holder {
	width: 100%;
	height: 78px;
	background: url(images/membership_bar.png) no-repeat top center !important;
	z-index: 999;
	top: -76px !important;
	overflow: hidden;
}
.membership-bar {
	width: 1010px !important;
	height: 60px !important;
	top: 13px !important;
	overflow: hidden;
}
.member-side-left,
.logged_in_bar,
.memeber-side-right {
	white-space: normal;
}
.member-side-left {
	width: 550px !important;
	height: 60px !important;
	float: left !important;
}
ul.not-logged-menu {
	width: 560px !important;
	height: 54px !important;
	float: left !important;
	margin: 0 0 0 10px !important;
	overflow: visible;
}
ul.not-logged-menu li.login-home a,
ul.not-logged-menu li.login-home a span,
ul.not-logged-menu li.login-home a p {
	width: 268px !important;
	height: 54px !important;
}
ul.not-logged-menu li.register-home a,
ul.not-logged-menu li.register-home a span,
ul.not-logged-menu li.register-home a p {
	width: 285px !important;
	height: 54px !important;
}
ul.not-logged-menu li.login-home a span { background-position: 0 -272px !important; }
ul.not-logged-menu li.register-home a span { background-position: -268px -272px !important; left: -15px !important; }
ul.not-logged-menu li.login-home a p { background-position: 1px -326px !important; }
ul.not-logged-menu li.register-home a p { background-position: -268px -326px !important; left: -15px !important; }

.membership-bar .search { float: none; }
.memeber-side-right { float: left !important; margin: 0 !important; width: 450px !important; }
.memeber-side-right .search {
	width: 265px !important;
	height: 57px !important;
	float: left !important;
}
.memeber-side-right .search input[type='text'] {
	width: 184px !important;
	height: 35px !important;
	box-shadow: none !important;
	margin: 10px 0 0 7px !important;
	background: none !important;
	color: #372a18 !important;
	padding: 0 0 0 12px !important;
	font-size: 12px !important;
}
.memeber-side-right .search input[type='submit'] {
	width: 22px !important;
	height: 17px !important;
	background-position: -578px 0 !important;
	top: 17px !important;
	right: 23px !important;
}
.memeber-side-right .search input[type='submit']:hover { background-position: -553px 0 !important; }
.memeber-side-right .bonus-m-links {
	width: 180px !important;
	height: 48px !important;
	text-align: left !important;
	padding: 9px 0 0 0 !important;
	margin: 0 !important;
	float: left !important;
}
.bonus-m-links a {
	font-family: Ebrima, calibrib, Arial, sans-serif;
	display: block;
	font-size: 12px;
	color: #63503c;
	line-height: 165%;
}

.logged_in_bar {
	width: 550px !important;
	height: 60px !important;
	float: left !important;
	overflow: hidden !important;
	position: relative !important;
}
.logged_in_bar_bg {
	width: 537px !important;
	height: 53px !important;
	float: none !important;
	margin: 1px 0 0 9px !important;
	overflow: visible !important;
	background-image: url(images/misc/misc_main.png);
	background-repeat: no-repeat;
	background-position: -142px -59px;
	background-color: transparent;
}
.logout-btn-cont {
	width: 24px;
	height: 19px;
	float: left !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	margin: 28px 0 0 8px !important;
	z-index: 5;
}
.logout-btn-cont #logout {
	display: block;
	width: 24px;
	height: 19px;
	left: 0 !important;
	top: 0 !important;
	background: url(images/misc/misc_main.png) no-repeat;
	background-position: -142px -120px;
}
.logout-btn-cont #logout:hover { background-position: -166px -120px; }
.logged_in_bar .avatar {
	width: 43px !important;
	height: 43px !important;
	margin: 5px 5px 0 5px !important;
	background: rgba(0,0,0,.55) !important;
	box-shadow: 0 0 3px rgba(209,196,110,.3) !important;
	border-radius: 3px !important;
}
.logged_in_bar .avatar span {
	width: 39px !important;
	height: 39px !important;
	background-position: -206px -120px !important;
	top: 2px !important;
	left: 2px !important;
}
.logged_in_bar .avatar a {
	width: 39px !important;
	height: 39px !important;
	background-size: 120% !important;
}
.logged_in_bar .info {
	width: 145px !important;
	height: 40px !important;
	float: left !important;
	padding: 8px 0 0 3px !important;
	overflow: hidden;
}
.logged_in_bar .info p {
	font-family: Ebrima, calibrib, Arial, sans-serif;
	color: #928069 !important;
	font-size: 12px !important;
	width: 145px !important;
	white-space: nowrap !important;
	text-overflow: ellipsis;
	text-shadow: 0 0 5px rgba(0,0,0,.25), 1px 1px 1px rgba(0,0,0,.45) !important;
}
.logged_in_bar .info .coints {
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #655643 !important;
	font-size: 11px !important;
}
.logged_in_bar .acc-menu {
	width: 282px !important;
	height: 42px !important;
	float: right !important;
	margin: 5px 0 0 0 !important;
	left: -4px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}
.logged_in_bar .acc-menu li a#acc-panel,
.logged_in_bar .acc-menu li a#acc-panel span,
.logged_in_bar .acc-menu li a#acc-panel p { width: 76px !important; }
.logged_in_bar .acc-menu li a#vote,
.logged_in_bar .acc-menu li a#vote span,
.logged_in_bar .acc-menu li a#vote p { width: 52px !important; }
.logged_in_bar .acc-menu li a#buy-coins,
.logged_in_bar .acc-menu li a#buy-coins span,
.logged_in_bar .acc-menu li a#buy-coins p { width: 78px !important; }
.logged_in_bar .acc-menu li a#store,
.logged_in_bar .acc-menu li a#store span,
.logged_in_bar .acc-menu li a#store p { width: 76px !important; }
.logged_in_bar .acc-menu li a#acc-panel span { background-position: 0 -485px !important; }
.logged_in_bar .acc-menu li a#vote span { background-position: -76px -485px !important; }
.logged_in_bar .acc-menu li a#buy-coins span { background-position: -128px -485px !important; }
.logged_in_bar .acc-menu li a#store span { background-position: -206px -485px !important; }
.logged_in_bar .acc-menu li a#acc-panel p { background-position: 0 -535px !important; }
.logged_in_bar .acc-menu li a#vote p { background-position: -76px -535px !important; }
.logged_in_bar .acc-menu li a#buy-coins p { background-position: -128px -535px !important; }
.logged_in_bar .acc-menu li a#store p { background-position: -206px -535px !important; }
li.not-voted-yet-effect { left: 75px !important; top: 2px; width: 52px !important; height: 38px !important; }

div.important_notice,
a.important_notice {
	display: block;
	width: 980px !important;
	height: 45px !important;
	margin: 0 0 12px 0 !important;
	background: url(images/misc/important_bar.png) no-repeat !important;
	color: #74634d !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4) !important;
	border-radius: 2px !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05) !important;
}
div.important_notice p,
a.important_notice p {
	display: block;
	padding: 14px 0 0 63px !important;
	color: #74634d !important;
}
div.important_notice a,
a.important_notice {
	color: #c4a56a !important;
	text-decoration: none !important;
}
div.important_notice:hover,
a.important_notice:hover {
	opacity: .9;
	box-shadow: 0 0 6px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.5), inset 0 0 15px rgba(255,204,102,.06), inset 0 0 3px rgba(255,255,255,.02) !important;
}
div.important_notice:hover p,
div.important_notice:hover a,
a.important_notice:hover p { color: #d7af54 !important; }

.welcome_to_warcry {
	background: url(images/misc/welcome_msg_bg.png) no-repeat !important;
	border-radius: 2px;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05);
	width: 671px;
	height: 168px;
	margin: 0 0 12px 0;
	overflow: hidden;
}
.welcome_to_warcry h1 {
	font-size: 25px;
	font-family: Ebrima, calibrib, Arial, sans-serif;
	text-transform: uppercase;
	color: #b58646;
	text-shadow: 1px 1px 1px rgba(0,0,0,.45);
	padding: 22px 0 0 0;
	margin: 0 0 10px 25px;
	background: none;
}
.welcome_to_warcry span {
	display: block;
	width: 376px;
	height: 30px;
	position: absolute;
	top: 28px;
	left: 13px;
	background: url(images/misc/welcome_msg_title_overlay.png) no-repeat;
	pointer-events: none;
}
.welcome_to_warcry p {
	display: block;
	width: 510px;
	font-family: Ebrima, calibri, Arial, sans-serif;
	font-size: 14px;
	color: #74634d;
	text-shadow: 1px 1px 1px rgba(0,0,0,.45), 0 0 5px rgba(0,0,0,.95);
	margin: 0 0 10px 25px;
}

.index_news { width: 685px; }
.news_container {
	background: url(images/index_news_container.png) no-repeat top !important;
	border-radius: 2px;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20);
	height: auto !important;
	min-height: 0 !important;
	padding-bottom: 0 !important;
	width: 671px;
}
.news_container h1.latest-news-title { display: none; }
.news_container .header {
	display: block;
	float: none;
	height: 57px;
	width: 671px;
	margin: 0;
	background: url(images/index_news_header.png) no-repeat top;
}
.news_container .header .header_left {
	float: left;
	color: #a87c41;
	font-family: Ebrima, calibrib, Arial, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 14px 0 0 18px;
}
.news_container .title_overlay { top: 18px; left: 14px; }
.news_container .header .header_right { float: right; padding: 15px 20px 0 0; }
.news_container .header ul { float: none; margin: 0; height: auto; }
.news_container .header ul li { display: inline-block; margin: 0 0 0 10px; }
.news_container .header ul li a {
	display: block;
	font-family: Ebrima, calibrib, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #473c30;
	padding: 5px 0 3px 3px;
}

.active_latest_news { width: 671px; min-height: 160px; padding: 0 0 10px 0; }
.active_latest_news .news_thumb_image {
	width: 205px;
	height: 126px;
	float: left;
	margin: 13px 10px 0 19px;
}
.active_latest_news .news_thumb_image img {
	width: 205px;
	height: 126px;
	border: 1px solid #84663e;
	border-radius: 2px;
}
.active_latest_news .news_content { float: left; margin: 18px 0 0 11px; }
.active_latest_news .news_content h1 { font-family: Ebrima, calibrib, Arial, sans-serif; color: #e8b066; font-size: 17px; }
.active_latest_news .news_content p { color: #817464; width: 403px; font-size: 14px; max-height: none; }

ul.older_news {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}
ul.older_news li {
	display: block !important;
	width: 100% !important;
	height: 61px !important;
	float: none !important;
	background: none !important;
	margin: 0 !important;
	overflow: hidden;
}
ul.older_news li .news_left_column { float: left; padding: 9px 0 0 5px; }
ul.older_news li .news_right_column { float: right; padding: 15px 23px 0 0; }
ul.older_news li h2 { margin: 4px 0 0 12px !important; line-height: 1.2 !important; }
ul.older_news li h2 a {
	font-family: Ebrima, calibrib, Arial, sans-serif !important;
	font-size: 17px !important;
	color: #988469 !important;
	line-height: 1.2 !important;
}
ul.older_news li h4 { font-size: 11px !important; color: #4c4235 !important; margin: 5px 0 0 12px !important; }
ul.older_news div.line_sep,
ul.older_news li .hover_effect,
ul.older_news a.rm { display: none !important; }
ul.older_news a.readn_ln { display: inline-block !important; }

.home_container {
	background: url(images/index_news_container.png) no-repeat top;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20);
	border-radius: 4px;
}

.social-media {
	width: 671px !important;
	height: 48px !important;
	margin: 0 0 12px 0 !important;
	overflow: hidden !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	background: url(images/index_news_container.png) no-repeat top !important;
	border-radius: 4px !important;
}
.social-media div.gradient { display: none !important; }
.social-media .media-wrapp {
	float: left;
	height: 37px !important;
	padding: 8px 11px 0 11px !important;
	background: url(images/misc/social_separator.png) no-repeat right bottom;
	box-shadow: none !important;
	top: 1px;
}
.social-media .media-wrapp-no-sep { background: none !important; }
.social-media .media-button-holder {
	display: inline-block;
	height: 26px !important;
	width: auto;
	margin: 2px 0 0 1px !important;
}
.social-media .media-new-design { height: 26px !important; width: auto; }
.social-media .new-design-left-part {
	display: inline-block;
	height: 26px !important;
	line-height: 100%;
	vertical-align: top;
	background: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.social-media .new-design-left-part p.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 1px;
}
.social-media .new-design-left-part span {
	font-family: Ebrima, Arial, sans-serif !important;
	display: inline-block;
	padding: 3px 0 0 0 !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #514435 !important;
	text-shadow: none !important;
	margin: 4px 18px 0 9px !important;
}

.home_media {
	width: 363px !important;
	min-height: 368px;
	overflow: hidden;
	float: left !important;
	background: url(images/index_news_container.png) no-repeat top !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	border-radius: 4px !important;
}
.home_media .sub_header {
	position: relative;
	height: 40px;
	margin: 2px 0;
}
.home_media .new_trailer .sreenshots { margin: 5px 0 1px 0; }
.home_media .new_trailer .sub_header h1 {
	font-family: Ebrima, Arial, sans-serif !important;
	float: left;
	font-size: 14px !important;
	color: #a87c41 !important;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 6px rgba(0,0,0,.25), 1px 1px 1px rgba(0,0,0,.25) !important;
	margin: 10px 0 0 15px !important;
}
.home_media .new_trailer .sub_header a {
	float: right;
	font-family: Ebrima, Arial, sans-serif !important;
	color: #493f34 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25) !important;
	text-transform: uppercase;
	font-size: 10px !important;
	font-weight: bold;
	background: url(images/misc/small_link_arrow_2.png) no-repeat right;
	padding: 0 12px 0 0;
	margin: 13px 14px 0 0 !important;
}
.home_media .new_trailer .sub_header .title_overlay {
	top: 10px;
	left: 10px;
}
.new_video_thumb,
.new_video_thumb a,
.new_video_thumb a div.image-thumb-preview {
	width: 333px !important;
	height: 198px;
}
.new_video_thumb { margin: 0 0 0 15px; }
.new_video_thumb a { display: block; position: relative; padding: 0; margin: 0; }
.new_video_thumb a div.image-thumb-preview {
	background-color: #120e0b;
	background-size: 120%;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #84663e !important;
	box-shadow: 0 0 10px rgba(79,37,12,.65), inset 0 0 5px rgba(147,107,56,.5) !important;
	border-radius: 4px !important;
}
.new_video_thumb a:hover div.image-thumb-preview {
	box-shadow: 0 0 10px rgba(79,37,12,.95), inset 0 0 10px rgba(147,107,56,.85) !important;
}
.home_media .screanshots {
	padding: 0 !important;
	width: 363px !important;
	left: auto !important;
}
.home_media .screanshots li {
	width: 99px !important;
	height: 63px !important;
	float: left;
	display: block;
	margin: 0 0 14px 16px !important;
}
.home_media .screanshots .container_frame {
	width: 99px !important;
	height: 63px !important;
	display: block;
	padding: 0;
	border: 1px solid #84663e;
	box-shadow: 0 0 10px rgba(79,37,12,.65);
	border-radius: 4px;
}
.home_media .screanshots .container_frame:hover {
	box-shadow: 0 0 10px rgba(79,37,12,.95);
}
.home_media .screanshots .cframe_inner {
	width: 99px !important;
	height: 63px !important;
	display: block;
	box-shadow: inset 0 0 5px rgba(147,107,56,.5);
}

.top_voters {
	width: 296px !important;
	min-height: 368px;
	float: left !important;
	margin: 0 0 0 12px !important;
	overflow: hidden;
	background: url(images/index_news_container.png) no-repeat top !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	border-radius: 4px !important;
}
.top_voters .sub_header {
	position: relative;
	width: 100% !important;
	height: 55px !important;
	background: url(images/index_top_voters_bg.png) no-repeat top !important;
	margin: 0 !important;
}
.top_voters .sub_header h1 {
	width: auto;
	font-family: Ebrima, Arial, sans-serif !important;
	font-weight: bold;
	float: left;
	font-size: 15px !important;
	color: #a87c41 !important;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25), 0 0 6px rgba(0,0,0,.25) !important;
	margin: 15px 0 0 16px !important;
}
.top_voters .sub_header h2 {
	float: right;
	font-family: Ebrima, Arial, sans-serif !important;
	color: #493f34 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25) !important;
	text-transform: uppercase;
	font-size: 10px !important;
	margin: 19px 16px 0 0 !important;
}
.top_voters .sub_header .title_overlay {
	margin: 15px 0 0 0;
	top: 15px;
	left: 16px;
	width: 150px;
}
ul.top_voters_list li {
	height: 42px !important;
	font-family: Ebrima, Arial, sans-serif !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.45) !important;
}
ul.top_voters_list li p { color: #463c31 !important; font-size: 12px !important; }
ul.top_voters_list li a { color: #55493f !important; font-size: 14px !important; font-family: Ebrima, Arial, sans-serif !important; }
ul.top_voters_list li a:hover { color: #817262 !important; }
ul.top_voters_list li span { color: #55493f !important; font-size: 13px !important; font-weight: bold; }
ul.top_voters_list li span i { color: #55493f !important; font-size: 12px !important; }
.gift_box {
	width: 268px !important;
	height: 79px !important;
	background: rgba(255,255,255,.03) !important;
	border-radius: 3px;
	box-shadow: inset 0 0 2px rgba(68,51,31,.15), inset 0 0 20px rgba(88,71,63,.35), 0 0 8px rgba(0,0,0,.4), 2px 2px 1px rgba(0,0,0,.25) !important;
	margin: 5px 0 10px 3px !important;
}
.gift_box .gift_image {
	width: 82px !important;
	height: 87px !important;
	margin: -3px 0 0 -5px !important;
}
.gift_box h2 {
	width: 180px !important;
	color: #817262 !important;
	font-size: 11px !important;
	font-family: Ebrima, Arial, sans-serif !important;
	margin: 9px -10px 0 4px !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.45) !important;
}

.banners { width: 297px; height: 128px; margin: 0 0 12px 0; border-radius: 2px; }
.banners #support p, .banners #launcher_dw p, .banners #support, .banners #launcher_dw {
	background-image: url(images/misc/sidebar_banners.png);
}
.banners #support { height: 71px; background-position: 0 0; }
.banners #launcher_dw { height: 57px; background-position: 0 -71px; }
.banners #support p { height: 71px; background-position: 0 -128px; }
.banners #launcher_dw p { height: 57px; background-position: 0 -199px; }

/* Heroes 2016 realm bars (WotLK / Cata / MoP) */
.realm_st {
	width: 297px !important;
	height: 69px !important;
	overflow: hidden !important;
	margin-top: -2px !important;
	background: none;
	box-shadow: none !important;
}
.realm_st:first-child { margin-top: 0 !important; }
.realm_st_wotlk { background: url(images/realm_bg_wotlk.png) no-repeat !important; }
.realm_st_pandaria { background: url(images/realm_bg_pandaria.png) no-repeat !important; }
.realm_st_cataclysm { background: url(images/realm_bg_cata.png) no-repeat !important; }
.realm_st a {
	display: block;
	border-radius: 5px 5px 0 0;
	width: 297px !important;
	height: 66px !important;
}
.realm_st a:hover {
	background: rgba(255,255,255,.03) !important;
	box-shadow: none !important;
}
.realmst_head {
	height: 49px !important;
	padding: 13px 0 0 5px !important;
}
.realmst_head .realm_name {
	font-family: Ebrima, Arial, sans-serif !important;
	font-size: 14px !important;
	color: #968166 !important;
	font-weight: bold;
	padding: 0 0 0 35px !important;
	text-shadow: 0 0 5px rgba(0,0,0,.15), 1px 1px 1px rgba(0,0,0,.25) !important;
}
.realm_st p {
	font-family: Ebrima, Arial, sans-serif !important;
	font-size: 11px !important;
	font-style: italic;
	color: #50473d !important;
	text-shadow: 0 0 3px rgba(0,0,0,.25), 1px 1px 0 rgba(0,0,0,.30) !important;
}
.realm_st p.realm-desc { padding: 3px 0 0 14px !important; }

.realmlist {
	width: 297px !important;
	height: 42px !important;
	margin: 0 0 12px 0 !important;
	font-size: 14px !important;
	text-align: center;
	font-family: Ebrima, Arial, sans-serif !important;
	color: #52493f !important;
	text-shadow: 1px 0 1px rgba(0,0,0,.45) !important;
	background: url(images/index_news_container.png) no-repeat top !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	border-radius: 4px !important;
	overflow: hidden;
}
.realmlist p,
.realmlist .light_normal {
	padding: 12px 0 13px 0 !important;
	background: none !important;
	color: #52493f !important;
	text-shadow: 1px 0 1px rgba(0,0,0,.45) !important;
}

.index-status-container {
	width: 297px !important;
	height: auto !important;
	overflow: hidden !important;
	background: url(images/index_news_container.png) no-repeat top !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	border-radius: 4px !important;
}

.ts-status {
	width: 288px !important;
	height: auto !important;
	min-height: 38px;
	background: url(images/misc/status-grad.png) repeat-x top rgba(255,255,255,.008) !important;
	padding: 9px 0 8px 11px !important;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.07) !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.8);
}
.ts-status a {
	font-size: 11px !important;
	color: #35322d !important;
	display: inline-block;
	padding: 1px 0 2px 9px !important;
	margin: 0 8px 0 0 !important;
	font-weight: bold;
	background: url(images/misc/link-arrow.png) no-repeat left;
	transition: none;
}
.ts-status a:hover {
	color: #b68c24 !important;
	background: url(images/misc/link-arrow-hover.png) no-repeat left;
}

.logon-status {
	width: 297px !important;
	height: 46px !important;
	background: rgba(0,0,0,.008) !important;
}
.logon-status #logon-status { float: left; margin: 10px 0 0 11px !important; }
#logon-status h3 {
	font-family: Ebrima, Arial, sans-serif !important;
	text-transform: uppercase;
	font-size: 11px !important;
	color: #8d7960 !important;
	text-shadow: 0 0 3px rgba(0,0,0,.55), 1px 1px 0 rgba(0,0,0,.45) !important;
	font-weight: 300 !important;
}
#logon-status h3 p.status {
	font-family: Ebrima, Arial, sans-serif !important;
	display: inline-block;
	font-weight: bold;
	font-style: normal !important;
	font-size: 11px !important;
}
#logon-status h3 p.status.online { color: #313f09 !important; }
#logon-status h3 p.status.offline { color: #620c08 !important; }
.logon-status #server-time {
	float: right;
	width: 70px;
	height: 30px;
	text-align: right;
	margin: 4px 10px 0 0 !important;
}
#server-time p {
	font-family: Ebrima, Arial, sans-serif !important;
	font-weight: bold;
	font-size: 13px !important;
	color: #695842 !important;
}
#server-time span {
	font-family: Ebrima, Arial, sans-serif !important;
	font-size: 9px !important;
	color: #524636 !important;
	text-shadow: 0 0 3px rgba(0,0,0,.55), 1px 1px 0 rgba(0,0,0,.45) !important;
}

.title_overlay {
	display: block;
	height: 20px;
	width: 205px;
	background: url(images/misc/title_overlay.png) no-repeat;
	position: absolute;
	pointer-events: none;
}

/* Heroes 2016 Spotlight */
.spotlight {
	width: 297px !important;
	height: auto !important;
	margin: 12px 0 0 0 !important;
	background: url(images/index_news_container.png) no-repeat top !important;
	box-shadow: 0 0 6px rgba(0,0,0,.25), 2px 2px 1px rgba(0,0,0,.05), inset 0 0 2px rgba(68,51,31,.35), inset 0 0 15px rgba(88,71,63,.20) !important;
	border-radius: 4px !important;
}
.spotlight .sub_header {
	position: relative;
	width: 297px !important;
	height: 55px !important;
	text-align: left;
	background: url(images/index_top_voters_bg.png) no-repeat top !important;
}
.spotlight .sub_header h1 {
	display: block;
	float: left;
	width: auto;
	font-family: Ebrima, Arial, sans-serif !important;
	font-weight: bold;
	font-size: 15px !important;
	color: #a87c41 !important;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25), 0 0 6px rgba(0,0,0,.25) !important;
	margin: 15px 0 0 16px !important;
}
.spotlight .sub_header .title_overlay {
	top: 15px;
	left: 16px;
	width: 100px;
}
.spotlight .spotlight_image img {
	display: block;
	width: 270px !important;
	height: 105px !important;
	margin: 7px 0 0 13px !important;
	border: 1px solid #84663e;
	box-shadow: 0 0 10px rgba(79,37,12,.65);
	border-radius: 2px;
}
.spotlight .spotlight_image_overlay {
	position: absolute;
	top: 4px;
	left: 14px;
	width: 270px;
	height: 105px;
	display: block;
	pointer-events: none;
	box-shadow: inset 0 0 5px rgba(147,107,56,.5);
	border-radius: 2px;
}
.spotlight .blueberry .slides li {
	text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
	font-family: Ebrima, Arial, sans-serif;
	font-weight: 300;
}
.spotlight .blueberry .slides li h1 {
	font-size: 15px !important;
	color: #a58749 !important;
	margin: 13px 0 0 13px !important;
	font-weight: 300;
	text-transform: none !important;
}
.spotlight .blueberry .slides li h1 a { color: #e8b066 !important; }
.spotlight .blueberry .slides li h1 a:hover { color: #eac26f !important; }
.spotlight .blueberry .slides li h4 {
	font-size: 11px !important;
	font-weight: 300;
	color: #5e5445 !important;
	margin: 2px 0 0 13px !important;
}
.spotlight .blueberry .slides li h4 span { color: #4c4235; }
.spotlight .blueberry .slides li p {
	font-size: 13px !important;
	color: #817464 !important;
	padding: 10px 14px 14px 13px !important;
}
.spotlight .blueberry .pager {
	height: 42px !important;
	text-align: right;
	background: rgba(0,0,0,.2) !important;
	box-shadow: 0 -1px 0 rgba(255,255,255,.02), inset 0 1px 1px rgba(0,0,0,.05) !important;
	padding: 0 12px !important;
	border-radius: 0 0 4px 4px !important;
}
.spotlight .blueberry .pager li a,
.spotlight .blueberry .pager li a span {
	height: 16px !important;
	width: 16px !important;
}
.spotlight .blueberry .pager li a { padding: 13px 3px !important; }
.spotlight .blueberry .pager li a span {
	background: #090402 !important;
	border-radius: 4px !important;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.85), 1px 1px 1px rgba(114,102,88,.06) !important;
}
.spotlight .blueberry .pager li.active a span {
	background: #332921 !important;
	box-shadow: inset 0 1px 1px rgba(172,151,126,.10), inset 0 0 7px rgba(255,255,190,.02), 0 0 6px rgba(0,0,0,.35), 1px 1px 1px rgba(0,0,0,.35) !important;
}
.spotlight .blueberry .pager li a:hover span {
	background: #403831 !important;
	box-shadow: inset 0 1px 1px rgba(172,151,126,.10), inset 0 0 7px rgba(255,255,190,.02), 0 0 6px rgba(0,0,0,.35), 1px 1px 1px rgba(0,0,0,.35) !important;
}