/** General Page settings **/
body {
	text-align: left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #c3ae93;
	background-image: url('../images/ancient/bg.png');
	background-repeat: repeat;
}

#main {
	margin: 0;
	height: 100%;
	width: 100%;
}

a, a:link, a:active, a:visited {
	color: #663333;
	text-decoration: none;
	border-bottom: 1px dashed #663333;
}
a:hover {
	text-decoration:underline;
	border-bottom: none;
}

hr {
	color: #663333;
	background-color: #663333;
	height: 2px;
}

/** Page Headers **/
.header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0;
	padding: 10px;
}

#banner {
	position:absolute;
	padding-top: 0;
	left: 200px;
	right: 0;
	text-align: center;
}

#bannerlink {
	text-align: center;
	display: block;
	background-image: url('../images/ancient/banner_mx.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

#bannerlinkalt {
	text-align: center;
	display: block;
	background-image: url('../images/ancient/banner_fx.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

#bannerlink:hover, #bannerlinkalt:hover, #bannerpreload {
	text-align: center;
	display: block;
	background-image: url('../images/ancient/banner_bx.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 100px;
	width: 100%;
	min-width: 400px;
	border: none;
	text-decoration: none;
}

div#bannerpreload {
	width: 0;
	height: 0;
}

/** Top Menu Bar **/
.topmenu {
	position:absolute;
	top: 110px;
	left: 220px;
	right: 30px;
	height: 53px;
}

.topmenu_l {
	height: 53px;
}

.topmenu_r {
	height: 53px;
}

.topmenu_c {
	height: 53px;
	background-color: #663333;
	background: url('../images/ancient/top_c.png') repeat;
	padding-left: 20px;
}

ul.mainmenu {
	list-style-type: none;
	display: inline;
}

ul.mainmenu li {
	display: inline;
}

ul.mainmenu li a {
	color: #e5ceb3;
	display: block;
	text-decoration:none;
	float:left;
	background: transparent;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 8px;
	text-align:center;
	height: 28px;
	min-width: 40px;
	border-bottom: none;
}

ul.mainmenu li a:hover {
	color: #663333;
	background: url('../images/ancient/bg.png') repeat;
	text-decoration: none;
	font-weight: bold;
}

.topmenu select {
	color: #e5ceb3;
	background: transparent;
}
.topmenu select option {
	color: #000;
	background: #fff;
}
div.uiswitch {
	float:right;
	clear:none;
	margin-right: 10px;
	padding-top:8px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 28px;
}

/** Window frames **/
.windowframe {
	border: 1px solid #663333;
	background-color: #f9eace;
	padding: 5px;
	overflow:auto;
}

.titlebar {
	background: url('../images/ancient/title_c.png') repeat-x;
	height: 16px;
	font-weight: bold;
	text-align: center;
	color: #663333;
	width: 100%;
	border-top: 1px solid #663333;
	border-bottom: 1px solid #663333;
}

.titlebar_l {
	border-left: 1px solid #663333;
}

.titlebar_r {
	border-right: 1px solid #663333;
}

.titlebar_c {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #f9eace;
	background-image: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 1px;
	display:inline;
}
.titlebar_mini {
	background: url('../images/ancient/title_c.png') repeat-x;
	border-top: 1px solid #663333;
	border-left: 1px solid #663333;
	border-right: 1px solid #663333;
	height: 16px;
	margin-bottom:0;
}
.titlebar_minitext {
	text-align:center;
}
.titlebar_minitext span {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #f9eace;
	background-image: none;
	color: #663333;
	font-weight: bolder;
	margin-top: 1px;
	margin-bottom: 1px;
}
.content_mini {
	margin-left: 10px;
	margin-top:0px;
	height: 530px;
	width: 95%;
}
#map {
	border: 1px dashed;
	position: relative;
	width: 512px;
	height: 512px;
}
#position {
	visibility: visible;
	position: absolute;
	width: 9px;
	height: 9px;
	z-index: 1;
	background: top left url('/images/crocetta.gif') no-repeat;
}
#position span {
	display: none;
}
.shop tr td {
	vertical-align: middle;
}
.shops {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.shops th, .shop th {
	color: #663333;
}

.bottombar {
	height: 27px;
	min-height: 27px;
	font-style: italic;
	font-size: 0.75em;
	text-align: center;
}

.bottombar_l {
	height: 27px;
	min-height: 27px;
}

.bottombar_r {
	height: 27px;
	min-height: 27px;
}

.bottombar_c {
	height: 27px;
	min-height: 27px;
	background: url('../images/ancient/bottom_c.png') repeat;
	padding: 3px;
}

/** Status Box **/
#status {
	position:absolute;
	left: 10px;
	top:10px;
	width: 180px;
	background: url('../images/ancient/top_c.png') repeat;
}

#woeinfo {
	position:absolute;
	left: 10px;
	top: 170px;
	width: 180px;
	background: url('../images/ancient/top_c.pmg') repeat;
}

#status .bottombar,
#woeinfo .bottombar {
	display: none;
}

#status .titlebar, #status .titlebar_c, #status .titlebar_l, #status .titlebar_r,
#status .windowframe {
	background: transparent;
	color: #f9eace;
}

#statusframe span {
	background: #f9eace;
	border: 1px #663333 solid;
}

#statusframe {
	height: 120px;
	overflow:hidden;
}

#woeinfoframe {
	height: 220px;
	overflow:hidden;
}

.statustable {
	font-size: 0.8em;
	width: 100%;
}

.statustable th {
	font-weight: normal;
	text-align: left;
}

.statustable td {
	text-align: center;
}

.online, #statusframe .online {
	padding-right: 11px;
	color: #9eb93d;
	background: center right url('../images/ancient/on.png') no-repeat;
	background-color: #f9eace;
	display:block;
	min-height: 11px;
}

.offline, #statusframe .offline {
	padding-right: 11px;
	color: #ff0000;
	background: center right url('../images/ancient/off.png') no-repeat;
	background-color: #f9eace;
	display: block;
	min-height: 11px;
}

/** Side Menu **/
#sidemenu {
	position:absolute;
	left: 10px;
	top: 430px;
	bottom: 32px;
	width: 180px;
}

#sidemenu div.bottombar {
	display: none;
}

#sidemenuframe {
	height: 100%;
	background-position: bottom left;
	background-image: url('../images/ancient/title_c.png');
	background-repeat: repeat-x;
}

.sidelist {
	font-size: 0.9em;
}

ul.sidelist, h3.sidelist {
	margin-top:4px;
	margin-bottom:4px;
}

ul.sidelist {
	list-style-image: url('../images/ancient/bullet.png');
}

ul.sidelist li {
	margin-left: -15px;
	padding-bottom:4px;
}

#votinglist li a {
}

#menulist li a {
}

/** Main page **/
#pagebox {
	position: absolute;
	left: 200px;
	right: 10px;
	top: 170px;
	bottom: 65px;
}

#pageboxframe {
	height: 100%;
}
#pageboxframe p {
	margin-left: 15px;
}
#pageboxframe p:first-line {
	font-weight: bolder;
	font-style: italic;
	color: #663333;
}

#pageboxframe p:first-letter {
	margin-left: -15px;
	font-style: italic;
	color: #663333;
	font-size: 2.5em;
	font-family: Garamond, Georgia, "New York", Times, "Times New Roman", serif;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 10px;
	float:left;
}

#pagefooter, #pagefooter * {
	color: #f9eace;
}

#pagefooter a:link, #pagefooter a:visited, #pagefooter a:active {
	text-decoration: underline;
}

.commands dt {
	font-weight: bolder;
	font-style: italic;
	color: #663333;
}

ul.toc {
	float:right;
	border: 1px dashed #663333;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 22px;
	padding-right: 6px;
	margin-left: 10px;
	margin-top:4px;
	margin-right: 0;
	margin-bottom: 10px;
	list-style-image: url('../images/ancient/bullet.png');
}

li.title {
	font-weight: bolder;
	font-style: italic;
	list-style-type: none;
	margin-left: -20px;
	list-style-image: none;
}

li.title h3 {
	font-size: 1em;
	margin-bottom: 0;
	font-style: normal;
	margin-left: -25px;
	margin-top: 4px;
}

h1.pagesection {
	font-family: Garamond, Georgia, "New York", Times, "Times New Roman", serif;
	font-style: italic;
	color: #663333;
	text-decoration: none;
	border-bottom: 1px dotted #663333;
	width: 75%;
	padding-bottom: 2px;
	padding-left: 15px;
	margin-top: 6px;
}

hr.pagesection {
	width: 77%;
	margin-top: 30px;
	text-align: left;
	float: left;
}

a.linktop {
	display: block;
	width: 11px;
	height: 11px;
	background: top center url('../images/ancient/toparrow.png') no-repeat;
	border: none;
	text-decoration: none;
	float: right;
	margin-right: 25px;
	margin-top: -14px;
	clear:left;
}
a.linktop span {
	display: none;
}

/** CMS Stuff **/
dl.newsheadlines dd {
	list-style: url('../images/ancient/bullet.png');
	display: list-item;
}
dl.newsheadlines {
	margin: 4px;
}
a.newsheadlines {
	font-style:italic;
	margin-left: 4px;
}
a.newsheadlines:before {
	content: "(";
	font-style: normal;
}
a.newsheadlines:after {
	content: ")";
	font-style: normal;
}

/** Updates changelog **/

dl.updheadlines {
	list-style: url('../images/ancient/bullet.png');
	display: list-item;
	margin-left: 20px;
}
dl.updheadlines dt:before {
	content: "[ ";
}
dl.updheadlines dt:after {
	content: " ] : ";
}
dl.updheadlines dd, dl.updheadlines dt {
	display: inline;
}
a.updheadlines {
	font-style:italic;
	margin-left: 4px;
}
a.updheadlines:before {
	content: "(";
	font-style: normal;
}
a.updheadlines:after {
	content: ")";
	font-style: normal;
}

li.upd_misc:before {
	color: #8b0000;
	content: "[Misc] ";
}
li.upd_commands:before {
	color: #8b0000;
	content: "[Commands] ";
}
li.upd_ui:before {
	font-weight:bold;
	content: "[UI] ";
}
li.upd_npc:before {
	color: #000080;
	content: "[NPC] ";
}
li.upd_fix:before {
	font-weight: bold;
	content: "[Fix] ";
}
li.upd_internal:before {
	content: "[Internal] ";
}
li.upd_skill:before {
	color: #808000;
	content: "[Skill] ";
}
li.upd_homunculus:before {
	color: #808000;
	content: "[Homunculus] ";
}
li.upd_mob:before {
	color: #008000;
	content: "[Mob] ";
}
li.upd_items:before {
	color: #008000;
	content: "[Items] ";
}
li.upd_map:before {
	color: #000080;
	content: "[Map] ";
}
h3.upd {
	display:inline;
	color: red;
}

div.news, div.updates {
	clear: both;
}

.news h3, .updates h3 {
	margin-bottom: 5px;
}

div.newsentry, div.updatesentry {
	text-align:justify;
	padding:3px;
	margin-top:3px;
	margin-bottom:5px;
	border-top:1px solid #dbc0a5;
}

.tooltip {
	position: absolute;
	display:none;
}
.hastooltip:hover .tooltip, .tooltip:hover {
	display:block;
	background-color: #c3ae93;
	color: #000;
}