@font-face {     font-family: "RINGM___";     src: url(../img/RINGM___.TTF); } body { padding: 0; margin: 0; font-size: 12px; font-weight: normal; font-family: "Arial", sans-serif; background: #cec8b5 url(../img/bg-top.jpg) center top no-repeat; color: #FFF; } #wrapper { background: url(../img/bg-bottom.jpg) center bottom no-repeat; } a, a:hover { color: #FFF; text-decoration: none; } h1, h2, h3 { color: #ffffff; text-align: center; font-family: "RINGM___"; font-weight: normal; text-shadow: 0.5px 0.866px 1px rgb( 0, 1, 1 ); border: 0; text-transform: lowercase; }  #main { width: 1087px; margin: 0 auto; } .header { width: 1024px; height: 470px; margin: 0 auto; background: url(../img/bg-header.png) center top no-repeat; position: relative; } .header .register { width: 187px; height: 48px; display: block; position: absolute; bottom: 12px; left: 619px; }  .container:after { content: " "; clear: both; display: block; } .container-left { width: 327px; height: 1045px; background: url(../img/container-left.png) center top no-repeat; float: left; } .container-middle { width: 445px; min-height: 1044px; float: left; margin-top: 0; margin: 0 -2px; } .container-inner { width: 445px; min-height: 1044px; background: url(../img/container-inner.png) left top repeat-y, url(../img/container-bg.jpg) center top no-repeat; padding: 5px 15px 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -5px; } .container-bottom { width: 445px; height: 20px; background: url(../img/container-bottom.png) center top no-repeat; float: left; } .container-right { width: 319px; height: 1046px; background: url(../img/container-right.png) center top no-repeat; float: left; }  .header .logo { position: absolute; top: 115px; left: 322px; } .menus { height: 36px; position: absolute; bottom: 2px; left: 0; } .menus ul:after { clear: both; display: block; content: " "; } .menus ul, .menus li { list-style: none; padding: 0; margin: 0; } .menus li { width: 87px; height: 36px; float: left; position: relative; } .menus li a { display: block; font-family: "RINGM___"; font-size: 13px; color: #FFF; color: #FFF; text-shadow: 1px 1.732px 1px rgba( 0, 0, 0, 0.5 ); display: block; text-align: center; padding: 10px 0; padding: 10px 0; line-height: 1; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .menus li a:hover { color: #a7a7a7; } .menus li:before { width: 87px; height: 188px; content: " "; display: block; position: absolute; top: -190px; left: 0px; background: url(../img/menu-renders.jpg) 4px top no-repeat; opacity: 0; } .menus li:nth-child(2):before { background-position: -83px top; } .menus li:nth-child(3):before { background-position: -170px top; } .menus li:nth-child(4):before { background-position: -257px top; } .menus li:nth-child(5):before { background-position: -344px top; } .menus li:nth-child(6):before { background-position: -431px top; } .menus li:hover:before { opacity: 1; } .menu-item { width: 522px; height: 265px; position: absolute; top: 196px; left: 63px; } .menu-item .skull { position: absolute; left: -33px; top: -19px; }  .marquee { width: 250px; height: 21px; position: absolute; top: 7px; left: 54px; font-size: 10px; line-height: 22px; } .server-time { width: 150px; height: 30px; position: absolute; top: 0; right: 0; font-size: 18px; line-height: 38px; color: #cec8b5; text-indent: 18px; } .server-status { width: 165px; height: 43px; position: absolute; right: 39px; bottom: 13px; } .online-count { position: absolute; width: 67px; height: 20px; top: 6px; left: 0; font-size: 21px; text-align: center; line-height: 1; } .server-status .status, .server-status .woe { position: absolute; top: 5px; left: 132px; font-family: "RINGM___"; font-size: 17px; } .server-status .woe { top: 20px; } .server-status .online { color: #0dd52a; } .server-status .offline { color: #ff0303; }   .account-panel { width: 100%; height: 267px; } .loginPanel { width: 250px; height: 170px; left: 50px; top: 56px; position: relative; } input.textClass { width: 211px; height: 46px; background: url(../img/input-bg.png) center top no-repeat; padding: 0 10px; margin: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .addon { width: 34px; height: 33px; display: inline-block; position: relative; top: 12px; } input.loginBtn { width: 137px; height: 43px; outline: 0; border: 0; background: url(../img/login-btn.png) center left no-repeat; cursor: pointer; } input.loginBtn:hover { background-position: -166px 0; } .loginBtns { padding: 10px 0 0 37px; } .loginBtns img { position: relative; top: 5px; }  .logged p { height: 115px; } .logged > a { display: inline-block; background: #0d0d0d; padding: 5px 27px; border: 3px solid #9c9b9b; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 2px; font-family: "RINGM___"; text-transform: lowercase; }  .database { height: 143px; } .database input[type="text"] { width: 211px; height: 46px; background: url(../img/input-bg.png) center top no-repeat; padding: 0 10px; margin: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .database form { width: 250px; position: relative; left: 46px; top: 38px; } .database .radios { width: 100px;  padding-left: 20px; float: left; } .database .searchBtn { width: 130px; height: 43px; overflow: hidden; float: left; } .database .searchBtn input[type="submit"] { width: 137px; height: 43px; background: url(../img/search-btn.png) 	center left no-repeat; border: 0; outline: 0; font-size: 0; margin-top: 3px; cursor: pointer; } .database .searchBtn input[type="submit"]:hover { background-position: -160px 0; } .database .radios label { height: 20px; overflow: hidden; display: block; } .database .radios label input { margin: 0; top: -18px; position: relative; } .database .radios label img { position: relative; top: 5px; left: 0; } .database .radios label:nth-child(2) img { top: -17px; } .database-bottom:after { display: block; clear: both; content: " "; }  .buttons { height: 350px; } .buttons ul, .buttons li { padding: 0; margin: 0; list-style: none; } .buttons ul { width: 270px; overflow: hidden; left: 40px; position: relative; top: 6px; } .buttons li { height: 83px; overflow: hidden; } .buttons li a { display: block; } .buttons li a img { position: relative; top: 0; left: 0; } .buttons li a:hover img { left: -294px; } .buttons li:nth-child(2) a img { top: -84px; } .buttons li:nth-child(3) a img { top: -169px; } .buttons li:nth-child(4) a img { top: -253px; }  .social { height: 260px; } .social-header { height: 68px; position: relative; } .social-header ul, .social-header li { padding: 0; margin: 0; list-style: none; } .social-header ul { position: absolute; top: 30px; right: 28px; } .social-header li { width: 29px; height: 29px; overflow: hidden; float: left; } .social-header li a { display: block; } .social-header li a img { position: relative; top: 0; left: 0; } .social-header li a.facebook img { left: 0; } .social-header li a.twitter img { left: -29px; } .social-header li a.youtube img { left: -58px; } .social-body iframe { position: relative; left: 39px; }  .guild { height: 403px; } .woes { height: 174px; width: 297px; position: relative; top: 96px; } .woes ul, .woes li { padding: 0; margin: 0; list-style: none; } .woes li { height: 45px; overflow: hidden; position: relative; line-height: 1; } .woes li img { position: absolute; top: 16px; right: 23px; } .woes li:nth-child(2) img { top: 15px; } .woes li:nth-child(3) img { top: 14px; } .woes li:nth-child(4) img { top: 13px; } .castle-name { text-indent: 90px; } .castle-time { text-indent: 75px; height: 29px; line-height: 31px; font-size: 13px; } .top-guild { width: 297px; height: 27px; position: relative; top: 142px; } .top-guild img { position: absolute; top: 3px; right: 23px; }  .player-rankings { height: 411px; } .top-player { width: 297px; height: 225px; position: relative; } .top-player > div { position: absolute; top: 109px; left: 76px; } .top-player > .kills { top: 152px; } .top-player > .deaths { top: 198px; } .players { margin-top: 8px; } .player-rankings .players ul, .player-rankings .players li { padding: 0; margin: 0; list-style: none; } .player-rankings .players li { height: 28px; line-height: 25px; font-size: 14px; text-indent: 53px; margin-top: 5px; }   .video { height: 224px; overflow: hidden; } .video iframe { width: 256px !important;; height: 144px !important; position: relative; top: 38px; left: 22px; }  .slider { width: 430px; height: 198px; background: url(../img/slider-bg.png) center top no-repeat; margin: -6px 0 0 -5px; } .slider .cycle-slideshow { width: 391px; height: 171px; position: relative; top: 15px; left: 19px; }  .welcome p { text-align: center; font-family: "Arial", sans-serif; }  .news { width: 411px; height: 504px; background: url(../img/news-bg.png) center top no-repeat; margin: 0 auto; } .news-feeds { width: 327px; margin: 0 auto; position: relative; top: 65px; font-family: "Arial", sans-serif; font-size: 12px; letter-spacing: 0.5px; } .news-feeds table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; } .news-feeds table tr td span { color: #f2a64c; } .news-feeds table tr td { background: url(../img/divider.jpg) center bottom repeat-x; padding: 13px 0 6px 0; } .news-feeds table tr td a { display: block; }  .itemshop { width: 355px; height: 144px; background: url(../img/item-shop-bg.png) center top no-repeat; margin: 20px auto; } .itemshop .cycle-slideshow { width: 340px; height: 108px; position: relative; left: 7px; top: 4px; } .itemshop .cycle-slideshow img { margin: 0 6px; display: block; }   #adminmenu, #submenu, #pagemenu { background: #333; padding: 5px; border-radius: 2px; margin-bottom: 2px; border: 0; color: #FFF; } #adminmenu a, #submenu a, #pagemenu a { color: #FFF; } .horizontal-table, .vertical-table { border-collapse: collapse; width: 100%; } .horizontal-table th, .vertical-table th { background: rgba(0,0,0,0.8); border: 1px solid #333; } .horizontal-table td, .vertical-table td { background: rgba(0,0,0,0.7); border: 1px solid #333; } .info-text { background: #333; border: 0; color: #e1e1e1; } .pages .page-prev, .pages .page-next { color: #FFF; } .generic-form, .generic-form-div { background: rgba(0,0,0,0.8); border-color: #333; } .generic-form input[type="submit"], .generic-form button[type="submit"] { display: inline-block; background: #0d0d0d; padding: 5px 27px; border: 3px solid #9c9b9b; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 2px; font-family: "RINGM___"; text-transform: lowercase; color: #FFF; font-weight: normal; outline: 0; cursor: pointer; } .generic-form input[type="submit"] strong, .generic-form button[type="submit"] strong { font-weight: normal; } .generic-form-table td p, .search-form label, .search-form2 label { color: #e1e1e1; } .block-link, .sortable, .sortable:hover, .toggler a, .top-ranked td, .top-ranked a { color: #e1e1e1; } .script-line-num { color: #333; }  .adjust { width: 420px; overflow: auto; }  .footer { height: 91px; padding-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-inner { width: 640px; margin: 0 auto; } .designer { width: 80px; float: left; } .copyright { width: 460px; float: left; text-align: center; } .coder { width: 80px; float: left; } .coder a img { width: 90px; }