/*
Theme Name: New JX2 2024121201
Theme URI: http://sabay.com.kh/
Description: Update new artwork
Author: Sabay
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* @import url(http://fonts.googleapis.com/css?family=Odor+Mean+Chey|Khmer|Battambang); */
@font-face {
	font-family: 'Conv_Kh-Battambang';
	src: url('fonts/Kh-Battambang.eot');
	src: local('☺'), url('fonts/Kh-Battambang.woff') format('woff'), url('fonts/Kh-Battambang.ttf') format('truetype'), url('fonts/Kh-Battambang.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'lhf_esoteric_3_spursregular';
    src: url('lhf_esoteric_3_spurs-webfont.eot');
    src: url('lhf_esoteric_3_spurs-webfont.eot?#iefix') format('embedded-opentype'),
         url('lhf_esoteric_3_spurs-webfont.woff') format('woff'),
         url('lhf_esoteric_3_spurs-webfont.ttf') format('truetype'),
         url('lhf_esoteric_3_spurs-webfont.svg#lhf_esoteric_3_spursregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'gothic';
	src: url('./gothic.eot');
	src: local('gothic'), url('./gothic.woff') format('woff'), url('./gothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Conv_KhmerOSDangrek';
	src: url('fonts/KhmerOSDangrek.eot');
	src: local('☺'), url('fonts/KhmerOSDangrek.woff') format('woff'), url('fonts/KhmerOSDangrek.ttf') format('truetype'), url('fonts/KhmerOSDangrek.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	margin:0;
	background: #000000 url("images/home_JX-Mystery_19001.png") center 1% no-repeat;
	max-width:1900px;
	background-size: 100%;
}

video {
    position: absolute;
    width:100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

video.loaded {
    opacity: 1;
}

div,a {
	font-family:Khmer,Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
}
.topheader_update {
	font-size:12px;
}
p{
	padding:0px;
	margin:0px;
	font-family: 'Conv_Kh-Battambang';
}

.ads{
	height:250px;
	width:300px;
}
.xoxo li:last-of-type{
	padding: 15px 0 5px;
}
.sabaygold {
	margin-left:128px;
}
.sabaygold a img {
	border:none;
}
.Download a, .Register a{
	color:#f3bb00;text-decoration:none;font-size:15px;
}
.Download a:hover, .Register a:hover{
	color:#ffd95c;text-decoration:none;font-size:15px;
}
.post{
	padding:10px;
	/*background-color:#1e1c1d;
	border-bottom:1px solid #2c2c2e;
	border-right:1px solid #2c2c2e;*/
}

.clearfix{
	clear:both;
}

#dvWhole{
	margin: 0px auto;
	position: relative;
	max-width: 1187px;
}

.line{
	background-color:#a50303;
	height:5px;
}

.header{
	font-size:20px;
	color:white;
	font-family: 'DangrekRegular';
}

.readmore{
	padding:3px 0px;
	font-size:13px;
	font-weight:bold;
	background-color:transparent;
	color:#613000;
	background: url(images/readmore.png) no-repeat;
	height: 25px;
	width:102px;
	display:block;
	font-family: 'Conv_KhmerOSDangrek','arial';
	text-align: center;
}
.post .readmore:hover{
	color:white;
	background: url(images/readmore.png) 0 -31px no-repeat;
	padding:3px 0px;
}
.borderall{
	/*border:1px solid #2c2c2e;	*/
}

.fullwidth{
	width:981px;
}

.center{
	margin:0 auto;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

#dvHeader{
	height:100px;
}

#dvLBAds{
	width:980px;
	height:92px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:3px solid #999999;
}

#dvRight{
	width:300px;
	padding:0 5px 5px;
	background:#171717;
}

.whitecolor{
	color:#ffffff;
}

a{
	color:#FFF;
	text-decoration:none;
}

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

.mnu{
	height:35px;
	text-align:center;
	padding-top:15px;
	font-weight:bold;
}

.roundedtop{
	border-radius: 5px;
}

.roundedbottom{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.shadow{
	-moz-box-shadow:1px 0px 5px #b0a7a7;
	box-shadow:1px 0px 5px #b0a7a7;
	-webkit-box-shadow:1px 0px 5px #b0a7a7;
}

.postheader a{
	text-decoration:none;
	color:#d57603;
}
.postheader{
	/*background-image:url(images/postheader.png);*/
	min-height:40px;
	padding-bottom:5px;
	padding-left:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/*
animation
*/
#all_img_container, #image_container {
	position: relative;
	height:245px;
}
#image_container #img1, #image_container #img2, #img3 {
	position: absolute;
	top: 0;
}
#image_container #img1, #img3 {
	left: 0;
}
#image_container #img1{
	margin-top: 85px;
}
#image_container #div-img3{
	margin-left: 20px;
}

