.welcome_to_warcry {
  width: px;
  height: px;
  background: url(../images/welcome_msg_bg.png) no-repeat;
  box-shadow: 0 0 6px #000, inset 0 1px 0 rgba(255,255,255,.015);
  border-radius: 5px;
  width: 685px;
  height: 137px;
  margin: 0
0 12px 0;
  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 6px rgba(0,0,0,.8);
}

.welcome_to_warcry
h1 {
  font-size: 24px;
  font-family: calibrib;
  text-transform: uppercase;
  color: #c59e4b;
  padding: 22px
0 0 0;
  margin: 0
0 10px 25px;
}

.welcome_to_warcry
p {
  display: block;
  width: 510px;
  font-family: calibrib;
  font-size: 14px;
  color: #b9ae8f;
  margin: 0
0 10px 25px;
}

.index_news {
  width: 685px;
  margin: 0 0 11px 0;
}
	
.news_detail {
	background:url(../images/index_news_container.png) repeat-y top;
	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;
	width: 671px;
	}
	
	.news_detail .header {
		display:block; 
		height:57px; width:671px;
		margin:0;

		}
		.news_detail .header .header_left {
			float: left;
			color: #a87c41;
			font-family: 'Ebrima';
			font-size: 17px;
			font-weight: bold;
			padding: 9px 0 0 8px;
		}
		.news_detail .header .header_left h1 {
			display: block;
			float: left;
			width: auto;
			font-family: calibrib;
			font-size: 15px;
			color: #9a7427;
			text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
		}
		.news_detail .header .header_right p {
			display: block;
			float: left;
			width: auto;
			font-family: calibrib;
			font-size: 12px;
			color: #9a7427;
			text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
		}
		.news_detail .title_overlay {
		top: 18px;
		left:14px;
		}
		.news_detail .header .header_right {
		float: right;
		padding: 15px 20px 0 0;
		}
		.news_detail .header ul li {display:inline-block; margin:0 0 0 10px;}
		.news_detail .header ul li a {
			display:block;
			font-family: 'Ebrima';
			font-weight: bold;
			font-size:10px;
			
			color:#473c30;
			padding:5px 0 3px 3px;
			text-shadow:0 0 5px rgba(0,0,0,.2), 1px 1px 1px rgba(0,0,0,.25);
			}
			
	.news_detail h4 {
		font-family: 'Ebrima';
		font-size: 12px;
		color: #4C4235;
		margin: 5px 0 0 12px;
		font-weight: 300;
		z-index: 2;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .45);
		text-align:right;
		padding:10px;
	}	
	.news_detail .news_desc p {
		font-family: 'Ebrima';
		display: block;
		color: #817464;
		
		font-size: 14px;
		padding:10px;
	}
	.arrows {
		float:left;
		padding:18px;
		width:630px;
	}
	.arrows .left_arrow{
		float:left;
		text-align:left;
	}
	.arrows .right_arrow{
		float:right;
		text-align:right;
	}

/* */
.index_news {
	width:685px;
	margin: 0 0 11px 0;
	}
	
