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

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

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

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

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

b, strong {
	background: transparent;
	color: #4b7b99;
	text-transform: uppercase; }


#total { position: absolute;
		 bottom: 0px;
		 right: 0px; 
		 text-align: justify; }

#image { position: relative;
		 width: 795px; }

#main { 
	position: absolute; 
	background: #dcffff url('images/naruto11.gif') no-repeat;
	background-attachment: fixed;
	width:380px; 
	height: 255px; 
	z-index:1; 
	right: 282px; 
	top: 280px; }

.submit {
	background: #ffe9ca;
	color: #da8306;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.reset {
	background: #ffe9ca;
	color: #da8306;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.input {
	background: #ffe9ca;
	color: #da8306;
	border: 1px solid #da8306;
	margin: 0 auto; }

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


#content { 
	background: #dcffff url('images/naruto11.gif') no-repeat;
	background-attachment: fixed;
	padding-right: 10px;
	float: left;
	width: 378px;
	text-align: justify; }

#text {
	background: transparent;
	border-right: 1px dashed #d2cabb;
	padding-right: 10px;
	float: left;
	width: 550px;
	text-align: justify; }

#content h1 {
	color: #77a4b0;
	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; }

#content blockquote { 
	background-color: #d2cabb;
    width: 450px;
    border-left: 5px solid #c5bdb7;
    border-top: 2px solid #c5bdb7;
    border-bottom: 2px solid #c5bdb7;
	border-right: 2px solid #c5bdb7;
    padding: 5px;
	color: #8d8083; }

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

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


/*---------------------------------------------------------------------
   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: #ffe9ca;
	color: #da8306;
	border: 1px solid #da8306;
	margin: 0 auto; }

.codesort option { 	
	background: #ffe9ca;
	color: #da8306;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

.codesort select { 
	background: #ffe9ca;
	color: #da8306;
	text-transform: uppercase;
	border: 0;
	margin: 0 auto; }

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