/* CSS Document */

/* Stream page content centralization + enlargement */
body.stream-page #center_block .news_text,
body.stream-page #center_block .news_text p,
body.stream-page #center_block .news_text a,
body.stream-page #center_block .news_text ul,
body.stream-page #center_block .news_text li {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.9;
}

/* Links */
body.stream-page #center_block .news_text a {
    font-size: 1.2rem;
    font-weight: 600;
}

/* Lists */
body.stream-page #center_block .news_text ul {
    list-style-position: inside;
    padding: 0;
    margin: 20px auto;
}

body.stream-page #center_block .news_text li {
    text-align: center;
    margin: 8px 0;
}

/* Layout control */
body.stream-page #center_block .news_text {
    display: flex;
    flex-direction: column;
    align-items: center;

    /* ⬇️ This is the important part */
    width: 85%;           /* spreads content horizontally */
    max-width: 950px;     /* prevents ultra-wide stretching */
    margin: 0 auto;       /* true centering */
}

/* Titles untouched */
body.stream-page #center_block .news_title {
    text-align: left;
}






body.downloads-page #center_block .news_text,
body.downloads-page #center_block .news_text p,
body.downloads-page #center_block .news_text a,
body.downloads-page #center_block .news_text ul,
body.downloads-page #center_block .news_text li {
    text-align: center;
    font-size: 1.15rem;
    line-height: 1.7;
}

body.downloads-page #center_block .news_text a {
    font-size: 1.2rem;
    font-weight: 600;
}

body.downloads-page #center_block .news_text ul {
    list-style-position: inside;
    padding: 0;
    margin: 15px auto;
}

body.downloads-page #center_block .news_text li {
    text-align: center;
    margin: 8px 0;
}

body.downloads-page #center_block .news_text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* titles untouched */
body.downloads-page #center_block .news_title {
    text-align: left;
}

body.downloads-page #center_block .news_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 65px;   /* move right */
}





/* ============================
   Support Page – Support Block
   ============================ */

.support-page .news_bg {
    padding: 25px 30px;
}

.support-page .news_title span {
    font-size: 22px;
    font-weight: bold;
}

.support-page .news_text p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 10px;
}

.support-page .news_text a {
    text-decoration: none;
    font-weight: bold;
}

.support-page #success-message {
    margin: 15px 0;
    padding: 12px 15px;
    border-radius: 4px;
    background: rgba(0, 180, 0, 0.15);
    border: 1px solid rgba(0, 180, 0, 0.4);
    font-size: 15px;
}

/* Form styling */
.support-page form {
    margin-top: 20px;
}

.support-page input,
.support-page textarea {
    width: 100%;
    background: #0b0b0b;
    border: 1px solid #3a3a3a;
    color: #e4be9a;
    padding: 12px;
    font-size: 15px;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.support-page input::placeholder,
.support-page textarea::placeholder {
    color: #9a9a9a;
}

.support-page button {
    background: #f4c542;
    border: none;
    color: #000;
    font-weight: bold;
    padding: 10px 22px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.support-page button:hover {
    background: #ffd666;
}




/* ===== info.html ONLY ===== */
#info-page #center_block,
#info-page #content_top,
#info-page #content_padding {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#info-page .news_bg {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#info-page .center-title {
    text-align: center;
    width: 100%;
    position: relative;
    left: -30px; /* shift title 20px left */
}


#info-page .news_text {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#info-page .news_text p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: left;
    margin: 7px auto;
    max-width: 95%;
}

#info-page .news_text .l2-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}




/* ========================= */
/* Base PvP Title Styling */
/* ========================= */

.pvp_titles_block .news_text p span {
    display: inline-block;
    font-weight: 400;
    position: relative;
    transition: 
        transform 0.35s ease,
        filter 0.35s ease,
        text-shadow 0.35s ease,
        font-weight 0.35s ease;
}

/* Shared Ultra Hover */
.pvp_titles_block .news_text p span:hover {
    transform: scale(1.4);
    filter: brightness(2.2) saturate(1.8);
    font-weight: 800;
}

/* ========================= */
/* 🌌 Ultra Animations */
/* ========================= */

@keyframes auraPulse {
    0%   { filter: brightness(1.9) saturate(1.5); }
    50%  { filter: brightness(2.6) saturate(2); }
    100% { filter: brightness(1.9) saturate(1.5); }
}

@keyframes lightningFlicker {
    0%   { opacity: 0.6; }
    20%  { opacity: 1; }
    40%  { opacity: 0.4; }
    60%  { opacity: 1; }
    80%  { opacity: 0.7; }
    100% { opacity: 1; }
}

@keyframes divineWave {
    0%   { text-shadow: 0 0 10px rgba(255,255,255,0.2); }
    50%  { text-shadow: 0 0 40px rgba(255,255,255,0.6); }
    100% { text-shadow: 0 0 10px rgba(255,255,255,0.2); }
}

/* ========================= */
/* 🎖 Rank Auras — ULTRA */
/* ========================= */

/* 🥉 Sergeant — Silver Ether */
.pvp_titles_block .news_text p:nth-child(1) span:hover {
    animation: auraPulse 1.8s infinite ease-in-out;
    text-shadow:
        0 0 8px rgba(220,220,220,0.8),
        0 0 16px rgba(200,200,200,0.6),
        0 0 28px rgba(180,180,180,0.4),
        0 0 45px rgba(160,160,160,0.25);
}

/* 🟦 Lieutenant — Arcane Storm */
.pvp_titles_block .news_text p:nth-child(2) span:hover {
    animation: auraPulse 1.6s infinite ease-in-out;
    text-shadow:
        0 0 10px rgba(0,174,239,0.9),
        0 0 20px rgba(0,174,239,0.75),
        0 0 36px rgba(0,174,239,0.55),
        0 0 60px rgba(0,174,239,0.35),
        0 0 90px rgba(0,174,239,0.2);
}

/* ⚡ Rank 3 — Radiant Lightning (White + Light Bronze Energy Field) */
.pvp_titles_block .news_text p:nth-child(3) span:hover {
    animation: auraPulse 1.6s infinite ease-in-out;
    text-shadow:
        0 0 10px rgba(255,255,255,0.95),
        0 0 22px rgba(255,245,220,0.8),
        0 0 40px rgba(255,230,190,0.6),
        0 0 65px rgba(210,180,120,0.45),
        0 0 95px rgba(180,150,90,0.3);
}

/* 🔴 Major — Blood Dominion */
.pvp_titles_block .news_text p:nth-child(4) span:hover {
    animation: auraPulse 1.3s infinite ease-in-out;
    text-shadow:
        0 0 10px rgba(255,80,80,0.95),
        0 0 22px rgba(255,30,30,0.8),
        0 0 40px rgba(255,0,0,0.6),
        0 0 70px rgba(180,0,0,0.45),
        0 0 110px rgba(120,0,0,0.3);
}

/* 🟡 General — Ascended Divine Legendary */
.pvp_titles_block .news_text p:nth-child(5) span:hover {
    transform: scale(1.5);
    animation: auraPulse 1.1s infinite ease-in-out, divineWave 2s infinite ease-in-out;
    filter: brightness(2.8) saturate(2.2);
    font-weight: 900;
    text-shadow:
        0 0 12px rgba(255,230,160,1),
        0 0 26px rgba(255,210,120,0.9),
        0 0 45px rgba(255,190,80,0.75),
        0 0 75px rgba(255,170,40,0.6),
        0 0 120px rgba(255,150,0,0.45),
        0 0 180px rgba(255,120,0,0.3);
}





/* Left-align content inside Gameplay block but keep title centered */
.news_bg .news_text.left-align {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* Left-align content inside Gameplay block but keep title centered */
#info-page .news_text.left-align p {
    justify-content: flex-start;  /* align items to the left */
    margin-left: 0;               /* remove auto margins */
    text-align: left;             /* ensures text itself is left-aligned */
}

/* Add spacing below news block titles */
#info-page .news_title {
    margin-bottom: 25px; /* increase space between title and content */
}

/* Info Picture for info.html, closer to center */
.info_pict {

    width: 130px;
    min-height: 102px;
    padding-left: 10px;   /* inner padding for content inside the border */
    padding-top: 12px;
    float: right;          /* keep on the right */
    margin-right: 100px;    /* pushes it a bit left toward center */
}

.info_pict img {
    width: 150px;
    height: 284px;
}

/* Optional: adjust the info block background if needed */
.info_bg {
    background-image: url(design_img/news_p.jpg);
    background-repeat: no-repeat;
    background-position: right bottom; /* keep it aligned with picture on the right */
}










html, body {
margin:0;
height:100%; 
color: #e4be9a; 
font-family: Tahoma, Arial, Vernada; 
background: #000 url(design_img/body_bg.gif); 
font-size: 11px;
}

#wrapper {
padding: 0px; 
height:auto !important;
height:100%;
width:1000px;  
margin-left: auto; 
margin-right: auto;
}

#wrapper_border {
background: url(design_img/wrapper_border.gif) center repeat-y;
}

a:link {
color: #e2ab79; 
text-decoration:underline;  
}

a:visited {
color: #e2ab79; 
text-decoration: underline;
}

a:hover {
color: #ffd5b0; 
text-decoration: none;
}

img {
border: 0px;
}

#header {
background: url(design_img/header_bg.jpg) no-repeat;
height: 385px;
padding-left: 24px;
padding-top: 19px;
}

#l2top {
background: url(design_img/l2top_bg.jpg) no-repeat;
float: left;
width: 98px;
height: 36px;
padding-left: 6px;
padding-top: 12px;
margin-top: 20px; /* adjust value as needed */

}

.vote-banner {

    display: block;        /* stacked vertically */
    margin: 50px 0;        /* vertical spacing only, no horizontal centering */
    width: 75px;           /* standard width */
    height: 33px;          /* standard height */
    object-fit: contain;   /* keep image proportions */
    cursor: pointer;       /* indicates clickable */
    transition: transform 0.2s, opacity 0.2s; /* hover effect */
    margin-top: 0px; /* adjust value as needed */
}

.vote-banner:hover {
    transform: scale(1.05);
    opacity: 0.9;
}


.lang-banner {
    margin-top: 30px;
    margin-left: 6px;
    width: 77px;
    text-align: center;
    float: right; 
}

.lang-banner a {
    display: block;
    margin: 15px 0;
}

.lang-banner img {
    width: 80px;
    height: 50px;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
}

.lang-banner img:hover {
    opacity: 0.9;
    transform: scale(1.03);
}

#panel_left {
padding-left: 221px;
padding-top: 28px;
width: 164px;
height: 45px;
float: left;
background: url(design_img/panel_left_bg.jpg) no-repeat;
}

#panel_left a {
display: block;
width: 22px;
height: 22px;
float: left;
margin-left: 5px;
}

#panel_right {
width: 353px;
height: 48px;
padding-top: 25px;
padding-left: 32px;
float: right;
background: url(design_img/panel_right_bg.jpg) no-repeat;
}

#lang {
width: 82px;
height: 21px;
padding-right: 10px;
background: url(design_img/lang_bg.gif) no-repeat;
color: #eed4a8;
font-size: 12px;
font-family: 'times new roman';
padding-top: 5px;
padding-left: 10px;
}

#lang  img {
margin-left: 3px;
margin-top: 2px;
float: right;
}

.wrapper-dropdown-3 .dropdown li {
    padding: 8px 10px;
}

#panel_center {
margin-left: 385px;
margin-right: 385px;
height: 64px;
padding-top: 9px;
background: url(design_img/panel_center_bg.jpg) no-repeat;
}



  .l2-icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 6px;
  }

  .l2-icon.large {
    width: 26px;
    height: 26px;
  }



#vk_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/vk_icon.png) no-repeat 0 0;
}

#vk_icon:hover {
   opacity: 0.8;
}

#facebook_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/facebook_icon.png) no-repeat 0 0;
}

#facebook_icon:hover {
    opacity: 0.8;
}


#mail_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/mail_icon.png) no-repeat 0 0;
}

#mail_icon:hover {
	opacity: 0.8;
}

#twitter_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/twitter_icon.png) no-repeat 0 0;
}

#twitter_icon:hover {
	opacity: 0.8;
}

#live_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/live_icon.png) no-repeat 0 0;
}

#live_icon:hover {   
	opacity: 0.8;
}

#world_icon {
    display: block;
    width: 21px;
    height: 22px;
    background: url(design_img/world_icon.png) no-repeat 0 0;
}

