/*#########################################################
 *                 ANTHROCHAT.NET CSS FILE
 *#########################################################
 * This CSS file, and the website attached to it were coded
 * by Solei for the Anthrochat IRC network.  I have
 * attempted to lay everything out in a nice easy to read
 * format for easy editing.  If you have any questions, I
 * can be reached at solei@tixen.net.
 */

html
	{
	margin: 0;
	padding:0;
	height: 100%;
	width: 100%;
	}
body
	{
	margin: 0;
	padding:0;
	height: 100%;
	width: 100%;
	background: #9e968f;
	color: #3f3c39;
	}
	

/*#########################################################
 *                                                    LINKS
 *#########################################################
 */
a:link 
	{
	color: #3f3c39;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	}
a:visited 
	{
	color: #3f3c39;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	}
a:hover 
	{
	color: #d88331;
	text-decoration: none;
	font-weight: 900;
	font-family: sans-serif;
	}
a:active 
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 900;
	font-family: sans-serif;
	}
/*
 * The Content section's main links (top)
 * are defined here.
 */
a:link.content
	{
	color: #d0c6bc;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	}
a:visited.content
	{
	color: #d0c6bc;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	}
a:hover.content
	{
	color: #d88331;
	text-decoration: none;
	font-weight: 900;
	font-family: sans-serif;
	}
a:active.content
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 900;
	font-family: sans-serif;
	}
	
	
/*#########################################################
 *                                                   TABLES
 *#########################################################
 *
 * Main table, frames entire site, 
 * first table in source 
 */
table.main
	{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}

/* Part of main table, contains color bar on the
 * left hand side of the screen.  Originally set
 * at 2% width.
 */
td.lefthandcontainer
	{
	width: 2%;
	height: 100%;
	}
	
/* Table containing color bar at left of screen
 */
table.lefthand
	{
	border-right-style: solid;
	border-right-color: #3f3c39;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	}

/* Individual color bar cells- 5 total
 */
td.left1
	{
	border-top-style: solid;
	border-top-color: #3f3c39;
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	background: #d0c6bc;
	}

td.left2
	{
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	background: #9e968f;
	}

td.left3
	{
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	background: #d88331;
	}

td.left4
	{
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	background: #514131;
	}

td.left5
	{
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	background: #524f4b;
	}

/* Top table, containing main page logo. This
 * is only for the index page, all other content
 * pages use "table.contenttop".
 */
table.maintop
	{
	border-top-style: solid;
	border-top-color: #3f3c39;
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 288px;
	background: #524f4b;
	}
	
/* This is the body of the document, including the top links list in 
 * the content section of the site.
 */
td.body	
	{
	height: 100%;
	width: 100%;
	}
	
/* Top table, containing main page logo. This
 * is only for the content pages, the main page
 * uses "table.maintop".
 */
table.contenttop
	{
	border-top-style: solid;
	border-top-color: #3f3c39;
	border-bottom-style: solid;
	border-bottom-color: #3f3c39;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 110px;
	background: #524f4b;
	}

td.contentleft
	{
	
	}
td.contentright
	{
	text-align: left;
	width: 115px;
	}
	
td.p
	{
	font-size: 14px;
	font-family: sans-serif;
	margin: 2px;
	padding: 0;
	font-weight: bold;
	}


/*#########################################################
 *                                                     TEXT
 *#########################################################
 *
 * Used for section titles, and the welcome message
 */
h1
	{
	font-size: 24px;
	font-family: sans-serif;
	margin: 0px;
	padding:0;
	}

/* Used on index as paragraph subjects
 */
h2
	{
	font-size: 16px;
	font-family: sans-serif;
	margin: 2px;
	padding:0;
	}

/* All body text should fall under this.
 */	
p
	{
	font-size: 14px;
	font-family: sans-serif;
	margin: 2px;
	padding: 0;
	}

/* Sets all images scalable by window size.
 * (Yay Pippin! :D)
 */
img.stretch
	{
	position: relative;
	max-width: 100%;
	}

/* Sets spacing for all text in the body.
 */
div.bodytext
	{
	margin-left: 5%; 
	margin-right:5%; 
	max-width: 800px;
	}

/* Sets position for the "Contact Us" link at the
 * bottom of every page.
 */
div.contactus
	{
	text-align: center;
	position:	relative;
	}