/*---------------------------------------------------
Look at me try and build a nice looking CSS file. I tired my hardest on this, 
so please don't steal; you may use as a basis, but come on. Don't copy line for line, 
okay? Besides, my CSS is crap anyway.
-----------------------------------------------------*/


body {
	margin: 0;
	background: #333f66 url('images/back.gif');
    color: #e8edff;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }

a, a:active, a:link, a:visited {
	color: #f6a69d;
	text-decoration: none;
	border: 0; }

a:hover {
	color: #f6a69d;
	text-decoration: underline; }

i, em {
	background: transparent;
	color: #fef2fe; }

b {
	background: transparent;
	color: #86163e;
	text-transform: uppercase; }

strong {
	background: transparent;
	color: #9f2f57;
	text-transform: none; }

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

#total { position: relative;
         margin: auto;
         width: 800px; }

#image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px; }

#footer {
	position: absolute;
	width: 800px;
	left: -116px; }

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


#content { 
	position: absolute;
    top: 590px;
    left: 116px;
	background: #b77996 url('images/content.gif');
	padding: 4px;
   	width: 576px; }

#content h1 {
	color: #9f2f57;
	font-family: times new roman, verdana, arial, sans-serif;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dotted #b5c4fe;
	letter-spacing: 6px;
	margin: 12px 12px 0 0;
	padding: 2px 2px 4px 4px; }

#content h1:first-letter {
        color: #86163e; }

#disclaimer {
	font-size: 10px;
	color: #91a9c0; }


/*---------------------------------------------------------------------
   Hello, otherstuff. Let's be friends. 
------------------------------------------------------------------------*/


#side { 
	position: absolute;
    	top: 468px;
    	left: 108px;
    	z-index: 1;
    	width: 170px; }

#side blockquote { background-color: #ffdcd8;
             width: 210px;
             border: 1px solid #ffffff;
			 padding: 10px;
			 color:  #b77996;
	     	 font: 11px "trebuchet ms", verdana, arial, sans-serif; }

/*---------------------------------------------------------------------
   Navigation, you are a fickle mistress.
------------------------------------------------------------------------*/

#nav { 
	position: absolute;
    	top: 520px;
    	left: 513px;
    	z-index: 1;
    	width: 130px; }

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