#world_icon:hover {
	opacity: 0.8;
}

/* First banner container */
#siege_banner_container {
    width: 100%;           /* full sidebar width */
    clear: both;           /* ensures it stays below floated elements */
    text-align: center;    /* centers the image horizontally */
    margin-top: 35px;      /* spacing from content above the first banner */
}

/* Second banner container */
#siege1_banner_container {
    width: 100%;           /* full sidebar width */
    clear: both;           /* ensures it stays below floated elements */
    text-align: center;    /* centers the image horizontally */
    margin-top: 50px;      /* REDUCED spacing from the first banner */
    margin-left: 20px;     /* optional horizontal offset if needed */
}

/* First banner image */
#siege_banner {
    display: block;
    width: auto;           /* remove previous width scaling */
    height: 253px;         /* set the height you want */
    max-width: 160px;      /* ensures it never exceeds sidebar width */
}

/* Second banner image */
#siege1_banner {
    display: block;
    width: auto;           /* allows proportional width based on height */
    height: 253px;         /* set the height you want */
    max-width: 160px;      /* ensures it never exceeds sidebar width */
}





#content {
background: url(design_img/content_bg.jpg) repeat-y;
min-height: 1000px;
}

#left_block {
width: 225px;
float: left;
}

#right_block {
width: 225px;
float: right;
}

#center_block {
margin-left: 225px;
margin-right: 225px;
}

#info_title {
height: 40px;
background: url(design_img/info_title_bg.gif) no-repeat;
text-align: center;
}

#info_bg {
background: url(design_img/info_bg.jpg) no-repeat;
padding-top: 9px;
padding-left: 36px;
margin-bottom: 15px;
}

#info_bg a {
display: block;
width: 130px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #b99776;
background: url(design_img/menu_p.gif) no-repeat;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

#info_bg a:hover {
display: block;
width: 130px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #ffc894;
background: url(design_img/menu_p.gif) left 21px repeat-y;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

.block_title {
margin-top: 15px;
height: 30px;
background: url(design_img/title_bg.gif) no-repeat;
text-align: center;
padding-top: 12px;
}

.block_bg {
background: url(design_img/block_bg.gif) no-repeat;
padding-top: 16px;
padding-left: 36px;
}

.block_bg span a {
display: block;
width: 140px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #b99776;
background: url(design_img/menu_p.gif) no-repeat;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

.block_bg span a:hover {
display: block;
width: 140px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #ffc894;
background: url(design_img/menu_p.gif) left 21px repeat-y;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

.counter {
width: 98px;
height: 43px;
margin-left: 25px;
padding-left: 9px;
padding-top: 12px;
background: url(design_img/counter_bg.gif) no-repeat;
}

#video_title {
height: 40px;
background: url(design_img/video_title_bg.gif) no-repeat;
text-align: center;
}

#video {
padding-left: 23px;
padding-top: 10px;
height: 138px;
background: url(design_img/video_bg.jpg) no-repeat;
}

#video_prev {
display: block;
width: 180px;
height: 119px;
background: url(design_img/video_prev.jpg) no-repeat;
}

#video_prev:hover {
display: block;
width: 180px;
height: 119px;
background: url(design_img/video_prev.jpg) left 119px;
}

.block_title_r {
margin-top: 15px;
height: 30px;
background: url(design_img/title_bg_r.gif) no-repeat;
text-align: center;
padding-top: 12px;
}

.block_bg_r {
background: url(design_img/block_bg_r.gif) no-repeat;
padding-top: 16px;
padding-left: 35px;
padding-right: 30px;
}

