@-moz-document domain("www.tiipsi.com") {
/*
* This is a fixed version of the style that Marcoland uses!
* (fixed, because Marco forgot things like # in front of a hex-code for a color, or px after font-sizes)
*/



/*
* body defines the whole page
*/
BODY, TD {
/*
* font-family - should be logical
*/
font-family : VERDANA ;

/*
* font-size - the size of the font! :D
* You can also use %, pt, etc. see here:
* http://www.echoecho.com/csstext.htm
*/
font-size : 10px;

/*
* font-color - should also be clear - for more information:
* http://www.echoecho.com/csscolors.htm
*/
color: white; 
}

/*
* A defines links
*/
A {
/*
* Text-decoration like underline, etc.
* http://www.w3schools.com/css/tryit.asp?filename=trycss_text-decoration
*/
text-decoration: none;
color: lightgreen;
}

/*
* A:Hover defines the style of a link when you hover your mouse over it
*/
A:Hover {
text-decoration: none;
color: darkgreen;
}

/*
* A:Focus also exists (but is not used in Marcoland right now - just add it if you want
* It defines the style of a link when you click on it, or select it using the TAB-key
*/

/*
* This is used for a class in Marcoland, you can define classes of everything like for example a link:
* <table class="black"></table> for example
* now the text in this table will look like defined in .black
* to see what thing uses this class, just edit it and try it out! ;)
*/
.black {
font-family: VERDANA ;
font-size: 11px;
}

.silver {
font-family: VERDANA ;
font-size: 10px;
color: silver;
}

/*
* This defines the field to the left where you can see your characters attributes
*/
.statField {
	/*
	* background defines things related to the background - for example the color :D
        * http://www.w3schools.com/css/css_background.asp
	*/
	background: #181818;

	/*
	* what do you think?
        * right! this defines the borders - you can use for example an outset border an inset border, etc.
        * I suggest using at least 2px, else you wont see their real style ^^
        * http://www.w3schools.com/css/css_border.asp
	*/
	border: 1px solid #33FF99;
}

/*
* This defines the text that is used for "ID", "Level", "Experience", "Strength", etc.
*/
.str {
	font-family: Verdana, Lucida, Georgia;
	color: #23DF89;
}

/*
* This defines the fields where you can read "Links and Stats", "Game Info", or "User Links" for example
* Also the text above the voting link got this style! ;)
*/
#topmenucell {
border:1px solid #33FF99; 
background-color: green
}

/*
* I think this defined the little background-border around the "Stats"-field left
*/
#bottommenucell {
border-left: 1px solid green;
border-bottom: 1px solid green;
border-right: 1px solid green;
border-top: 1px solid green;
padding: 5px;
background-color: #000000
}

#footer {
padding: 0;
font-family: VERDANA ;
font-size: 10px;
color: #000000;
}

.chatname {
font-size: 9px;
}
.navhi {
	color: #00FF00;
	text-decoration: underline;
}




/*
* There's also some style-code in Marcoland that can be found here:
* http://www.tiipsi.com/CSS/base.css
*
* I also want to show you this:
*/

input { border: 1px solid #CC0000; background-color: #000000; color: white; }

/*
* This defines the style of the input-fields on the market for example.
* As you may know there's also a hover and focus function on inputs, that make them look really pretty.
* For example I think it allways looks cool if the border if an input field is getting lighter if you hover over it.
* The background-color should get lighter if you focus(click) on it
*/
input:hover { border: 1px solid #FF9900 !important; }
input:focus { background-color: #666666 !important; }
}