/*---------------------------------------------------
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, html {
	margin: 0;
	background: #f4f6c8 url('images/back.gif') repeat-x;
    color: #a05f7d;
	font-family: tahoma, arial, verdana, serif;
	font-size: 11px; }

a, a:active, a:link, a:visited {
	color: #b92995;
	text-decoration: none;
	border-bottom: 2px solid #f4f6c8;	}

a:hover {
	color: #b92995;
	border-bottom: 2px solid #f4f6c8; } 

i, em {
	color: #d1871e; }

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

strong {
	background: transparent;
	color: #eb39ac; }
 
#total { top: 0px;   
         right: 0px; 
         width: 800px;
         float: right; }

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

	

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


#content { 
	position: absolute;
    top: 500px;
    right: 0;
	padding-right: 5px;
	width: 520px; }

h1 {
	color: #ed7883; 
	font: bold 20px "arial", verdana, tahoma; 
	text-align: center;
	text-transform: uppercase;
	padding: 48px 50px 25px 0;
	margin: 0;
	text-indent: 30px;
	letter-spacing: 3px;
	background: url('images/head.jpg') center no-repeat; }

h2 {
	color: #d93242;
	font: italic 12px "times new roman", tahoma;
	text-transform: lowercase;
	text-align: center;
	margin: -30px 0 30px 25px; }

#content a, a:active, a:link, a:visited {
	color: #b92995;
	text-decoration: none;
	border-bottom: 2px solid #f4f6c8; }

#content a:hover {
	color: #b92995;
	border-bottom: 2px solid #f074d1; } 

#credit { 
	width: 465px;
	height: 140px;
	font-size: 10px;
	color: #a05f7d;
	padding-top: 55px;
	padding-left: 23px;
	background: #f4f6c8 url('images/footer.jpg') no-repeat; }

#link {
	background: #e4e6b8;
	width: 315px;
	padding: 10px; }


#content blockquote {
	background: #fbfdda;
	padding: 5px;
	width: 400px;
	border-left: #b92995 1px solid;
	border-top: #b92995 1px solid;
	border-right: #b92995 3px solid;
	border-bottom: #b92995 3px solid; }

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

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

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

/*---------------------------------------------------------------------
   HAHA, NAVIGATION STUFF. 
------------------------------------------------------------------------*/

#nav { position: absolute;
       top: 175px;
       left: 540px;
       z-index: 1;
	   width: 100px;
	   padding: 2px;
	   border: 1px solid #7d556c;
	   background-color: #ffffcc; }

#nav ul { margin: 0;
		  padding: 0;
		  margin-left: 25px; }

/*---------------------------------------------------------------------
   LOLZ, THE END.
------------------------------------------------------------------------*/