/*---------------------------------------------------
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: #fdf7e8;
    color: #1b2c41;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }

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

a:hover {
	color: #7d0000;
	text-decoration: underline; }

i, em {
	background: transparent;
	color: #91a9c0; }

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

strong {
	background: transparent;
	color: #6a1a1b;
	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: 420px;
    left: 10px;
    z-index: 1;
	padding-left: 2px;
   	width: 415px; }

#content h1 {
	color: #0f2a4b;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 18px;
	text-transform: lowercase;
	letter-spacing: 6px;
	margin: 12px 12px 0 0;
	padding: 2px 2px 4px 4px; }

#content h1:first-letter {
        color: #91a9c0; }

#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 18px; }
	
#content .start {
	padding-top: 0px;
	padding-left: 14px; }

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

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

#content blockquote { background-color: #eaebec;
             width: 300px;
             border-left: 5px solid #91a9c0;
             border-top: 1px solid #91a9c0;
             border-bottom: 1px solid #91a9c0;
	     	 border-right: 1px solid #91a9c0;
             padding-left: 2px;
             padding-top: 0px;
             padding-bottom: 0px;
  	    	 padding-right: 0px;
	     	 color: #005e89; }

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


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

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

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

#side li a { display: block;
             background-color: #bf2f3d;
             width: 120px;
             border-left: 5px solid #7d0000;
	       	 border-right: 1px solid #7d0000; 
             padding-left: 10px;
             padding-top: 2px;
             padding-bottom: 2px;
             color: #eaebec;
             text-decoration: none;
             font-weight: bold; }
             
#side li a:hover { border-left: 1px solid #0e2b4b;
			 border-right: 5px solid #0e2b4b; 
             text-align: right;
			 padding-right: 2px;
			 background-color: #f1e9eA;
             color: #0e2b4b; }

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