html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	color: #000;
	background: #4c9622 url(../img/bg.jpg) center top no-repeat;
	background-size: 100% auto;
}
@font-face {
	font-family: "Museo_Slab", sans-serif;
	src: url('../img/Museo_Slab.otf');
}
@font-face {
    font-family: "Futured";
    src: url("../img/Futured.TTF");
    src: local("Futured"), url( "../img/Futured.TTF" ) format("truetype");  
}
h2, h3 { padding: 5px 10px; background: #0492bb; color: #fff; font-size: 12pt; font-weight: bold; margin: 5px 0; }

h3:first-letter {
	font-weight: bold;
}

p {
	margin: 4px 0 8px 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	color: #066a94;
	text-decoration: none;
	font-weight: bold;
}
#wrapper { width: 100%; position: absolute; top: 0; left: 0; }
#main { width: 1134px; background: url(../img/header.png) center top no-repeat; margin: 0 auto; }
#serverstatus { width: 100%; height: 100px; }
#spacer { width: 100%; height: 320px; }
#navigation { height: 110px; }
#container { width: 1047px; margin: 10px auto; }
#container-adjust { width: 1025px; position: relative; top: 5px; left: 11px; }
#container-top { width: 1047px; height: 8px; background: url(../img/container-top.png) center top no-repeat; }
#container-inner { width: 1047px; min-height: 600px; background: url(../img/container-inner.png) center top repeat-y; }
#container-bottom { width: 1047px; height: 12px; background: url(../img/container-bottom.png) center top no-repeat; }

.sidebar-left { width: 279px; float: left; }
.content { width: 463px; float: left; margin: 0 0 0 10px; }
.sidebar-right { width: 264px; float: left; }

.accountpanel { width: 279px; height: 278px; background: url(../img/accountpanelbg.png) center top no-repeat; overflow: hidden;}
.searchengine { width: 279px; height: 198px; background: url(../img/searchbg.png) center top no-repeat; margin: 6px 0; }
.halloffame { width: 279px; height: 230px; background: url(../img/halloffamebg.png) center top no-repeat;}
.quicklinks { width: 279px; height: 344px; background: url(../img/quicklinksbg.png) center top no-repeat;}
.facebook { width: 279px; height: 358px; background: url(../img/facebookbg.png) center top no-repeat; margin-top: 6px; }
.facebook iframe { position: relative; top: 57px; left: 20px; }
.slider-panel { width: 463px; height: 271px; background: url(../img/sliderbg.png) center top no-repeat; margin: 0 auto;}
.news-panel { width: 465px; height: 281px; background: url(../img/newsbg.png) center top no-repeat; margin: 10px auto;}
.itemshop-panel { width: 419px; height: 151px; background: url(../img/itemshopbg.png) center top no-repeat; margin: 0 auto; }
.quicklinks ul { width: 180px; height: 250px; position: relative; top: 70px; left: 70px; overflow: hidden; }
.quicklinks li { text-align: center; margin-bottom: 23px; }

.cycle-slideshow img { width: 447px; height: 170px; padding: 8px 8px 0 8px; }
#adv-custom-pager a img { display: inline-block; width: 140px; height: 72px; margin: 16px 0px 0 11px; }
.cycle-pager-active { opacity: 0.7; }

.menu ul > li { float: left; }
.menu ul { width: 1020px; margin: 0 auto; position: relative; top: 23px; left: 5px; }
.menu ul > li:nth-child(2):hover { background: url(../img/arrow.png) right 17px no-repeat; }
.menu ul > li:nth-child(7):hover { background: url(../img/arrow.png) right 7px no-repeat; }
.menu ul > li.menuspace { width: 280px; }
.submenu {
	width: 950px;
	height: 31px;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 30px;
}
.submenu ul {
	width: 950px;
	margin: 0 auto;
	display: none;
}
.submenu ul li {
	color: #fff;
	position: relative;
}
.submenu ul li a {
	font-family: "Museo_Slab";
	color: #6aa900;
	position: relative;
	font-size: 14pt; 
	padding: 0 20px;
	border-right: 2px solid #048baf; 
	font-weight: 500;
}
#newstab {width: 450px;	margin: 0 auto;}
#newstab ul {width: 450px;height: 40px;	overflow: hidden;}
#newstab li { width: 80px; height: 40px; position: relative; top: 15px; left: 10px; overflow: hidden; }
#newstab li:nth-child(2) { width: 110px;height: 40px;overflow: hidden; }
#newstab li:nth-child(2) img { position: relative; top: 0; left: -80px; }
#newstab li:nth-child(3) { width: 140px; height: 40px; overflow: hidden;}
#newstab li:nth-child(3) img { position: relative; top: 0; left: -190px; }
#newstab li:nth-child(4) { width: 110px;height: 40px;overflow: hidden; }
#newstab li:nth-child(4) img { position: relative; top: 0; left: -320px; }
#newstab ul, #newstab li {margin: 0;list-style: none;font-size: 9pt;font-weight: bold;}
#newstab ul{display: inline;}
#newstab li, #newstab li a {float: left;}
#newstab ul li.active a {position: relative; top: -33px; left: 0;}
#newstab div { width: 420px; padding: 5px; clear: both;min-height: 200px;margin: 0 auto;position: relative; top: 15px; overflow: hidden; }
#newstab ul li a {text-decoration: none;padding: 7px 5px;font-weight: bold;	color: #d4a237; }

#halloffame { width: 260px; height: 220px;	margin: 0 auto; }
#halloffame ul {position: relative; top: 55px; width: 200px;height: 40px;	overflow: hidden;}
#halloffame li { width: 80px; height: 20px; position: relative; top: 10px; left: 10px; overflow: hidden; }
#halloffame li:nth-child(2) { width: 100px; height: 20px; margin-left: 60px; overflow: hidden; }
#halloffame li:nth-child(2) img { position: relative; top: 0; }
#halloffame ul, #halloffame li { margin: 0;list-style: none;font-size: 9pt;font-weight: bold;}
#halloffame ul{ display: inline; }
#halloffame li, #halloffame li a {float: left;}
#halloffame ul li.active a {position: relative; top: -23px; left: 0;}
#halloffame div { width: 250px; height: 124px; padding: 5px; clear: both; margin: 0 auto; position: relative; 
top: 65px; overflow: hidden; }
#halloffame ul li a {text-decoration: none;font-weight: bold;	color: #d4a237; }
#gotm tr td.guild_logo, #pvpking tr td.sex { width: 220px; height: 100px; overflow: hidden; text-align: center; vertical-align: middle; }
#pvpking tr td.sex img { height: 100px; }
#gotm table tr td, #pvpking table tr td { text-align: center; font-family: 'Ruda', sans-serif; color: #598e00; 
text-transform: uppercase; }
#gotm table tr td span, #pvpking table tr td span { color: #086f90;  }

