/*-----------------------------------------------------------------------
Malcontentgames.com Website Stylesheet

Stylesheet Created by David Givens(david@malcontentgames.com) 10/16/03.

Please list revisions. To conserve file size, please write the shorthand 
for color codes (#000000 -> #000; #ff9900 -> #f90) and use 0 in place of 
0px whenever possible.

Site colors:
    Copper Brown:  	#996;
    Ochre:	    	#cc0;
    Dark Brown:   	#663;
    yellow:   		#ff6;
    white:          	#f5f5f5;

REVISIONS:
Revision By        Date      Modifications


-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
                            REWRITE HTML TAGS
-----------------------------------------------------------------------*/
body

{
  
  background:	 #efdead url(../img/piranesi.gif) right bottom no-repeat;
  font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 		10px;
  margin: 		0;
  padding: 		0;
  height:		100%
}

h1
{
  font-family: 			Georgia, charcoal, times, times new roman, serif;
  background:			url(../img/th_cover_800.jpg) top right no-repeat;
  color: 			#633;
  font-size: 			36px;
  font-weight: 			bold;
  margin: 			15px auto auto auto;
  padding: 			15px;
  height:			117px;
  line-height:			40px;
  
}


p:first-letter {color: #663232; font-variant: small-caps; font-weight: bold; font-size: 16px; font-family: Georgia, charcoal, times, times new roman, serif;}






div, p, dd, span, pre, textarea, input, select, blockquote
{
  font-family: 	Verdana, Arial, Helvetica, sans-serif;
  color:	#000;
  font-size: 	11px;
  line-height: 	14px;
  padding-left:	20px;
  width:	450px;
  }



td ul  {

	list-style: none;
	margin: 0;
	padding: 3px;
	
	

}


td ul li {

	list-style: none;
	margin: 0;
	padding: 6px;
	font-size:	12px;

}

th	{background-color:	#cfa58d;}


p a	{
	font-size:	16px;
	font-weight:	bold;
	text decoration:	underline;
}




a:link

{
  color: #069;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

a:visited

{
  color: #c66;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

a:active
{
  color: #696;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}  
  

  a:hover
{
  color: #696;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}  
  
  

a sup 	/* MAKES SURE TMs DO NOT HAVE A LINE UNDER THEM */
{
  text-decoration: none;
}


/*-----------------------------------------------------------------------
                              header LAYOUT
-----------------------------------------------------------------------*/


div#head
{
  background: 		white url(../img/th_2lute.gif) top right no-repeat;
  position:		absolute;
  top:			0;
  left:			130px;
  width:		650px;
  height:		109px;
  border:		1px solid #333;
  border-bottom:	3px solid #933;
  border-top:		0;
  padding: 		0px;
  margin: 		0px;
  
  
  
}

div#head img
{
 
  border:	0px;
  padding: 	0px;
  margin: 	0px;
  
  
  
}


/*-----------------------------------------------------------------------
                              menu LAYOUT
-----------------------------------------------------------------------*/


div#menu 
{
 background-color: 	#f5f5f5;
 
 position: 		absolute;
 left:			-115px;
 top:			25px;
 width:  		130px;
 z-index:		10;
 vertical-align:	middle;
  
}


div#menu a

{
  background-color: 	#f5f5f5;
  border:		1px outset #fff;
  display:		block;
  line-height:		18px;
  width:  		130px;
  height:		18px;
  padding:		2px;
 
 
  
 
  
}


div#menu a:hover, div#menutitle a:hover

{
  background-color: 	#cccccc;
  border-right:		4px solid #f00;
 
   display:		block;
  width:  		127px;
  font-weight:		bold;
  
 
  
}



.menutitle {
cursor:pointer;
background-color: 	#e5e5e5;
  border:		1px outset #fff;
  display:		block;
  line-height:		18px;
  width:  		130px;
  height:		18px;
  padding:		2px;
 

}

.submenu{
margin-bottom: 1px;
}


/*-----------------------------------------------------------------------
                              CONTENT LAYOUT
-----------------------------------------------------------------------*/
 



div#body 
{
 background-color: 	#f5f5f5;
 border-right:	 	1px solid #666;
 border-left: 		1px solid #666;
  padding: 		0;
  margin: 		0;
  position:		absolute;
  top:			112px;
  left:			130px;
  width:		650px;
  
  
}







.sub



{

 font-size: 	9px;

}







/*-----------------------------------------------------------------------
                              sidebar LAYOUT
-----------------------------------------------------------------------*/


div#sidebar
{
  	position: 		absolute;
  
  	top:			30px;
  	left:			480px;
 	height:			1200px;
 	
  
  
  
}


div#sidebarstyle
{
  
  padding: 		10px;
  margin: 		0 15px;
  width:		130px;
  border:		1px solid #0cc;
  
  background-color: 	#f5f5f5;
  
  
  
}



/*-----------------------------------------------------------------------
                              footer LAYOUT
-----------------------------------------------------------------------*/


div#foot
{
  position: 	relative;
  padding:	10px;
  margin: 	0 15px;
  text-align: 	left;
  
  
  
}







/*-----------------------------------------------------------------------
                              WRAPPER LAYOUT
-----------------------------------------------------------------------*/
div#wrapper
{
  background-color: #edeae6;
  margin: 0;
  padding: 10px;
  width: 415px;
  border: 1px solid #000000;
  
}




/*-----------------------------------------------------------------------
                                 FORMS
-----------------------------------------------------------------------*/





form
{
  margin: 0;
  padding: 0;
}







input, select
{
  font-family: 	Verdana, Arial, Helvetica, sans-serif;
  color:	#333;
  font-size: 	11px;

  
 
}