/*
Theme Name: Elsword V3
Author: KOG Games Inc.
Author URI: http://elsword.koggames.com
Description: Character Balance Revamps Microsite 20160713
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:#000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	line-height:normal;
}

body {	
	width: 100%;
	background-image: url('images/masthead.jpg');
	background-color:#b8d9e9;	
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}

#container {
	width:1002px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	font-size:13px;
}
/* spacers start */
#spacer1 {
	height:415px;
}
#spacer2 {
	padding-top:80px;
	padding-left:7px;
	padding-right:7px;
}
/* spacers end */

/* misc start */
#mimg {
	border:none;
}
/* misc end */

/* sections start */
#masthead {
	height:573px;
}
#section-1 {
	height:1089px;
	width:1000px;
	background-image: url('images/section-1-bg.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#section-2 {
	height:914px;
	width:1002px;
	background-image: url('images/section-2-bg.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#section-3 {
	height:635px;
	width:1002px;
	background-image: url('images/section-3-bg.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#section-4 {
	height:592px;
	width:1002px;
	background-image: url('images/section-4-bg.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#section-5 {
	height:287px;
	width:1002px;
	background-image: url('images/section-5-bg.jpg');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
/* sections end */

/* table start */
#tbl-1 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-1.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-2 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-2.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-3 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-3.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-4 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-4.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-5 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-5.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-6 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-6.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-7 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-7.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
#tbl-8 {
	height:240px;
	width:157px;
	background-image: url('images/tbl-8.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}
.cbg01 {
	background-color:#ff6601;
}
.cbg02 {
	background-color:#a44400;
}
.cbg03 {
	background-color:#274116;
}
.cbg04 {
	background-color:#567740;
}
.cbg05 {
	background-color:#8827bc;
}
.cbg06 {
	background-color:#390d50;
}
.cbg07 {
	background-color:#0064ff;
}
.cbg08 {
	background-color:#013267;
}

/* table end */

/* fonts and layout start */
.ff1 {
	color:#98fd85;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
}
.ff2 {
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
}
.ff3 {
	font-size:12px;
}
/* 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 */