#searchengine { height: 160px; }
#searchengine ul { position: relative;  top: 55px; width: 200px; height: 40px; overflow: hidden;}
#searchengine li { width: 100px; height: 20px; font-family: "Arial", sans-serif; position: relative; 
top: 10px; left: 40px; overflow: hidden; }
#searchengine li:nth-child(2) { width: 102px; height: 20px; margin-left: 20px; overflow: hidden; }
#searchengine ul, #searchengine li { margin: 0;list-style: none;font-size: 9pt;font-weight: bold;}
#searchengine ul{ display: inline; }
#searchengine li, #searchengine li a { float: left; }
#searchengine ul li.active { position: relative; border-bottom: 1px solid black; }
#searchengine ul li.active a { color: #0090be; }
#searchengine div { width: 250px; height: 64px; padding: 5px; clear: both; margin: 0 auto; position: relative; 
top: 65px; overflow: hidden; }
#searchengine ul li a {text-decoration: none;font-weight: bold;	color: #169504; }
#searchmonster p, #searchitem p { color: #076b8b; position: relative; top: 5px; left: 7px; }
#searchmonster input[type=text], #searchitem input[type=text] { background: #FFF; border: 0; padding: 4px 5px; margin-top: 5px; }
#searchmonster input[type=submit], #searchitem input[type=submit] { visibility: hidden; }
.login_row { width: 180px; height: 72px; position: relative; top: 57px; left: 25px;  }
.login_row td input { width: 160; height: 25px; padding: 0 10px; margin: 5px 0 0 0; }
.loginBtn_panel { width: 65px; float: left; position: relative; top: -10px; left: 205px; }
.loginBtn {
	width: 65px; height: 59px;
	background: url(../img/loginBtn.png) no-repeat;
	border: 0; cursor: pointer;
	position: relative;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}