.block_bg_r span a {
display: block;
width: 140px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #b99776;
background: url(design_img/menu_p_r.gif) no-repeat;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

.block_bg_r span a:hover {
display: block;
width: 140px;
font-size: 11px;
font-family: 'times new roman', Georgia;
color: #ffc894;
background: url(design_img/menu_p_r.gif) left 21px repeat-y;
text-decoration: none;
padding: 4px;
padding-left: 25px;
}

.status_sub {
margin-right: 60px;
height: 35px;
color: #b99776;
}

.status_sub2 {
text-align: center;
width: 60px;
height: 35px;
float: right;
color: #b99776;
}

.server_sub {
margin-right: 65px;
padding-top: 4px;
height: 18px;
color: #b99776;
}

.server_sub2 {
text-align: center;
width: 60px;
height: 22px;
float: right;
color: #b99776;
}

.theme_info {
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
height: 20px;
padding-bottom: 12px;
background: url(design_img/theme_p.gif) bottom no-repeat;
}

.author {
float: left;
height: 20px;
}

.time {
float: right;
height: 20px;
}

#content_top {
background: url(design_img/content_top_bg.jpg) no-repeat;
min-height: 275px;
}

#content_title {
height: 65px;
text-align: center;
padding-top: 106px;
padding-left: 1px;
}

#content_padding {
padding-left: 54px;
padding-right: 54px;
padding-bottom: 34px;
}

.news_title {
background: url(design_img/news_icon_01.png) no-repeat;
padding-left: 40px;
font-family: 'times new roman', Georgia;
color: #ac8865;
margin-bottom: 12px;
}

.news_title span {
font-size: 18px;
color: #eda579;
}

.news_title a {
color: #eda579;
font-size: 16px;
text-decoration: none;
}

.news_text {
width: 290px;
min-height: 114px;
margin-right: 140px;
}

.news_pict {
background: url(design_img/pict_border.png) no-repeat;
width: 130px;
min-height: 102px;
padding-left: 10px;
padding-top: 12px;
float: right;
}
.news_pict img{
	width:120px;
	height:90px;
}
.news_bg {
    background-image: url(design_img/news_p.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}




.news_pict1 {
    background: url(design_img/pict_border.png) no-repeat;
    width: 130px;
    min-height: 102px;
    padding-left: 10px;
    padding-top: 12px;
    float: right;
    margin-right: 65px;   /* ← moves it left */
}

.news_pict1 img {
    width: 120px;
    height: 90px;
}




.news_f {
height: 20px;
margin-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-bottom: 12px;
text-align: right;
}

#navigation {
text-align: center;
padding-top: 15px;
margin-bottom: 15px;
}

#navigation a {
color: #e2b386;
text-decoration: none;
padding: 11px;
background: url(design_img/page_bg.gif) bottom no-repeat;
}

#navigation a:hover {
color: #ffe5cc;
text-decoration: none;
padding: 11px;
background: url(design_img/page_bg.gif) bottom no-repeat;
}

#navigation span a {
color: #ffdebf;
font-weight: bold;
text-decoration: none;
padding: 11px;
background: url(design_img/page_bg_sel.gif) bottom no-repeat;
}

#footer_bg {
background: url(design_img/footer_bg.jpg) bottom no-repeat;
}

#footer {
height: 55px;
}

#footer_left {
width: 225px;
float: left;
}

#footer_right {
padding-left: 72px;
width: 153px;
padding-top: 3px;
float: right;
}

#footer_center {
font-family: 'times new roman', Georgia;
font-size: 12px;
color: #e2b386;
text-align: center;
padding-top: 32px;
margin-left: 225px;
margin-right: 225px;
}

#dkarts {
display: block;
background: url(design_img/dkarts.gif) no-repeat;
width: 119px;
height: 27px;
}

/* DEMO 3 */

.wrapper-dropdown-3 {
    /* Size and position */
	background:url(design_img/select-bg.png) no-repeat;
    position: relative;
    width: 102px;
	height:19px;
	padding-top:7px;
    cursor: pointer;
	font-size:12px;
    outline: none;
    color: #eed4a8;
	font-family:"Times New Roman", Times, serif;
}
.wrapper-dropdown-3 a{
	text-decoration:none;
}
.wrapper-dropdown-3 span{
	padding-left:8px;
}
.wrapper-dropdown-3 span img{
	margin-bottom:-1px;
}
.wrapper-dropdown-3:hover{
	background:url(design_img/select-bg.png) left 26px;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
	padding:0px;
    /* Styles */
    background: #542e20;
    border-radius: 10px;
	border:2px solid #502f1f;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
	
    /* Hiding */
    opacity: 0;
}
.wrapper-dropdown-3 .dropdown li img{
	margin-bottom:-1px;
}
.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #eed4a8;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #331d11;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}