#image_container #img2 {
	left: 85px;
	margin-left:10px;
}
#img3 {
	display: none;
}
.sabaygold{
	position:relative;
}
/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/
#dv-pagenavi{
	background: url("images/bg-pagin.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 29px;
    padding: 4px 10px;
    text-align: center;
}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: none !important;
	padding: 5px 2px;
	margin: 2px;
	color:#d04e2b;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

}
.pagin-wrapper .wp-pagenavi a, .pagin-wrapper .wp-pagenavi span{
	background:none;
	border:none;
	margin:0;
	padding:5px 8px 5px 8px;
}
.pagin-wrapper .wp-pagenavi a:hover,.pagin-wrapper .wp-pagenavi span.current{
	border-radius:0;
	background:#450000;
}
.pagin-wrapper .wp-pagenavi .last{
	background:#860000;
	border-radius:0;
}
.wp-pagenavi{
	background: none repeat scroll 0 0 #550000;
    border: 1px solid #c62a2a;
    border-radius: 3px;
    margin: 0 auto;
    padding: 5px 0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #5e0700;
	background: #e40000;
	color: #ebebeb;
}

.wp-pagenavi span.current {
	font-weight: bold;
	background-color:#450000;
	color:#dd5931;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background-color: rgba(0, 0, 0, 0);
    display: block;
    float: left;
    margin: 0 auto;
    padding-left: 20px;
    width: 903px;
    background-image: url(images/Menu-Bar-2.png);
    background-position: 0px center;
    background-size: 97%;
    background-repeat: no-repeat;
    padding-top: 20px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 800px;
}
#access .menu-header .sub-menu{
	border:1px solid #4d370c;
/*	background: #a57911;*/
	background: #af1c1c;
	opacity:0.9;
	margin:0;
	height:auto;
	text-align:left;
}
#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
	border-radius: 10px;
	margin:0 0 10px;
	height:40px;
	margin-left:80px;
	padding-top:3px;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access .menu-header ul li a {
	color: #F7F7F7;
	padding: 0;
	margin: 0;
	width: 160px;
	display: block;
	text-decoration: none;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	font-family: 'lhf_esoteric_3_spursregular';
	text-transform: uppercase;
}

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul li .sub-menu{
	padding:10px 0;
}
#access ul li .sub-menu li a {
	background-color:transparent;
	padding: 10px;
	width: 160px;
	/*color: #4d370c;*/
	/*color: #fff;	*/
	line-height: 14px;
	font-family: 'gothic';
	font-size: 13px;
	border-radius:0;
	text-align:left;
}
#access ul li .sub-menu li a:hover{
	/*color:#fff!important;*/
}
#access ul li:hover > a {
/*	color: #fff78a;	*/
	width: 160px;
	border-radius: 10px;
}
#access ul li .sub-menu li:hover > a {
	color: #4d370c;
	/*color: #4d370c;*/
/*	background:#cd9409;*/
	background-color: #d2220f;
	background-image:url(images/bg-arrow.png);
	background-size:100%;
	background-position: right center;
	width: 160px;
	line-height: 15px;
}
#access ul li:hover > ul {
	display: block;
}
#access-container #access .current_page_item > a,
#access-container #access .current-menu-item > a,
#access-container #access .current-menu-item-active > a{
	color: #fff78a;
	width: 160px;
	border-radius: 10px;
}
#access-container #access .current-menu > a:hover {
	color: #fff78a;
	width: 160px;
}
#access-container #access .sub-menu .current-menu > a:hover {
	color: #4d370c;
	width: 160px;
}
/* playing */

#access1 {
	display: block;
	float: left;
	margin:8px auto 0 71px;
	width: 980px;
}

#access1 .menu-header,
div.menu {
	font-size: 14px;
	margin-left: 12px;
	width: 928px;
}
#access1 .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access1 .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access1 a {
	color:#999;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;

}
#access1 .sub-menu a {
	color: #FFF;
	font-size:12px;
}
#access1 ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}
#access1 ul ul li {
	min-width: 180px;
	background-image:url(images/menubg.png);
	/*background-color:#333;*/
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}

#access1 ul ul li {
	background:#000000;
}
#access1 ul ul li:hover{
	background-color:#262626;
	color:#afb0b0;
}
#access1 ul ul li:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top:1px solid #666;
}

#access1 ul ul li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom:1px solid #666;
}

#access1 ul ul ul {
	left: 100%;
	top: 0;
}
#access1 ul ul a {
	padding: 10px;
	width: 160px;
	height: auto;
	border-bottom:1px solid #666;
	background-color:transparent;
}

#access1 li:hover > a,
#access1 ul ul :hover > a {
	color: #FFF;

}
#access1 ul li:hover > ul {
	display: block;
}

.menu-header ul{
	padding:0px;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
	padding:0px;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #F00;
	font-size:14px;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	color:#FFF;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}

/* Extract from inline style*/
.wrapper{
	position:absolute; height:138px; width:100%;
}
.header-container{
    margin:0 auto; 
    position:absolute; 
    border:0px solid #999999; 
    width:100%; 
    margin-top:26px; 
    height:30 px; 
    text-align:center;
}
.header-btn{
	position: absolute;
	width: 305px;
	height: 503px;
	left: 5%;
	overflow: hidden;
	top: 30px;
}
.bg-header{
    background: url(images/Frame.png) no-repeat;
    width: 600px;
	height: 80px;
    margin: 0 auto;
    position: relative;
    background-size: 100% 100%;
}
.btn-wrapper{
	position: relative;
	width: 465px;
	height: 110px;
	margin: 0 auto;
	z-index: 5;
}
#register img{
	width: 250px;
	margin-left: 10px;
}
#register{
	position: relative;
	margin: 0 auto;
	z-index: 3;
	width: 142px;
	height: 70px;
	background: url(images/register.png);
}
div#register:hover{
	background: url(images/register-1.png);
}
#register a{
	/*font-family: "lhf_esoteric_3_spursregular";
	font-size: 18px;
	text-transform: uppercase;
	width: 145px;
	height: 165px;
	display: block;
	padding: 10px;
	position: absolute;
	right: 20%;
	top: 3%;*/
}
.div-space{
	width:10px; float:right;
}
#link-download{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 142px;
	height: 70px;
	background: url(images/download.png);
}
div#link-download:hover{
	background: url(images/download-1.png);
}

#link-reload{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 142px;
	height: 70px;
	background: url(images/reload.png);
}
div#link-reload:hover{
	background: url(images/reload-1.png);
}

