/*
Theme Name: Elsword V3
Author: KOG Games Inc.
Author URI: http://elsword.koggames.com
Description: Diabla and Demonio - Elsword 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:#000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	line-height:normal;
}

body {	
	height: 100%;
	width: 100%;
	background-image: url('images/bg.jpg');
	background-color:#000;	
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}

#container {
	width:1068px;
	font-family:Helvetica, sans-serif,Arial;
	font-size:14px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
}
/* spacers start */
#spacer1 {
	height:364px;
}
#spacer2 {
	height:112px;
}
#spacer3 {
	height:450px;
}
#spacer4 {
	height:160px;
}
#spacer5 {
	height:120px;
}
#spacer6 {
	height:100px;
}
#spacer7 {
	height:90px;
}
#spacer8 {
	height:100px;
}
#spacer9 {
	height:100px;
}
#spacer10 {
	height:208px;
}
#spacer11 {
	height:144px;
}
/* spacers end */

/* misc start */
#ncimg {
	border:none !important;
}

#bg-menu {
	height: 77px;
	width: 100%;
	background-image: url('images/bg-menu.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}

#bg-video {
	height: 626px;
	width: 100%;
	background-image: url('images/bg-video.png');
	background-repeat:no-repeat;
	background-size:container;
	background-position:top center;
}
#video {
	padding-top:15px;
}
#tbl-glow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(37,65,114,0.85);
	-moz-box-shadow: 0px 0px 10px 0px rgba(37,65,114,0.85);
	box-shadow: 0px 0px 10px 0px rgba(37,65,114,0.85);
	min-width:50%;
}
.tbl-bg {
	background:rgba(1,20,47,0.85);
}
.tbl-bg2 {
	background:rgba(2,4,10,0.85);
}
.tbl-bg3 {
	background:rgba(41,27,56,0.85);
}
.tbl-bg4 {
	background:rgba(20,13,30,0.85);
}
.tbl-bg5 {
	background:rgba(42,32,62,0.85);
}
.tbl-bg6 {
	background:rgba(56,43,83,0.85);
}
.tbl-bg7 {
	background:rgba(24,25,67,0.85);
}
.tbl-bg8 {
	background:rgba(19,14,52,0.85);
}
/* misc end */

/* sections start */
#section-1 {
	height:500px;
}

#section-2 {
	height:1260px;
}
#section-3 {
	height:1316px;
}
#section-4 {
	height:1954px;
}
#section-5 {
	height:1220px;
}
#section-6 {
	height:592px;
}
#section-7 {
	height:526px;
}
#section-8 {
	height:514px;
}
#section-9 {
	height:1088px;
}
/* sections end */

/* table start */
/* table end */

/* fonts and layout start */
.ff1 {
	font-size:15px;
}

.ff2 {
	color:#1dedf6;
}
.ff3 {
	font-size:19px;
	color:#f0ca3b;
}
.ff4 {
	color:#f0ca3b;
}
.ff5 {
	color:#20c9ee;
}
.ff6 {
	font-size:18px;
	color:#20c9ee;
}
.ff7 {
	font-size:22px;
	color:#38f3fd;
}
.ff8 {
	font-size:19px;
}
/* fonts and layout end */

/* btt start */
#btt {
	text-align:right;
	float:right;
}
/* 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 */
