body		{background-color: #000000;
		 color: #FFFFFF;
		 margin: 0px;
		 padding: 0px;}

a		{font: 13pt Arial;
		 color: #6666FF;}

a:hover		{color: #CCCCFF;}

img		{border: 0px;}

p		{font: 16px Arial;
		 margin: 5%;}

.cofcomic	{font: 16px Arial;
		 margin: 5%;}

.bold		{font-weight: bold;}		 
		 
.arrows		{margin-bottom: 130px;
		 margin-right: 25px;
		 margin-left: 25px;}
		 
.arrows2	{margin-bottom: 535px;
		 margin-right: 25px;
		 margin-left: 25px;}	

.comicbutton	{margin-bottom: 15px;}		 
				 
.white		{background-color: #FFFFFF;}

.menuback	{background-image: url("../pictures/menubackclouds.jpg");
		 background-repeat: repeat;
		 width: 100%;
		 height: 160px;} 
		 
		 
.footerback	{background-image: url("../pictures/menuback.jpg");
		 background-repeat: repeat;
		 width: 100%;
		 height: 80px;}	
		 
.copyright	{font: 18pt Arial;
		 font-weight: bold;
		 color: #000000;
		 text-align: center;
		 margin-top: 20px;}		 
		 
.border1	{background-image: url("../pictures/border1.gif");
		 background-repeat: repeat-x;
		 width: 100%;
		 height: 15px;} 
		
.border2	{background-image: url("../pictures/border2.gif");
		 background-repeat: repeat-x;
		 width: 100%;
		 height: 15px;}	
		 
.border1small	{background-image: url("../pictures/border1small.gif");
		 background-repeat: repeat-x;
		 width: 100%;
		 height: 8px;}
		 
.border2small	{background-image: url("../pictures/border2small.gif");
		 background-repeat: repeat-x;
		 width: 100%;
		 height: 8px;}			 
		 
.arialbold	{font: 16pt Arial;
		 font-weight: bold;}

.largetext	{font: 12pt Arial;
		 font-weight: bold;}
		 
.cofintro	{font: 12pt Arial;
		 text-align: left;}

.thumb		{text-align: center;
		 padding: 10px;
		 font: 11pt Arial;
		 font-weight: bold;
		 text-decoration: none;}	
		 
.list		{text-align: left;
		 padding-left: 200px;
		 width: 500px;}
		 
.indent		{padding-left: 100px;
		 padding-right: 100px;}

.invisible	{visibility: hidden;
		 width: 1px;
		 height: 1px;}	
		 
.links		{width: 500px;
		 text-decoration: none;}

.rss		{padding: 10px;}

table.noborder,
table.noborder tr,
table.noborder td	{border-width: 0px;
			 border-collapse: seperate;
			 border-spacing: 0px;
			 margin: 0px;
			 border: 0px;
			 padding: 0px;}	 
			 
table.noborder	{width: 900px;}			 
		 
/* Hover code for generic button */	
.button a	{background: url("../pictures/button.gif");
		 display: block;
		 width: 150px;
		 height: 60px;
		 color: #000000;
		 font: 2pt Arial;
		 text-decoration: none;}

.button a:hover	{background: url("../pictures/buttonx.gif");
		 color: #FFFFFF;} 


/* Hover code for lastest chip shop */	
.buttonsquare a		{background: url("../pictures/buttonlatest.gif");
 			 display: block;
		 	 width: 143px;
		 	 height: 143px;
		 	 color: #000000;
		 	 font: 2pt Arial;
		 	 text-decoration: none;}

.buttonsquare a:hover	{background: url("../pictures/buttonlatestx.gif");
		 	 color: #FFFFFF;} 






/* Hover code for main page secret */	 
#sec1 a		{float: right;
		 margin: 15px;
		 display: block;
		 width: 150px;
		 height: 64px;
		 background-color: #222222;}
#sec1 a:hover	{background: url("../pictures/secret.jpg");
		 color: #FFFFFF;}
		 
		 
		 
		 
		 
/* Hover code for main page super secret */	 
#sec2 a		{float: left;
		 margin: 15px;
		 display: block;
		 width: 150px;
		 height: 73px;}
#sec2 a:hover	{background: url("../pictures/supersecret.jpg");
		 color: #FFFFFF;}
		 
.project	{background-image: url("../pictures/cofbackground.jpg");
		 height: 500px;
		 width: 800px;
		 color: #FFFFFF;
		 display: block;}
		 
.project table	{padding: 25px;
		 width: 800px;
		 height: 500px;}
		 
.project td	{padding: 10px;}
		 
.left		{text-align: left;}

.center		{text-align: center}

.info		{text-align: left;
		 width: 825px;
		 font: 14pt Arial;}

.bread		{text-align: right;
		 padding: 25px;}
		 
.video		{margin-left: auto; 
		 margin-right: auto;
		 width: 600px;
		 text-align: left; 
		 font: 14pt Arial;}
		 
.center	{margin-left: auto;
	 margin-right: auto;
	 text-align: center;}
		 
		 

/* Custom Footer Code */

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */