/*---------------------------------------------------
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: #000000 url('images/back.gif') repeat;
    	color: #625e58;
	font-family: "trebuchet ms", arial, verdana, sans-serif;
	font-size: 11px; }

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

a:hover {
	color: #c84b4B;
	text-decoration: none; }

i	{
	background: transparent;
	color: #a51e1d; }

em {
	background: transparent;
	color: #fa9016; }

b {
	background: transparent;
	color: #7b6260;
	text-transform: uppercase; }


strong {
	background: transparent;
	color: #90403f;
	text-transform: uppercase; }


#total { position: relative;
         margin: 0 auto;
         width: 100%; 
	 text-align: justify; }

#image { position: relative;
	 width: 800px;
	 float: center;
	 margin: 0 auto; }

.submit {
	background: #bba5a1;
	color: #625e58;
	text-align: center;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #661010 3px solid;
	border-bottom: #661010 3px solid;
	margin: 0 auto; }

.reset {
	background: #bba5a1;
	color: #625e58;
	text-align: center;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #661010 3px solid;
	border-bottom: #661010 3px solid;
	margin: 0 auto; }

.input {
	background: #bba5a1;
	color: #625e58;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #661010 3px solid;
	border-bottom: #661010 3px solid;
	margin: 0 auto; }

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


#content { 
	position: absolute;
	top: 400px;
	left: 245px;
	padding: 10px;
	border-left: #661010 1px dashed;
	width: 44%;
	text-align: justify; }

#content h1 {
	color: #eeeeee;
	font-family: times new roman, georgia, serif;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin: 10px 10px 10px 0;
	padding: 0px 10px 10px 25px; }

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


#content blockquote {
	background: #fbfdda url('images/backa.gif') repeat;
	color: #eeeeee;
	padding: 5px;
	margin-right: 15px;
	width: 450px;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #661010 3px solid;
	border-bottom: #661010 3px solid; }

#credit { 
	font-size: 10px;
	color: #eeeeee;
	padding: 7px;
	background: #ada2a0; }

#credit a:hover {
	color: #c84b4B;
	text-decoration: none;
	border-bottom: 1px #c84b4B solid; }

#home {
	font: 17px "century gothic", lucinda brignht;
	text-transform: uppercase;
	float: right; }

/*---------------------------------------------------------------------
   Frame areas
------------------------------------------------------------------------*/


#frame { 
	position: absolute;
	top: 10px;
	left: 15px;
	padding: 10px;
	border-left: #661010 1px dashed;
	text-align: justify; }

#frame h1 {
	color: #7b6260;
	font-family: times new roman, georgia, serif;
	font-size: 17px;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 6px;
	margin: 10px 10px 10px 0;
	padding: 0px 10px 10px 25px; }

#frame h2 {
	color: #779ab6;
	font: italic 12px times new roman, verdana, arial, sans-serif;
	text-align: right;
	border-bottom: 1px dashed #779ab6;
	margin: -25px 5px 10px 0px; }


/*---------------------------------------------------------------------
   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: #fbfdda;
	color: #625e58;
	border-left: #bacad4 1px solid;
	border-top: #bacad4 1px solid;
	border-right: #425e7e 3px solid;
	border-bottom: #425e7e 3px solid;
	margin: 0 auto; }

.codesort option { 	
	background: #fbfdda;
	color: #625e58;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.codesort select { 
	background: #fbfdda;
	color: #625e58;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.codesort img {        
       border : 0px; }

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