/*---------------------------------------------------
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: #f2e7eb url('images/back.gif') repeat-y 0% 60%;
    color: #610000;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }

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

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

i, em {
	background: transparent;
	color: #54653f; }

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

strong {
	background: transparent;
	color: #853e41;
	text-transform: uppercase; }

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

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


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


#content { 
	position: absolute;
    top: 470px;
    left: 10px;
    z-index: 1;
	padding-left: 2px;
   	width: 515px; }

#content h1 {
	background: transparent url(images/header.gif) no-repeat 0% 60%;
	color: #853e41;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 17px;
	text-transform: lowercase;
	letter-spacing: 4px;
	margin: 12px 12px 0 0;
	padding: 18px 2px 4px 12px; }

#content h1:first-letter {
        color: #610000; }

#content h2 {
	background: transparent;
	color: #6d4510;
	font-family: "trebuchet ms", tahoma, verdana, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 2px 2px 0 0;
	padding: 2px 2px 0px 10px; }
	
#content .start {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 14px; }

#content p.first {
    text-align: justify;
    text-indent: 25px; }

#disclaimer { 
	font-size: 10px;
	color: #54653f; }

#content blockquote { background-color: #ddd0b7;
             width: 355px;
             border-left: 5px solid #7d955f;
             border-top: 1px solid #7d955f;
             border-bottom: 1px solid #7d955f;
		 	 border-right: 1px solid #7d955f;
             padding-left: 2px;
             padding-top: 0px;
             padding-bottom: 0px;
  			 padding-right: 0px;
			 color: #7d955f; }

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


#side { 
	position: absolute;
    top: 520px;
    left: 555px;
    z-index: 1;
    width: 165px; }

#side ul { margin: 0;
           padding: 0;
           list-style-type: none;
           text-align: left; }

#side li { border-top: 5px solid #f4e6e7; }

#side li a { display: block;
             background-color: #86333d;
             width: 120px;
             border-left: 5px solid #610000;
	       	 border-right: 1px solid #610000; 
             padding-left: 10px;
             padding-top: 2px;
             padding-bottom: 2px;
             color: #eee292;
             text-decoration: none;
             font-weight: bold; }
             
#side li a:hover { border-left: 1px solid #7d955f;
			 border-right: 5px solid #7d955f; 
             text-align: right;
			 padding-right: 2px;
			 background-color: #f1e9eA;
             color: #7d955f; }


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