/*
Gem's Games stylesheet
======================
*/

/* Holly hack time - prevents IE's peekaboo bug */
/* Hides from IE5-mac \*/
* html DIV {height: 1%;}
/* End hide from IE5-mac */

/* Applies to entire document where BODY class is 'fancy' */
BODY.fancy				{
							font-family:"Arial", sans-serif;
							font-size:small;
						}

/* Applies to all links where BODY class is 'fancy' */
BODY.fancy A:link						{text-decoration:none; color:#bc3a00;}	/* These A definitions MUST be in this order to work! */
BODY.fancy A:visited					{text-decoration:none; color:#bc3a00;}
BODY.fancy A:hover						{text-decoration:none; color:#f66200;}
BODY.fancy A:active						{text-decoration:none; color:#f66200;}

BODY.fancy A:link IMG					{border-color:#bc3a00}
BODY.fancy A:visited IMG				{border-color:#bc3a00}
BODY.fancy A:hover IMG					{border-color:#bc3a00}
BODY.fancy A:active IMG					{border-color:#bc3a00}

/* Applies to image class 'imghilight' where BODY class is 'fancy' */
BODY.fancy A:link IMG.imghilight		{border-color:#bc3a00;}
BODY.fancy A:visited IMG.imghilight		{border-color:#bc3a00;}
BODY.fancy A:hover IMG.imghilight		{border-color:#f66200;}
BODY.fancy A:active IMG.imghilight		{border-color:#f66200;}

/* Applies to root table */
TABLE.roottable			{
							border:3px solid #ffa71d;
							background-color:#ffffff;	/* Leave CELLPADDING and CELLSPACING to HTML attributes */
						}
/* Applies to main table */
TABLE.maintable			{
							border:1px solid #ffa71d;
							background-color:#ffdba3;
						}

/* Cell types */
.headcell				{
							border:0px solid #ffffff;
							padding:0px 5px 0px 0px;
							background-color:#ffcc43;
							text-decoration:none; color:#f05500; font-size:x-large; text-align:right;
							width:auto;		/* Width does not increase beyond that of containing block */
						}
.titlecell				{
							border:0px solid #ffffff;
							padding:3px 3px 3px 3px;
							margin-top:5px;
							background-color:#fff0d2;
							text-decoration:none; color:#000000; font-size:small; font-weight:bold; text-align:right;
							width:auto;		/* Width does not increase beyond that of containing block */
						}
.datacell				{
							border-width:0px 2px 2px 2px;		/* No top border */
							border-style:solid;
							border-color:#fff0d2;
							padding:3px 3px 3px 3px;
							background-color:#ffe8c5;
							text-decoration:none; color:#000000; font-size:small; text-align:left;
							width:auto;		/* Width does not increase beyond that of containing block */
						}
.datacell_mid			{
							border-width:0px 2px 0px 2px;		/* No top or bottom border */
							border-style:solid;
							border-color:#fff0d2;
							padding:0px 3px 0px 3px;
							background-color:#ffe8c5;
							text-decoration:none; color:#000000; font-size:small; text-align:left;
							width:auto;		/* Width does not increase beyond that of containing block */
						}
.lonecell				{
							border:2px solid #fff0d2;		/* All borders */
							padding:3px 3px 3px 3px;
							background-color:#ffe8c5;
							text-decoration:none; color:#000000; font-size:small; text-align:left;
							width:auto;		/* Width does not increase beyond that of containing block */
						}

/* Wrapper box, usually to limit width */
.wrapper				{
							border:0px;
						}

/* CSS cross-platform implementation of an "LIblock" (works on some browsers with <UL><LI><B>title</B><BR>text</LI></UL>) */
.liblock_title			{
							display:list-item;
							font-weight:bold;
							margin-left:40px;
						}
.liblock				{
							margin-left:40px;
						}

/* Right and left footer entries for game/utility listings, etc. */
.rfoot					{
							text-align:right;
							padding:3px 3px 3px 3px;
							background-color:#ffd799;
							width:auto;		/* Width does not increase beyond that of containing block */
						}
.lfoot					{
							float:left;
							padding:3px 3px 3px 3px;
							background-color:#ffd799;
							width:auto;		/* 'Shrinkwrap' to intrinsic width of what's contained */
						}

/* Small & large left and right box entries for links/ratings tables, etc */
TD.lbox					{
							border-top:2px solid #ffd799;	/* Top border only */
							width:25%;
							padding:3px 3px 3px 3px;
							background-color:#ffdea9;
							text-decoration:none; color:#000000; font-size:small; text-align:center;
						}
TD.rbox					{
							border-top:2px solid #ffd799;	/* Top border only */
							padding:3px 3px 3px 3px;
							background-color:#ffe3b7;
							text-decoration:none; color:#000000; font-size:small; text-align:center;
						}
TD.llbox				{	/* Smaller left box */
							border-top:2px solid #ffd799;	/* Top border only */
							width:18%;
							padding:3px 3px 3px 3px;
							background-color:#ffdea9;
							text-decoration:none; color:#000000; font-size:small; text-align:center;
						}
TD.rrbox				{	/* Larger right box */
							border-top:2px solid #ffd799;	/* Top border only */
							padding:3px 3px 3px 3px;
							background-color:#ffe3b7;
							text-decoration:none; color:#000000; font-size:small; text-align:center;
						}

/* Vertically align elements to middle */
.mid					{vertical-align:middle;}

/* Special style for A links for webring area */
.ringlink A				{
							font-size:12px;
							font-family:"Tahoma", "MS Sans Serif", "Arial", "Helvetica", sans-serif;
						}

/* Special style for text, creating big red stars */
SPAN.redstar			{
							font-weight:bold;
							color:#ff0000;
							font-size:large;
						}

/* Seperator cell */
#sepcell				{
							background-image:url("pics/sep-repeat.gif");
							background-repeat:repeat-x;
						}

/* IE likes to put silly borders around forms */
FORM					{
							border-width:0px;
							padding:0px;
							margin:0px;
						}