/*---------------------------------------------------
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: 0px 0px 0px 0px;
	background: #8f8d8f url('images/firstback.gif') repeat-x;
    	color: #720349;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }


a, a:active, a:link, a:visited {
	color: #073da6;
	text-decoration: none;
	text-transform: none; }

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

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

b, strong {
	background: transparent;
	color: #8c22a7;
	text-transform: uppercase; }


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

#image
	{ position: fixed;
	  width: 455px; }

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

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

.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; }


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


#content { 
	position: absolute;
	top: 390px;
	left: 15px;
	padding: 10px;
	width: 568px;
	text-align: justify; }

#content a, #content a:active, #content a:link, #content a:visited {
	color: #073da6;
	text-decoration: none;
	text-transform: none; }

#content a:hover {
	color: #f4781d;
	text-decoration: none;
	text-transform: none;
	background: #1c64f2;
	border-bottom: 2px #1c64f2 solid; }

h1 {
	color: #c79bb7; 
	font: bold 20px "arial", verdana, tahoma; 
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0;
	text-indent: 40px;
	letter-spacing: 3px; }

h2 {
	color: #86396a;
	font: italic 12px "times new roman", tahoma;
	text-transform: lowercase;
	text-align: left;
	margin: -10px 0 10px 60px; }

#content blockquote {
	background: #ebffdb;
	padding: 5px;
	width: 500px;
	border-left: #8c22a7 1px solid;
	border-top: #8c22a7 1px solid;
	border-right: #8c22a7 3px solid;
	border-bottom: #8c22a7 3px solid; }

#credit { 
	font-size: 10px;
	color: #8b007d;
	padding: 7px;
	border-top: 1px #073da6 dotted; }


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



/*---------------------------------------------------------------------
   Navigation, thanks to my partner-in-crime.
------------------------------------------------------------------------*/


#nav {  position: absolute;
	top: 430px;
	left: 620px;
	padding: 5px;
	width: 150px;
	text-align: justify;
	font: 17px "century gothic", lucinda brignht;
	text-transform: uppercase;}

#nav a:hover {
	color: #f4781d;
	text-decoration: none;
	text-transform: none;
	border-bottom: 2px #1c64f2 solid; }


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

.codes img {
padding: 2px 4px;
border: 1px solid #bee7be;
margin: 5px;
background: #eef6be;
}

.codes img:hover {
background: #ccebbe;
	}


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