/* #FFA500 orange */
/* #FFE4B5 light orange */
/* #F4A460 sandy brown */
/* #8B4513 brown */
/* #FFE4E1 pink */
/* #FF0000 red */
/* #696969 gray */
/* #9AFF9A light green */
/* #2E8B57 green */
/* #FFF8DC cornsilk, very light orange, used for site bg*/

body {
	background: #FFF8DC;
	color: black;
	font-family: verdana, times new roman;
}

p {
	line-height: 1.5;
	font-size: 14px;
}

li {
	color: #696969;
	line-height: 1.5;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #8B4513;
	padding: 6px;
	cursor: pointer;
	cursor: hand; /* loads this if pointer failed, for old IE */
}

/*---------- bubble tooltip -----------*/
a.tt{
    position: relative;
    z-index: 24;
    color: #3CA3FF;
    text-decoration: none;
    font-size: 14px;
}
a.tt span{
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	z-index:25;
	color: #aaaaff;
	background:;
}
a.tt:hover span.tooltip{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 32px 8px 0;
    background: url(/images/bubble.png) no-repeat top;
}
/* different middle bg for stretch */
a.tt:hover span.middle{
	display: block;
	padding: 0 8px;
	background: url(/images/bubble_filler.png) repeat bottom;
	overflow: hidden;
}
a.tt:hover span.bottom{
	display: block;
	padding: 3px 8px 18px; /*10*/
	color: #548912;
    background: url(/images/bubble.png) no-repeat bottom;
}

ul.chat {
    list-style-type: none;
    margin: 0px;
	padding: 0px;
	width: 100%;
}
ul.chat li {
	font-family: verdana, times new roman;
	font-size: 10px;
	color: black;
	overflow: hidden;
}

/* gui */
.button {
	font-family: verdana, times new roman;
	font-size: 14px;
	color: black;
	background: #FFF8DC;
	border: 1px solid #FFA500;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
	cursor: hand; /* loads this if pointer failed, for old IE */
}
.textinput, .passinput {
	font-family: verdana, times new roman;
	font-size: 14px;
	color: black;
	background: #FFF8DC;
	border: 1px solid #FFA500;
	padding: 3px;
	margin: 5px;
}

fieldset {
	border: 1px solid #8B4513;
}

fieldset.mystats {
	width: 400px;
}

fieldset.world {
	width: 200px;
}

legend {
	color: white;
	background: #8B4513;
	border: 0px;
	padding: 2px 6px;
}

ul.navbar {
	list-style-type: none;
	width: 175px;
	margin: auto;
	padding: 0px;
}
li.menuitem {
	float: left;
	height: 50px;
	width: 175px;
}
li.menuitem a {
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0px;
}
/*
li.menuitem a:hover {
	text-decoration: none;
	display: block;
	height: 100%;
}
*/

#home {
	background-image:url(/images/menu/home.png);
}
#home:hover {
	background-image:url(/images/menu/home2.png);
}
#login {
	background-image:url(/images/menu/login.png);
}
#login:hover {
	background-image:url(/images/menu/login2.png);
}
#create {
	background-image:url(/images/menu/create.png);
}
#create:hover {
	background-image:url(/images/menu/create2.png);
}
#rank {
	background-image:url(/images/menu/rank.png);
}
#rank:hover {
	background-image:url(/images/menu/rank2.png);
}
#contact {
	background-image:url(/images/menu/contact.png);
}
#contact:hover {
	background-image:url(/images/menu/contact2.png);
}
#features {
	background-image:url(/images/menu/features.png);
}
#features:hover {
	background-image:url(/images/menu/features2.png);
}
li.menuitem a img {
	border: 0px;
	width: 0px;
	height: 1px;
	margin-top: -1px;
	font-size: 0;
	overflow: hidden;
}

.grass, .plain, .forest, .mountains {
	width: 50px;
	height: 50px;
}
.grass {
	background:url(/images/grass.png);
}
.plain {
	background:url(/images/plain.png);
}
.forest {
	background:url(/images/forest.png);
}
.mountains {
	background:url(/images/mountains.png);
}

/*******************************************************/

/* the game bar ****************************************/
table.gamebar {
	/* gets rid of the bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 35px;
}
table.gamebar td {
    /* margin is the separation between each li */
    margin: 0px;
    margin-right: 10px;
    /* distance from border to content */
    padding: 0px;
    /* this allows li to be placed horizontally */
    float: left;
    width: 125px;
    text-align: left;
}
table.gamebar td a {
	background: #fffacd;
	padding: 2px 5px 2px 5px;
    border-right: 20px solid #ffdead;
    border-left: 1px solid #ffdead;
    border-top: 2px solid #ffdead;
    border-bottom: 2px solid #ffdead;
	/* click bounds in a block */
	display: block;
	text-decoration: none;
	color: #696969;
	vertical-align: middle;
}
table.gamebar td a:hover {
	background: #ffdab9;
    border-right: 20px solid #ffc125;
    border-left: 1px solid #ffc125;
    border-top: 2px solid #ffc125;
    border-bottom: 2px solid #ffc125;
    color: black;
}
/*******************************************************/
.head1 {
	background: #ffdead;
}

.head2 {
	background: #cd950c;
	color: #eed8ae;
}

table.innerbox {
	background: #ffe7ba;
	border: 1px solid #ffdead;
	border-collapse: collapse;
}

table.innerbox th {
	text-align: center;
	border: 1px solid white; /* FFA500 */
	height: 25px;
}

table.innerbox a {
	text-decoration: none;
	color: #8B4513;
}

table.infobox {
	background: #fffacd;
	border: 1px solid #ffdead;
	border-collapse: collapse;
}

table.infobox th {
	background: #ffdead;
	text-align: center;
	border: 1px solid #ffdead; /* FFA500 */
	height: 25px;
	color: #696969;
}

table.infobox a {
	text-decoration: none;
	color: #8B4513;
}

table.error {
	background: #FFE4E1;
	border: 1px dashed #FF0000;
	border-collapse: collapse;
}

table.error th {
	background: #FF0000;
	text-align: center;
	color: white;
}

table.success {
	background: #9AFF9A;
	border: 1px dashed #2E8B57;
	border-collapse: collapse;
}

table.success th {
	background: #2E8B57;
	text-align: center;
	color: white;
}

table.infobox td {
	/* the distance from border to content */
	padding : 5px;
}

table.error td {
	/* the distance from border to content */
	padding : 5px;
}

table.success td {
	/* the distance from border to content */
	padding : 5px;
}

table.map {
	border-collapse: collapse;
}

table.map td {
	padding: 0px;
}

table.map a {
	text-decoration: none;
	color: #8B4513;
	padding: 0px;
}

sub {
	color: #696969;
	font-style: italic;
}

img {
	border-width: 0px;
}

img.maptile {
	width: 50px;
	height: 50px;
}