body
{
	background: url(img/back.gif) fixed #ffcc99 left bottom;
	background-position: left bottom;
	background-repeat: repeat;
	color: #625e58;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}  
/*---------------------------------------------------
layout base
-----------------------------------------------------*/
#layo
{
	background: url(img/x.gif) transparent left bottom;
	background-repeat: repeat-x;
	bottom: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 1;
}	   
#tb
{
	border: 0px;
	width: 80px;
}	   
td
{
	border: 0px;
	height: auto;
}

img
{
	border: 0px;
}	  
/*---------------------------------------------------
more stuff
-----------------------------------------------------*/
.submit {
	background: #fdf8ff;
	color: #db2645;
	text-align: center;
	text-transform: uppercase;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

.reset {
	background: #fdf8ff;
	color: #db2645;
	text-align: center;
	text-transform: uppercase;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

.input {
	background: #fdf8ff;
	color: #db2645;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

/*---------------------------------------------------
common stuff
-----------------------------------------------------*/
a, a:active, a:link, a:visited {
	color: #db2645;
	text-decoration: none;
	border: 0; }

a:hover {
	color: #4b7b99;
	text-decoration: none;
	border-bottom: 1px; }

i	{
	color: #db2645; }

em {
	color: #ee6a50; }

b {
	color: #4b7b99;
	text-transform: uppercase; }

strong {
	color: #e35152;
	text-transform: uppercase; }		 

/*---------------------------------------------------------------------
   Why, yes. This is the content part + disclaimer.
------------------------------------------------------------------------*/

#content { 	 
	position: absolute;
	bottom: 30px;
	left: 378px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	width: 328px;
	text-align: justify; 
	z-index: 2}
	
#content h1 {
	color: #fec6a0;
	font-family: "century gothic", times new roman, verdana, arial, sans-serif;
	font-size: 18px;
	text-align: left;
	background: url('images/header.gif') no-repeat;
	letter-spacing: 6px;
	margin: 10px 10px 10px 0;
	padding: 0px 10px 10px 25px; }

#content h2 {
	color: #b05e51;
	font: italic 12px times new roman, verdana, arial, sans-serif;
	text-align: right;
	border-bottom: 1px dashed #e5b5ad;
	margin: -25px 30px 10px 0px; }

#stats {
	position: absolute;
	right: 165px;
	top: 500px;
	padding-top: 10px;
	padding-left: 18px;
	padding-right: 4px;
	background: url('images/stats.gif') no-repeat;
	width: 286px;
	height: 82px;
	color: #333333;
	font: 10px courier new, times new roman, sans-serif; }

#content ul {
	margin: 0 0 0 30px;
	list-style-image: url('img/arrow.gif');
	text-align: left; }

#content blockquote {
	background: #fdf8ff;
	padding: 2px;
	width: 250px;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid; }

#credit {
	font-size: 10px;
	color: #8b0a50; }

#out {
	position: absolute;
	width: 328px;
	bottom: 20px;
	left: 380px;
	font-size: 10px;
	color: #8b0a50; }

#boxes {
	padding: 8px; }


/*---------------------------------------------------------------------
   Extra tidbits, to make things spiffy, you see?
------------------------------------------------------------------------*/

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}

.codesort input { 
	background: #fdf8ff;
	color: #db2645;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

.codesort option { 	
	background: #fdf8ff;
	color: #db2645;
	text-transform: uppercase;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

.codesort select { 
	background: #fdf8ff;
	color: #db2645;
	text-transform: uppercase;
	border-left: #e35152 1px solid;
	border-top: #e35152 1px solid;
	border-right: #db2645 3px solid;
	border-bottom: #db2645 3px solid;
	margin: 0 auto; }

/*---------------------------------------------------------------------
   GREYBOX, WORK WITH ME PLZ
------------------------------------------------------------------------*/

#GB_overlay {
  background-image: url(img/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(img/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 300px;
  height: 300px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}


/*---------------------------------------------------------------------
   END NOT-SO-LONGISH CSS O' DOOM.
------------------------------------------------------------------------*/