body
	{
	margin: 0;
	padding: 0;
	background-color: #472D23;
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 75%;
	text-align: center;
	}
	
h2
	{
	font-size: 2em;
	margin: 2em 0 1em 0;
	}
	
h2.first-child
	{
	font-size: 2em;
	margin-top: 0;
	}
	
h3.archive
	{
	font-size: 1.5em;
	margin: 1em 0 1em 0;
	}
	
p.archive
	{
	font-size: 1.5em;
	}
	
.red  /* For Highlighting Purposes */
	{
	color: #c00;
	}
	
	
/* ================================== */
/* ==== Here starts the layout styling===== */	
/* ================================== */	


div.wrapper
	{
	width: 800px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	background: url(layout/body.jpg) repeat-y;
	}
		
div.banner
	{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 230px;
	float: left;
	background: url(layout/header.jpg) center no-repeat;
	text-indent: -9999px;
	clear: both;
	}
		
div.leftcontent
	{
	margin: 0;  
	padding: 20px 20px 20px 60px; /* This centers the content */
	width: 180px;
	float: left;
	background-color: transparent;
	font-size: 1.5em;
	}
		
div.rightcontent
	{
	margin: 0;
	padding: 20px;
	width: 460px;
	float: left;
	background-color: transparent;
	}
		
div.footer
	{
	width: 800px;
	height: 120px;
	background: url(layout/footer.jpg) no-repeat;
	clear: both;
	}
	
div.update
	{
	border-top: 1px dotted #fff;
	margin-top: 3em;
	padding-top: 1em;
	}

ul.officialrules li
	{
	margin-bottom: 0.5em;
	}

ol.voting
	{
	margin: 0 0 4em 4em;
	padding: 0;
	}
	
ol.voting li
	{
	margin-bottom: 0.5em;
	}
	
/* Experimental Vote List Styling */
	
ol.voting > ul
	{
	padding: 0;
	margin: 1em 0 3em 1.5em;
	}
	
ol.voting > ul li
	{
	padding: 0;
	margin: 0;
	font-size: 1em;
	list-style: none;
	}
	
/* End of Experimental */	
	
ul.voting
	{
	padding: 0;
	margin: 1em 0 3em 1.5em;
	}
	
ul.voting li
	{
	padding: 0;
	margin: 0;
	font-size: 1em;
	list-style: none;
	}
	
	
/* ================================== */
/* ==== Here starts the NAVBAR styling === */
/* ================================== */	
ul.navbar
	{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
ul.navbar li a
	{
	display: block;
	width: 100%;
	margin: 0;
	color: #c96;
	text-decoration: none;
	border-top: 1px solid #64493E; /*  Camoufladged because stupid IE6 doesn't recognize the TRANSPARENT element!  Boo!! */
	border-bottom: 1px solid #64493E;
	}

ul.navbar li a:hover
	{
	color: #39f;
	border-top: 1px solid #39f;
	border-bottom: 1px solid #39f;
	}


	
	
/* ================================== */
/* ==== Here starts the LINK styling ====== */
/* ================================== */
div.rightcontent a:link
	{
	color: #630;
	text-decoration: underline;
	}
		
div.rightcontent a:visited
	{
	color: #c96;
	}	
	
div.rightcontent a:active
	{
	color: #f60;
	}
	
div.rightcontent a:hover
	{
	color: #39f;
	}
	
div.rightcontent a:link img, div.rightcontent a:visited img, div.rightcontent a:active img
	{
	border: 2px solid #630;
	}
	
div.rightcontent a:hover img
	{
	border: 2px solid #39f;
	}

/* ================================== */
/*  ========Toothball's CSS! =========== */
/* ================================== */

div.enter_poll
{
	/*padding: 0 10%;*/
}

table.enter_poll
{
	width: 90%;
	/*color: #D0CABA;*/
	border-top: 1px solid;
	/*border-right: 1px solid;*/
	/*border-bottom: 1px solid;*/
	/*border-left: 1px solid;*/
}

td.table_left
{
	text-align: right;
	width: 50%;
	padding: 0.3em;
}

td.table_right
{
	text-align: left;
	width: 50%;
	padding: 0.3em;
}

td.table_center
{
	text-align: center;
	width: 100%;
	padding: 0.3em;
}	
		
		
		
/* ================================== */	
/* Here STARTS the Lightbox JS style sheet */
/* http://www.huddletogether.com/projects/lightbox/ */
/* While it works wonders, unfortunately this code breaks the CSS validation. */
/* It's a necessary evil, I suppose.  */	
/* ================================== */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(layout/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/* ================================== */	
/* Here ENDS the Lightbox JS style sheet */	
/* ================================== */