/*---------------------------------------------------
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: #333f66 url('images/back.gif') repeat-x;
    color: #e8edff;
	font-family: "trebuchet ms", arial, verdana, serif;
	font-size: 11px; }

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

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

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

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

strong {
	background: transparent;
	color: #29335b;
	text-transform: none; }

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}

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

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

#footer {
	position: absolute;
	width: 800px;
	left: -152px; }

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


#content { 
	position: absolute;
    top: 590px;
    left: 152px;
	background: #475e9e url('images/content.gif');
	padding: 4px;
   	width: 595px; }

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

#content a:hover {
	color: #b5c4fe;
	text-decoration: underline; }

#content h1 {
	color: #0f2a4b;
	font-family: times new roman, verdana, arial, sans-serif;
	font-size: 18px;
	text-align: right;
	border-bottom: 1px dotted #b5c4fe;
	letter-spacing: 6px;
	margin: 12px 12px 0 0;
	padding: 2px 2px 4px 4px; }

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

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

p.start {
    text-align: justify;
    text-indent: 25px; }

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

#content ul { margin: 0;
           padding-right: 50%;
           list-style-type: none;
           text-align: center; }

#content li { border-top: none; }

#content li a { display: block;
            background-color: #b5c4fe;
            width: 120px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #eaebec;
            text-decoration: none;
            font-weight: bold; }
             
#content li a:hover { background-color: #f1e9eA;
            text-decoration: none;
			color: #0e2b4b; }

#content blockquote { background-color: #ffffff;
             width: 300px;
             border: 1px solid #000058;
			 padding: 10px;
			 color:  #455178;
	     	 font: 11px "trebuchet ms", verdana, arial, sans-serif; }

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


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

#side blockquote { background-color: #e5e9f6;
             width: 300px;
             border: 1px solid #000058;
			 padding: 10px;
			 color:  #455178;
	     	 font: 11px "trebuchet ms", verdana, arial, sans-serif; }

/*---------------------------------------------------------------------
   Navigation, you are a fickle mistress.
------------------------------------------------------------------------*/

#nav { 
	position: absolute;
    	top: 520px;
    	left: 513px;
    	z-index: 1;
    	width: 130px; }

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

#nav li { border-top: none; }

#nav li a { display: block;
            background-color: #b5c4fe;
            width: 120px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #eaebec;
            text-decoration: none;
            font-weight: bold; }
             
#nav li a:hover { padding-right: 16px;
			 background-color: #f1e9eA;
             color: #0e2b4b; }

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