/*
Theme Name: Elsword V3
Author: KOG Games Inc.
Author URI: http://elsword.koggames.com
Description: Rose Microsite 2016
Tags: custom
Text Domain: elsword

*/

/* =Reset
-------------------------------------------------------------- */

html, body, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, caption, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	line-height:normal;
}

body {	
	height: 100%;
	width: 100%;
}

#bg1 {	
	height: 100%;
	width: 100%;
	background-image: url('images/bg1.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}
#bg2 {	
	height: 100%;
	width: 100%;
	background-image: url('images/bg2.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}
#bg4 {	
	height: 100%;
	width: 100%;
	background-image: url('images/bg4.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}
#wrapper {
	width:1100px;
	min-height:3250px;
	margin-left:auto;
	margin-right:auto;
}
#wrapper2 {
	width:100%;
	max-width:1100px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}
#wrapper4 {
	width:100%;
	max-width:1100px;
	min-height:1443px;
	margin-left:auto;
	margin-right:auto;
}
/* spacers start */
#spacer1 {
	height:394px;
}
#spacer10 {
	height:32px;
}
#spacer11 {
	height:80px;
}
#spacer21 {
	height:82px;
}
/* spacers end */

/* menu and spacers start */
#menu {
	margin-top:31px;
	margin-bottom:71px;
}
/* menu and spacers end */

/* misc start */
#si-horizontalline {
	height: 3px;
	width: 1080px;
	background-image: url('images/si-horizontalline.png');
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}
#si-bestbg {
	height: 77px;
	width: 291px;
	background-image: url('images/si-bestbg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
#si-othersbg {
	height: 77px;
	width: 291px;
	background-image: url('images/si-othersbg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
#si-bestseal {
	height:65px;
	width:65px;
	background-image: url('images/si-bestseal.png');
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:-52px;
	margin-left:-25px;
	position:relative;
	z-index:2;
}
#best {
	width:314px;
	height:297px;
	margin-left:25px;
}
#imgnc {
	border:none;
}
#padding-bestbg {
	padding:15px;
}
select.custom-dropdown::-ms-expand {
    display: none;
}
select.custom-dropdown {
 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
/* border:  #000 solid thin !important;  /*REMOVES BORDER*/
 border:  none !important;  /*REMOVES BORDER*/

 color: #000;

	font-family:Verdana, Geneva, sans-serif;
	font-size:26px; 
 
 padding:0px;
 width: 176px;
 height:38px;
 cursor: pointer;

 background: url('images/eltype-dropdown-arrow.png') no-repeat right center;
 background-size: 41px 40px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
}
#dropdown-bg {
	 background: url('images/eltype-dropdown-bg.png') no-repeat right center;
	 width:176px;
	 height:38px;
	 margin-right:73px;
	 margin-bottom:15px;
}
/* misc end */

/* sections start */
/* sections end */

/* table start */
#tbl-best {
	margin-right:40px;
	width:1076px;
}
/* table end */

/* fonts and layout start */
#ff1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	width:500px;
	height:110px;
	padding-left:55px;
}
#subtitle {
	font-size:19px;
}
.subby {
	font-size:13px;
}
.subcount {
	font-size:14px;
	color:#a1897a;
}
.pagination {
	font-size:18px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
	color:#e0d1c3;
    float: left;
    padding: 6px 0px 0px 0px;
    text-decoration: none;
	height:29px;
	width:35px;
	background-image: url('images/page.png');
/*    border: 1px solid #ddd; */
    margin: 0 4px;
}

ul.pagination li a.active {
/*    background-color: #4CAF50; */
	background-image: url('images/page-active.png');
    color: white;
/*    border: 1px solid #4CAF50; */
}

ul.pagination li a:hover:not(.active) {}

/* fonts and layout end */

/* btt start */
/* btt end */

/* generic footer start */
footer[role="contentinfo"] {
  padding-top: 15px;
  background-color: #000;
}

footer {
  background-image: url(/wp-content/themes/elsword3/images/bg-footer.jpg);
  font-size: 12px;
  font-size: 0.857142857rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  width: 100%;
  min-width: 1024px;
  margin: 0px auto 0px auto;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  height: 144px;
}

.footernormal {
	font-size:12px;
	color:#4679ba;
	text-align:left;
	font-weight:normal;
}

a.footerlinks:link {color: #4679ba; text-decoration:none; line-height:16px; }
a.footerlinks:active {color: #4679ba; }
a.footerlinks:visited {color: #4679ba; }
a.footerlinks:hover {color: #4679ba; }

.footersections {
	font-size:12px;
	color:#FFF;
	font-weight: bold;
}

.footercopyright {
	font-size:12px;
	color:#FFF;
}
/* generic footer end */