.loginpanel_logged { width: 200px; height: 70px; position: relative; top: 70px; left: 30px; }
.loginpanel_logged a { background: #0d7ca6; color: #fff; width: 60%; padding: 3px 5px; border-radius: 5px; }
#options span a { font-family: "Lucida", sans-serif; position: relative; top: 0px; left: 20px; } 
.submenu ul li a, .quicklinks li img, .button { 
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out; 
}
.submenu ul li a:hover {
	color: #17a004;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.quicklinks li img:hover {
	opacity: 0.7;
}
.loginpanel { width: 280px; height: 135px; overflow: hidden; }
.login_btn ul li { width: 254px; height: 67px; overflow: hidden; margin-left: 15px; }
.login_btn a img { width: 254px; overflow: hidden; }
.login_btn a img:hover { position: relative; top: -69px; }
.login_btn li:nth-child(2):hover img { position: relative; top: -71px; }

#featured { 
	width:460px; 
	position: relative; 
	height:270px;
	overflow: hidden;
}
#featured ul.ui-tabs-nav{ 
	position: relative; 
	top: 196px; left:5px; 
	list-style:none; 
	padding:0; margin:0; 
	width:457px; height:80px;
	overflow:auto;
	overflow:hidden;
	z-index: 500;
}
#featured ul.ui-tabs-nav li{ 
	float: left;
}
#featured ul.ui-tabs-nav li img{ 
	width: 145px;
	padding-left: 3px;
	height: 70px;
	float:left;
}
#featured li.ui-tabs-nav-item a { 
	display:block; width: 150px;
	height:80px; text-decoration:none;
	color:#333; 
	line-height:20px; outline:none;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	opacity: 0.7;
}
#featured .ui-tabs-panel{ 
	width: 445px; height:180px; 
	position:relative;
	overflow: hidden;
	top: -72px;
	left: 8px;
}
#featured .ui-tabs-panel img {
	width: 445px; height:175px; 
}
#status {
	width: 800px;
	height: 70px;
	margin: 0 auto;
}
.status {
	width: 340px;
	height: 70px;
	float: left;
}
.online_count {
	width: 152px;
	height: 30px;
	float: left;
	color: #0aa3cc;
	font-size: 14pt;
	padding-top: 30px;
	text-align: center;
	font-family: Arial;
}
.online_count p {
	width: 152px;
	height: 30px;
	float: left;
	color: #fff;
	font-size: 12pt;
	padding-top: 1px;
	text-align: center;
	font-family: Arial;
}
.online_count p span { color: #faff87; }
.woeinfo {
	width: 130px;
	height: 70px;
	float: left;
}
.woeinfo img {
	position: relative;
	top: 8px;
	left: 60px;
}
.time {
	width: 150px;
	height: 70px;
	float: left;
}
.time iframe {
	position: relative;
	top: 6px;
	left: 80px;
}
.login {
	position: relative;
	top: 9px;
	left: 168px;
}
.char {
	position: relative;
	top: 9px;
	left: 210px;
}
.map {
	position: relative;
	top: 9px;
	left: 265px;
}
table.rss { font-family: "Arial", sans-serif; }
table.rss td.title { width: 270px; color: #dd4c48; padding: 5px 0; }
table.rss td.title a { color: #dd4c48; font-family: "Arial", sans-serif; }
table.rss td.summary { color: #2b8282; text-indent: 50px; }
table.rss td.posted { color: #c44500; font-size: 7pt; text-align: right; }
#LADDER th, #CASTLES th { padding: 4px 0; background: #e0dddd; font-weight: bold; color: #c44500; }
#LADDER td, #CASTLES td { vertical-align: middle; padding: 4px 0; color: #dd4c48; }
#adminmenu, #submenu { background: #b0b0b0; color: #000;  padding: 5px 10px; border-radius: 5px; margin-bottom: 7px; }
#adminmenu a, #submenu a { color: #000; }

#footer { width: 960px; margin: 0 auto; min-height: 200px; }
#footer ul { position: relative; top: 60px; }
#footer li { float: left; }
#footer li.copyright { width: 300px; color: #fff; font-size: 8pt; text-align: center; }
#footer li.space { width: 300px; }
#footer li.credits span { display: block; float: left; margin-left: 30px; text-align: center; }
#footer li.credits span img { margin-top: 10px; }
#footer li.credits { color: #fff; }
#CASTLES {
	height: 316px;
	background: url(../img/castle_bg.png) center 10px no-repeat;
}
#CASTLES .castle_1,
#CASTLES .castle_2 {
	width: 220px;
	height: 70px;
}
#CASTLES .castle_3,
#CASTLES .castle_4 {
	width: 220px;
	height: 80px;
}
.castle_1 img {
	position: relative;
	top: 0px;
	left: 52px;
}
.castle_2 img {
	position: relative;
	top: 0px;
	left: 132px;
}
.castle_3 img {
	position: relative;
	top: -15px;
	left: 105px;
}
.castle_4 img {
	position: relative;
	top: -15px;
	left: 78px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 310px;
    height: 115px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative; top: 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
    margin-top: 20px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 100px;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: -30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: -30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
#spacer { position: relative; }
.language { background: #FFF; padding: 2px; } .language input[type="radio"] {display:none; } .language input[type="radio"] + label span {display: block; width: 46px; height: 33px; margin: 0; vertical-align:middle; cursor:pointer; float: left; } .language input[type="radio"]#en_us + label span {background: url(../img/gb.png) center top no-repeat; margin-right: 3px; } .language input[type="radio"]#spanish + label span {background: url(../img/spanish.png) center top no-repeat; } .language input[type="radio"]#en_us:checked + label span {background: url(../img/gb.png) center top no-repeat; opacity: 0.5; } .language input[type="radio"]#spanish:checked + label span {background: url(../img/spanish.png) top left no-repeat; opacity: 0.5; } .language { position: absolute; top: 0px; right: 100px; }

.adjust { width: 460px; overflow: auto; }
.button { background: #0d7ca6; color: #fff; padding: 3px 10px; border-radius: 5px; border: 0; cursor: pointer; }
.button:hover { opacity: 0.8; }
.clear { clear: both; }