.news_container {
  background: url(../images/index_news_container.png) no-repeat top, url(../images/texture_light_1.gif) repeat;
  box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015);
  border-radius: 5px;
	height: auto;
	width: 685px;
	}
	
	.news_container .header {
		display:block; 
		height:57px; width:681px;
		margin:0;

		}
		.news_container .header .header_left {
float: left;
color: #A87C41;
font-family: 'Ebrima';
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 .header_left h1 {
		  display: block;
		  float: left;
		  width: auto;
		  font-family: calibrib;
		  font-size: 15px;
		  color: #9a7427;
		  text-transform: uppercase;
		  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
		  margin: -3px 0 0 -5px;
		}
		.news_container .header ul li {display:inline-block; margin:0 0 0 10px;}
		.news_container .header ul li a {
			  display: block;
			  font-family: calibrib;
			  font-size: 11px;
			  text-transform: uppercase;
			  color: #444239;
			  padding: 0px 0 3px 3px;
			  text-shadow: 0 1px 1px rgba(0,0,0,1), 0 0 3px rgba(0,0,0,.6);
			}
			.news_container .header ul li a:hover { color:#ccc4ad;}


	.active_latest_news { background: url(../images/news_active_background.png) no-repeat bottom; width:671px; height: 160px; padding: 0 0 3px 0; }
	
		.active_latest_news .news_thumb_image {
			width:205px; height:126px;
			float:left;
			margin:13px 10px 0px 19px;
			padding: 0;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			}
			.active_latest_news .news_thumb_image img {
			width: 205px; height: 126px;
			border: 1px solid #84663e;
			box-shadow: 0 0 10px rgba(79,37,12,.65);
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			}
			.active_latest_news .news-img-overlay {
			position: absolute;
			top: 4px;
			left: 1px;
			width: 100%;
			height: 100%;
			display: block;
			pointer-events: none;
			box-shadow: inset 0 0 5px rgba(147,107,56,.5);
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			}
		
		.active_latest_news .news_content {float:left; margin:18px 0 0 11px; text-shadow:1px 1px 2px rgba(0,0,0,.45);}
		
			.active_latest_news .news_content h1 {font-family: 'Ebrima'; font-weight:300; color:#e8b066; font-size:17px; margin:-2px 0 0 0;}
			.active_latest_news .news_content h4 {font-family: 'Ebrima'; color:#4c4235; font-size:11px; margin:0 0 6px 0;}
			
			.active_latest_news .news_content h4 a {color:#70655b;}
			.active_latest_news .news_content h4 a:hover { color:#9d9084;}
			
			.active_latest_news .news_content p {
				font-family:'Ebrima';
				display:block;
				color:#817464;
				width:403px; max-height:75px;
				font-size:14px;
				margin:15px 0 10px 0;
				}
			a.readn_ln {
				font-family:'Ebrima';
				display:inline-block;
				background:rgba(255,255,255,.03) url(../images/link_arrow_1.png) no-repeat right;
				padding:4px 18px 4px 7px;
				border-radius:3px;
				font-size:10px;
				color:#6f6558;
				text-shadow: 1px 1px 1px rgba(0,0,0,.55);
				margin:4px 0 0 0;
				transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms;
				}
				a.readn_ln:hover {	
				background:rgba(255,255,255,.03) url(../images/link_arrow_1.png) no-repeat left;
				box-shadow:inset 0 1px 3px rgba(0,0,0,.2), inset 0 0 3px rgba(255,255,255,.05);
				padding:4px 7px 4px 18px;
				}
	
	ul.older_news {
		display:block;
		width:100%;
		}
		
		ul.older_news li {
			display:block;
			width:100%; height:61px;
			background: url(../images/news_active_background.png) no-repeat bottom;
			text-shadow:0 1px 1px rgba(0,0,0,.6), 0 0 4px rgba(0,0,0,.5);
			}
			ul.older_news li:last-child {
			background: none;
			}
			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 {
				line-height:80%;
				margin:4px 0 0 12px;
				z-index:2;
				}
				ul.older_news li h2 a {
				font-family:'Ebrima';
				font-weight: 300;
				font-size:17px;
				color:#988469;
				padding:0; margin:0;
				line-height:1px !important;
				text-shadow: 1px 1px 2px rgba(0,0,0,.45);
				}
				ul.older_news li h2 a:hover { color:#dfb768;}
			ul.older_news li h4 {
				font-family:'Ebrima';
				font-size:11px;
				color:#4c4235;
				margin:5px 0 0 12px;
				font-weight: 300;
				z-index:2;
				text-shadow: 1px 1px 2px rgba(0,0,0,.45);
				}
				ul.older_news li h4 a { color:#695e4e;}
				ul.older_news li h4 a:hover { color:#afa891;}


.home_media {
  background: url(../images/home_media_container_bg.png) no-repeat top, url(../images/texture_light_1.gif) repeat;
  box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius: 5px;
  width: 334px;
  min-height: 350px;
  overflow: hidden;
  float: left;

}

.new_trailer {
  width: 100%;
}

.sub_header {
  height: 40px;
}

.new_trailer .sub_header
h1 {
  font-family: calibrib;
  float: left;
  font-size: 15px;
  color: #9a7427;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
  margin: 10px
0 0 12px;
}

.new_trailer .sub_header
a {
  float: right;
  font-family: calibrib;
  color: #444239;
  text-shadow: 0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.6);
  text-transform: uppercase;
  font-size: 11px;
  background: url(../images/small_link_arrow_2.png) no-repeat right;
  padding: 0
12px 0 0;
  margin: 13px
10px 0 0;
  transition: all 200ms;
  -moz-transition: all 200ms;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
}

.new_trailer .sub_header a:hover {
  padding: 0
0 0 8px;
  margin: 13px
13px 0 0;
  background: url(../images/small_link_arrow_2.png) no-repeat left;
}

.new_video_thumb {
  width: 368px;
  height: 197px;
  margin: 0
0 0 10px;
}

.new_video_thumb
a {
  display: block;
  width: 368px;
  height: 198px;
  padding: 0;
  margin: 0
0 0 0;
  border-radius: 3px;
}

.new_video_thumb a div.image-thumb-preview {
  width: 368px;
  height: 198px;
  background-size: 100%;
  top: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #382d19, inset 0 0 0 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,.8);
  z-index: 1;
  transition: all 600ms;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
}

.play-button-small {
  background-image: url(../images/media-controls.png);
  background-repeat: no-repeat;
}

.new_video_thumb a .play-button-small {
  position: absolute;
  z-index: 999;
  width: 65px;
  height: 65px;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  background-position: -230px -81px;
  opacity: .5;
  background-color: rgba(0,0,0,.7);
  border-radius: 50px;
  box-shadow: inset 0 0 0 4px rgba(0,0,0,1);
  transition: all 1200ms;
  -webkit-transition: all 1200ms;
  -moz-transition: all 1200ms;
  -o-transition: all 1200ms;
}

.new_video_thumb a:hover .play-button-small {
  opacity: 1;
  background-color: rgba(0,0,0,.3);
  box-shadow: 0 0 0 3px rgba(218,167,44,.7), inset 0 0 10px 2px rgba(0,0,0,1);
}

.new_video_thumb a:hover div.image-thumb-preview {
  box-shadow: inset 0 0 0 1px #b07e39, inset 0 0 0 2px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,.8);
}

.screanshots {
  padding: 0
0 0 0px;
  width: 385px;
  left: -1px;
}

.screanshots
li {
  width: 113px;
  height: 68px;
  float: left;
  display: block;
  margin: 0
0 14px 12px;
}

.screanshots
.container_frame {
  width: 113px;
  height: 68px;
  display: block;
  border-radius: 3px;
}

.screanshots .container_frame:hover {
  box-shadow: inset 0 0 0 1px #b07e39, 0 0 6px #000;
}

.screanshots
.cframe_inner {
  width: 113px;
  height: 68px;
}

.top_voters {
  width: 284px;
  height: auto;
  min-height: 350px;
  background: url(../images/index_top_voters_bg.png) no-repeat top, url(../images/texture_light_1.gif) repeat;
  box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius: 5px;
  float: left;
  margin: 0
0 0 13px;
  overflow: hidden;
}

.top_voters
.sub_header {
  width: 100%;
  height: 40px;
}

.top_voters .sub_header
h1 {
  width: auto;
  font-family: calibrib;
  float: left;
  font-size: 15px;
  color: #9a7427;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
  margin: 11px
0 0 12px;
}

.top_voters .sub_header
h2 {
  float: right;
  font-family: calibrib;
  color: #444239;
  text-shadow: 0 1px 1px rgba(0,0,0,.6), 0 0 5px rgba(0,0,0,.6);
  text-transform: uppercase;
  font-size: 11px;
  margin: 14px
13px 0 0;
}

.cont_container {
  width: 274px;
  margin: 0
auto;
}

ul.top_voters_list {
  display: block;
  margin: 5px
0 0 0;
}

ul.top_voters_list
li {
  display: block;
  width: 274px;
  height: 44px;
  background: url(../images/top_voters_line.png) no-repeat bottom;
  text-align: left;
  font-family: calibri;
  text-shadow: 0 1px 1px rgba(0,0,0,.7), 0 0 5px rgba(0,0,0,.6);
}

ul.top_voters_list li:last-child {
  background: none;
}

ul.top_voters_list li
p {
  display: inline-block;
  color: #3f3d36;
  font-size: 14px;
  margin: 10px
10px 0 10px;
}

ul.top_voters_list li
a {
  display: inline-block;
  font-family: calibrib;
  color: #5e594f;
  font-size: 15px;
  margin: 10px
0 0 0;
}

ul.top_voters_list li a:hover {
  color: #c2aa7a;
}

ul.top_voters_list li
span {
  display: inline-block;
  font-family: calibrib;
  color: #877f6d;
  font-size: 15px;
  float: right;
  margin: 10px
10px 0 0;
}

ul.top_voters_list li span
i {
  font-style: normal;
  font-weight: normal;
  font-family: calibri;
  font-size: 13px;
  color: #5c584e;
}

.gift_box {
  width: 262px;
  height: 63px;
  background: rgba(255,247,219,.02);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 7px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04), 0 0 30px rgba(0,0,0,.6);
  margin: 21px
0 10px 6px;
}

.gift_box
.gift_image {
  width: 78px;
  height: 82px;
  background: url(../images/gift_box.png) no-repeat;
  float: left;
  margin: -13px 0 0 -11px;
}

.gift_box
h2 {
  float: left;
  display: block;
  width: 195px;
  color: #625c4f;
  font-size: 11px;
  font-family: Tahoma,Geneva,sans-serif;
  font-weight: normal;
  margin: 8px
-10px 0 4px;
  left: -7px;
  line-height: 140%;
  text-shadow: 0 1px 1px rgba(0,0,0,.5), 0 0 4px rgba(0,0,0,.8);
}

.index-status-container {
  width: auto;
  height: auto;
  background: url(../images/realm_status_box_bg.png) no-repeat bottom, url(../images/texture_one.gif) repeat;
  box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.spotlight {
  width: 299px;
  height: auto;
  background: url(../images/spotlight_sidebar_bg.png) no-repeat top, url(../images/texture_light_1.gif) repeat;
  box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius: 5px;
  margin: 12px
0 0 0;
}

.spotlight
.sub_header {
  width: 100%;
  height: 40px;
  text-align: left;
}

.spotlight .sub_header
h1 {
  display: block;
  float: left;
  width: auto;
  font-family: calibrib;
  font-size: 15px;
  color: #9a7427;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
  margin: 11px
0 0 12px;
}

.blueberry {
  margin: 0
auto;
}

.blueberry
.slides {
  display: block;
  position: relative;
  overflow: hidden;
}

.blueberry .slides
li {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-shadow: 0 1px 1px rgba(0,0,0,.5), 0 0 4px rgba(0,0,0,.5);
}

.blueberry .slides li
img {
  display: block;
  width: 286px;
  height: 105px;
  margin: 8px
0 0 4px;
}

.blueberry .slides li
h1 {
  font-family: calibrib;
  font-size: 16px;
  text-transform: uppercase;
  color: #a58749;
  margin: 13px
0 0 17px;
}

.blueberry .slides li h1
a {
  color: #a58749;
}

.blueberry .slides li h1 a:hover {
  color: #eac26f;
}

.blueberry .slides li
h4 {
  font-family: calibrib;
  font-size: 11px;
  color: #676154;
  margin: 2px
0 0 17px;
}

.blueberry .slides li
p {
  font-family: calibri;
  font-size: 14px;
  color: #504b40;
  padding: 10px
14px 14px 17px;
}

.blueberry .slides
li.active {
  display: block;
  position: relative;
}

.blueberry .crop li
img {
  width: auto;
}

.blueberry
.pager {
  height: 35px;
  text-align: right;
  background: rgba(0,0,0,.3);
  border-radius: 5px;
  box-shadow: 0 -1px 0 rgba(255,255,255,.02), inset 0 1px 1px rgba(0,0,0,.5), inset 0 -1px 1px rgba(255,255,255,.03);
  padding: 0
10px;
}

.blueberry .pager
li {
  display: inline-block;
}

.blueberry .pager li a,
.blueberry .pager li a
span {
  display: block;
  height: 7px;
  width: 7px;
}

.blueberry .pager li
a {
  padding: 14px
8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.blueberry .pager li a
span {
  overflow: hidden;
  background: #2f2d29;
  text-indent: -9999px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 1px 1px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.5);
  transition: all 200ms;
  -moz-transition: all 200ms;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
}

.blueberry .pager li.active a
span {
  background: #756754;
}

.blueberry .pager li a:hover
span {
  background: #d0af51;
}

div.important_notice {
  display: block;
  width: 996px;
  height: 49px;
  margin: 0px
0 12px 0;
  background: url(../images/important_bar.jpg) no-repeat;
  color: #988b6e;
  font-family: calibrib;
  font-size: 15px;
  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.3);
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.5);
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}

div.important_notice
p {
  display: block;
  padding: 16px
0 0 53px;
  transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
}

div.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);
}

div.important_notice:hover
p {
  color: #d7af54;
}
	.banners {
		width:297px; height:205px; margin:0 0 12px 0;
		border-radius:2px;
		overflow: hidden;
		box-shadow: 0 0 8px rgba(0,0,0,.4), 2px 2px 1px rgba(0,0,0,.25);
		}
		
		 .banners #support, .banners #launcher_dw {
			background-image: url(../images/sidebar_banners.png);
			background-repeat: no-repeat;
			display:block;
			opacity:0.9;
			}
			.banners #support h1, .banners #launcher_dw h1 {
				font-size: 20px;
				font-family: calibrib;
				text-transform: uppercase;
				color: #c59e4b;
				padding:12px 0 0 55px;
				  text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);
			}
			.banners #support p, .banners #launcher_dw p {
				font-size: 12px;
				font-family: calibrib;
				color: #A3946B;
				padding:0 0 0 55px;
			}
			.banners #support:hover , .banners #launcher_dw:hover {
				opacity:1;
			}
			.banners #support {width:100%; height:71px;background-position: 0 0;}
			.banners #launcher_dw {width:100%; height:70px;background-position: 0 -71px;}
			
			.banners #support p {width:100%; height:71px;background-position: 0 -128px;}
			.banners #launcher_dw p {width:100%; height:57px;background-position: 0 -199px;}
			.onlineler {
				font-size: 14px;
				font-family: calibrib;
				color: #988469;
				text-shadow: 0 1px 1px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.5);				
				padding:5px;
			}
			.onlinelervs {
				font-size: 20px;
				margin-left:5px;
				margin-right:5px;
			}
			.onlinelerkarus {
					color:#BF6161;
			}	
			.onlinelerhuman {
					color:#7799BF;
			}

.banners a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

.banners {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

.spotlight.home_container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}