body { padding: 0; margin: 0; background: #FFF; background: url(../img/bg.jpg) center top no-repeat; } p { padding: 0; margin: 0; } h2,h1 { padding: 0; margin: 0; } ul,li { padding: 0; margin: 0; list-style: none; } @font-face {font-family: "Toril"; src: url(../img/Toril.ttf); font-weight: normal; } @font-face {font-family: "GROBOLD"; src: url(../img/GROBOLD.ttf); font-weight: normal; } @font-face {font-family: "visitor2"; src: url(../img/visitor2.ttf); font-weight: normal; } #wrapper { width: 100%; background: url(../img/bgFooter.jpg) center bottom no-repeat; } #main { width: 1016px; margin: 0 auto; } #header { width: 1016px; height: 188px; } .logo { width: 308px; height: 109px; margin-top: 15px; float: left; position: relative; left: -20px; } .navigation { width: 480px; height: 188px; position: relative; float: left; } .download, .info, .forum, .register { position: absolute; top: 0; left: 0; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .download { left: 170px; top: 80px; } .info { left: 260px; top: 10px; } .forum { left: 295px; top: 110px; } .register { left: 365px; top: 18px; } .download:hover, .info:hover, .forum:hover, .register:hover { opacity: 0.7; } .woeStatus { width: 184px; height: 188px; background: url(../img/woeStatus.png) no-repeat; float: left; position: relative; } .woeStatus img { position: absolute; top: 5px; right: 30px } #container { width: 1000px; margin: 0 auto; } .containerLeft { width: 238px; height: 874px; margin-top: -65px; background: url(../img/containerLeft.png) no-repeat; float: left; } .loginPanel { width: 238px; height: 262px; margin: 180px auto 0; } .login_row table, .logged { width: 160px; margin: 0 auto; } .logged .button a { display: block; } .logged span { display: block; height: 80px; color: #947568; } .logged span a { color: #947568; font-weight: bold; } .logged .buttons a { display: block; background: #58280e; padding: 5px 10px; color: #947568; border-radius: 4px; margin-bottom: 3px; color: #FFF; font-family: "Arial"; } .login_row table tr td { height: 28px; } .login_row table tr td input.textClass { width: 160px; height: 24px; border-radius: 7px; background: url(../img/textBox.png) no-repeat; border: 0; outline: 0; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; o-sizing: border-box; ms-sizing: border-box; box-sizing: border-box; color: black; } .twoBtn { width: 178px; margin: 8px auto 0; } .login_btn { width: 179px; height: 44px; } .login_btn input.loginBtn { width: 179px; height: 36px; background: url(../img/loginBtn.png) no-repeat; border: 0; outline: 0; padding: 0; cursor: pointer; } .login_btn input.loginBtn:hover, .forgotBtn a:hover { opacity: 0.7; } .woe { width: 190px; margin: 0 auto; } .woeSchdule { width: 158px; height: 105px; margin: 0 auto; } .woeSchdule table tr td { width: 72px; height: 26px; font-family: "Arial"; font-size: 8pt } .woeSchdule table tr td:nth-child(odd) { font-weight: bold; color: #b9ac98; text-align: left; } .woeSchdule table tr td:nth-child(even) { color: #715a3a; text-align: right; } .flag { width: 188px; height: 64px; margin: 0 auto; } .flag ul li { width: 42px; height: 64px; display: inline-block; } .flag ul li:nth-child(1) { width: 41px; } .flag ul li img { width: 20px; position: relative; } .flag ul li:nth-child(1) img { top: 9px; left: 10px; } .flag ul li:nth-child(2) img { top: 24px; left: 10px; } .flag ul li:nth-child(3) img { top: 24px; left: 14px; } .flag ul li:nth-child(4) img { top: 9px; left: 13px; } .facebook { width: 180px; height: 150px; margin: 100px auto 0; } .facebook iframe { width: 180px !important; height: 150px !important; } .containerMiddle { width: 519px; margin-top: -170px; float: left; } .containerMiddletop { width: 519px; height: 308px; background: url(../img/containerMiddletop1.png) no-repeat; } .serverStatus { width: 270px; height: 124px; position: relative; top: 170px; margin: 0 auto; } .serverStatus ul li { width: 62px; height: 70px; float: left;} .serverStatus ul li img { position: relative; } .serverStatus ul li:nth-child(1) img { top: 12px; left: 32px; } .serverStatus ul li:nth-child(2) img { top: 12px; left: 30px; } .serverStatus ul li:nth-child(3) { width: 52px; } .serverStatus ul li:nth-child(3) img { top: 12px; left: 24px; } .serverStatus ul li:nth-child(4) { width: 82px; text-align: center; color: #936a63; font-size: 19pt; font-family: "Toril"; line-height: 30pt;  } .containerMiddlecenter { width: 519px; min-height: 608px; background: url(../img/containerMiddlecenter.png) repeat-y; padding: 0 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; o-sizing: border-box; ms-sizing: border-box; box-sizing: border-box; } .welcome { width: 468px; height: 167px; margin: 0 auto; background: url(../img/char.jpg)top right no-repeat; } .welcome .heading { height: 26px; } .welcome p.first { width: 330px; font-family: "Times New Roman"; font-size: 11pt; color: #947568; padding: 0 8px; } .welcome p.second { width: 320px; text-align: right; font-family: "Times New Roman"; font-size: 12pt; color: #71b96b; } .welcome p.third { width: 296px; text-align: right; font-family: "Times New Roman"; font-size: 13pt; color: #71b96b; } .news { width: 465px; height: 130px; background: url(../img/newsBg.png) center top no-repeat; position: relative; top: -3px; } .newsPanel { width: 470px; height: 116px; position: relative; top: 4px; } #NEWS table { width: 100%; } #NEWS table tr { display: block; height: 23px; } #NEWS table tr td:nth-child(2) { width: 280px; } #NEWS table tr td:nth-child(3) { text-align: right; } #NEWS table tr td a { font-family: "Arial"; font-size: 10pt; padding: 0 5px; color: #315462; } #NEWS table tr td span.posted { font-family: "Arial"; font-size: 9pt; color: #ff7b2b; } #NEWS table tr td span.date { font-family: "Arial"; font-size: 9pt; color: #d43752; } .itemVideo { width: 478px; height: 210px; position: relative; left: -12px; background: url(../img/itemVideo.png) no-repeat; } .itemMall { width: 230px; height: 130px; position: relative; top: 66px; float: left; } .itemMall .cycle-slideshow { width: 180px; margin: 0 auto; } .itemMall .cycle-slideshow img { margin-right: 10px; } .youtube { width: 248px; height: 183px; float: left; } .youtube iframe { position: relative; top: 7px; left: 8px; } .haloffame { height: 180px; } #tabs { width: 432px; height: 190px; margin: 0 auto; background: url(../img/tabs.png) center top no-repeat; } #tabs ul { width: 432px; height: 40px; position: relative; left: 0px; } #tabs ul li { font-family: "GROBOLD"; color: #966859; font-size: 14pt; padding: 7px 8px; display: inline-block; } #tabs ul li a { font-family: "GROBOLD"; color: #966859; font-size: 11pt; } #tabs ul li.active a { color: #0c0b0b; } #tabs div table { width: 100%; margin: 0 auto; position: relative; } #tabs div table th { font-family: "Arial"; font-weight: bold; padding: 5px; font-size: 10pt; color: #684d46; /*text-align: right; padding-right: 25px;*/ } #tabs div table td { font-family: "Arial"; padding: 2px 8px; font-size: 9pt; color: #684d46; } /*#tabs div table td:last-child { text-align: right; }*/ .containerMiddlebottom { width: 519px; height: 35px; background: url(../img/containerMiddlebottom.png) no-repeat; } .nav { width: 370px; margin: 0 auto; } .nav ul { padding-left: 8px; } .nav ul li { font-family: "GROBOLD"; font-size: 7pt; color: #c58d72; padding: 13px 0 0; float: left; } .nav ul li a { font-family: "GROBOLD"; font-size: 7pt; color: #c58d72; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .nav ul li a:hover { color: #442f24; } .containerRight { width: 239px; height: 963px; margin-top: -135px; background: url(../img/containerRight1.png) no-repeat; float: left; } .fourLinks { width: 165px; height: 261px; margin: 282px auto 0; } .fourLinks ul { width: 165px; height: 157px; overflow: hidden; } .fourLinks ul li { width: 165px; height: 42px; overflow: hidden; } .fourLinks ul li img { position: relative; } .fourLinks ul li:nth-child(2) img { top: -42px; } .fourLinks ul li:nth-child(3) img { top: -84px; } .fourLinks ul li:nth-child(4) img { top: -126px; } .fourLinks ul li img:hover { left: -193px; } .slideshow { width: 192px; height: 282px; margin: 0 auto; } #rankingTabs { width: 178px; margin: 0 auto; } #rankingTabs > ul { width: 178px; height: 30px; overflow: hidden; } #rankingTabs > ul li { width: 89px; height: 30px; float: left; overflow: hidden; } #rankingTabs ul li img { position: relative; } #rankingTabs ul li:nth-child(2) img { left: -89px; } #rankingTabs ul li.active img { top: -35px; } ul#ranksTabs { width: 178px; height: 30px; margin-left: 12px; } #ranksTabs li {display: inline; } .tab_content,.tab_content1 {display: none; } .pvp_emblem { width: 70px; height: 100px; float: left; text-align: center; } .pvp_emblem img { position: relative; top: 10px; } .guild_logo { width: 70px; height: 100px; background: url(../img/flagBg.png) center center no-repeat; float: left; } .guild_logo img { position: relative; top: 30px; left: 24px; } .pvp_details { width: 105px; height: 100px; float: left; } .guild_details { width: 105px; height: 100px; float: left; } .pvp_details li, .guild_details li { width: 110px; font-family: "Arial"; font-weight: bold; font-size: 8pt; color: #070707; height: 22px; } .pvp_details li.teaGreen, .guild_details li.teaGreen { height: 10px; font-family: "visitor2"; font-size: 10pt; color: #66ae60; } #footer { width: 545px; height: 77px; margin: 275px auto 0; background: url(../img/footerBg.png) no-repeat; } .yoshu { float: left; } .copyright { padding: 15px 10px 0; float: left; } .rahul { float: left; } .copyright p { font-family: "Arial"; color: #403025; font-size: 8pt; } .copyright p.one { font-family: "Arial"; color: #dc7c40; font-size: 9pt; font-weight: bold; text-shadow: 1px 1px 1px #666666; } .login_btn input.loginBtn, .forgotBtn a { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .adjust { width:470px; overflow:auto; } .adjust table { width: 100%; } #submenu, #adminmenu, #pagemenu { background: #58280e; color: #fff; margin-bottom: 5px; border-radius: 2px; padding: 5px; border: 0; } #submenu a,#adminmenu a, #pagemenu a { color: #fff; } .vertical-table, .horizontal-table { border-collapse: collapse; } .vertical-table th, .horizontal-table th { background: #58280e; border: 1px solid #d7c7bf; color: #FFF; } .vertical-table td, .horizontal-table td { border: 1px solid #d7c7bf; } .sortable { color: #FFF; } .clear { clear: both; }