#link-download img, #link-reload img{
	width: 150px;
}
#link-reload img{
	margin-right: -45px;
}
/*div#link-download:hover{
	background:url(images/download.png) 0 -192px;
}*/
#link-download a{
	font-family: 'lhf_esoteric_3_spursregular';
	font-size: 16px;
	text-transform: uppercase;
}
#link-logo img{
	width: 280px;
	margin-top: -30px;
	margin-left: 30px;
}
#menu-center{
	height:92px;
	background-color:transparent;
	padding: 38px 0 0 180px;
	top: 30px;
	position: relative;
}
#menu-center-contain{
	width:510px;
}
.nav-mysabay-acc{
	float:left;margin-top:28px;
}
#floatleft{
	width:101px;height:93px;
}
.nav-forum{
	float:left;margin-top:28px;
}
#dvContent{
	height:300px;
}
#access-container{
	width:902px;
	margin-top:410px;
}
.sspace{
	height:20px;
}
#footer-container{
	background-color: rgba(25, 25, 25, 0.5);
	margin: 35px 0;
	overflow: hidden;
	padding: 15px 0;
	width: 100%;
}
.nav-ads-withus{
	width:475px; float:left;
}
.nav-ads-withus {
	font-size:15px;
	font-family: 'Conv_Kh-Battambang';
}
.footer-logo{
	width:475px;
	float:left;
	text-align:right;
	margin-top:30px;
}
.footer-logo img{
	margin-right:150px;
}
#post-header{
	padding-top:5px;padding-right:0px;
}
.content-single{
	padding:20px;
}
.fb-container{
	padding:5px;
}
.dv-fb-comment{
	background-color:#FFF;padding:10px 10px 0px 10px;
}
.frame{
	border:none; overflow:hidden; width:450px; height:30px;
}
#dvMain{
	/*background: url(images/new-images/jx-content-content.png) left top repeat-y;*/
	padding-top:0px;padding-right:0px;
	width: 663px;
	background:#171717;
	opacity: .8;
}
#loop-container{
	width:385px;border-right:0px solid #2c2c2e;
	padding-top: 4px;
}
.post-thumbnail{
	width:150px; height: auto; float:left;
}
.post-excerpt{
	float:left; width:200px;padding-left:15px;
}
.post-excerpt p{
	line-height:30px;
}
#floatright{
	padding-top:10px;padding-bottom:5px;
}
#clearfix{
	height:5px;
}
#dv-jx-container{
	width:270px;padding-right:0px;
}
/*.dv-img-bannerjx{
	background: url(images/webpromo.png);
	width:262px;
	height: 313px;
	margin:10px 10px 0 0;
}*/
#dv-rounded-top-bottom{
	margin:12px 5px 5px;
	background-image: linear-gradient(to bottom, #1c1f03 0px, #010101 100%);
}
#tblServer tr td{
	padding:5px;
}
#tblServer tr:hover{
	background-color:#E8E8E8;
	color:#000;
}
#heroes-online{
	color:#ABA000; font-weight:bold;padding:5px;
}
.tblServer{
	width:100%; border-spacing:0px;
	padding: 0 5px;
}
.dv-pagenavi{
	background: url(images/new-images/paging-bg.png);
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	padding:5px 0;
}
.dv-fb-main{
	background-color:#eceff5; border:1px solid #c1cde3; width:300px;
}
/*
.dv-pagenavi .wp-pagenavi{
	padding:10px 5px;
	border:1px solid #004f5d;
	background-image: linear-gradient(to bottom, #0088aa 0px, #004062 100%);
	padding: 5px;
    width: 475px;
	border-radius:5px;
}
.dv-pagenavi .wp-pagenavi span.current, .dv-pagenavi .wp-pagenavi a, .dv-pagenavi .wp-pagenavi span, .dv-pagenavi .wp-pagenavi .smaller{
	color:white !important;
	font-weight:500px;
	background:none;
}
.dv-pagenavi .wp-pagenavi span.current , .dv-pagenavi .wp-pagenavi a:hover{
	background-image: linear-gradient(to bottom, #005977 0px, #00000f 100%);
}

.wp-pagenavi .last, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .previouspostslink{
	background-image: linear-gradient(to bottom, #87dff5 0px, #004062 100%) !important;
}

.dv-pagenavi .wp-pagenavi a:hover{
	color:white;
}*/
#open_close_eye{
	background:url(images/eye.png);
	width:64px;
	height:52px;
	position:absolute;
}
#open_close_container{
	position:absolute;
	left:128px;
	top:0;
}
.wrapper .fullcontainer, .wrapper .fullcontainer #tophead_container {
	/*background: none;*/
}
.post .post-thumbnail{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/*Searching*/
#dv-search-jx{
 background: url("images/new-images/jx-searching.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 40px;
    padding: 0 0 10px 10px;
    width: 290px;
}
.search_text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #9f9e9e;
    font-weight: bold;
    height: 25px;
    margin-left: 7px;
    margin-top: 7px;
    text-transform: uppercase;
    width: 233px;
}
.footer-center{
	width:950px;
	margin:0 auto;
}
.footer-wrap{
	padding-top: 30px;
    position: relative;
}

.footer-wrap div{
	display: none;
}

.imsabay{
	position: absolute;
    right: 175px;
}
#primary div.pop-inside ul li .pop-title{
	color:#8f8f8f;
}
#primary .popular-widget h1{
	color:white;
}
.governor-bg{
	background: #000 url(images/current-governor.png);
}
.item-bg{
	background: #000 url(images/top-items.png);
}
.current-governor{
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius:5px;
	margin:12px 5px 5px;
	padding-top: 65px;
}
.content-single img {
	max-width:100%;
	height:auto;
}

img.aligncenter{
	display:flex;
	margin:0 auto;
}
table{
	width: 100%;
}