/*---------------------------------------------------
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: #ffffff url('images/back.gif') repeat-x;
    color: #8d8083;
	font-family: tahoma, arial, verdana, serif;
	font-size: 11px; }

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

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

i {
	background: transparent;
	color: #706c6c; }

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

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

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

#total { position: absolute; 
		 top: 0px; 
		 right: 0px;
         width: 800px; }

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

	

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


#content { 
	position: absolute;
    top: 365px;
    left: 325px;
    z-index: 1;
	width: 460px; }

h1 {
	color: #706c6c; 
	font: bold 17px "georgia", lucida bright; 
	text-align: right;
	text-transform: uppercase;
	padding: 30px 60px 50px 10px;
	margin: 0;
	text-indent: 30px;
	letter-spacing: 2px;
	background: url('images/head.gif') right no-repeat; }

h2 {
	color: #706c6c;
	font: italic 12px "times new roman", tahoma;
	text-transform: lowercase;
	text-align: right;
	margin: -50px 60px 30px 0px; }

h3 {
	color: #ffffff;
	font: italic 12px "impact", tahoma;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: right;
	margin: 0 5px 5px 0; }

.disclaimer { 
	font-size: 10px;
	color: #606772; }

#content ul { margin: 0;
           padding-left: 40%;
           list-style-type: none;
           text-align: center;
		   text-transform: uppercase; }

#content li { border-top: none; }

#content li a { display: block;
            background-color: #ffffcc;
			border: 1px solid #c5bdb7;
            width: 120px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #8d8083;
            text-decoration: none;
            font-weight: bold; }
             
#content li a:hover { background-color: #c5bdb7;
            text-decoration: none;
			color: #8d8083; }

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


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

#nav { 
	position: absolute;
    top: 420px;
    left: 80px;
    z-index: 1;
    width: 210px;
	padding: 2px;
	color: #edefcc;
	background-color: #c3c3c1;
	border: 1px solid #ffd3d2; }

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

#nav li { border-top: 3px solid #c3c3c1; }

#nav li a { display: block;
            background-color: #edefcc;
            width: 210px;
            padding-left: 1px;
            padding-top: 2px;
            padding-bottom: 2px;
            color: #b27f79;
            text-decoration: none;
			text-transform: uppercase;
            font-weight: bold; }
             
#nav li a:hover {
			 border-bottom: 1px solid #782921;
			 background-color: #f1e9eA;
             color: #7f878d; }

#nav b {
	background: transparent;
	text-transform: uppercase;
	color: #7f878d; }

#nav strong {
	background: transparent;
	text-transform: uppercase;
	color: #b27f79; }
	

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