/* Stylesheet Version: Flat Blue */
/* Part of the "Flat Basics" Suite */

/* Layout created by Iblob [www.iblobmedia.com] */
/* For use with phpArcadeScript version 3.0 */

/* This stylesheet has been very heavily commented to make it as easy to edit as possible. Any style that will in the slightest way break the layout has been commented with a warning. Edit these at your own risk. These comments are here to provide an easy way to edit the COLORS of the layout, not the way it is shown.	*/


/* ---- BODY STYLES ---- */

body {
	font-family: Arial, Helvetica, sans-serif; /* Default font family used */
	font-size: 12px;	/* Default font size used */
	color: #FFFFFF;	/* Default font color used */
	background-color: #400040;	/* Main background color of page */
	margin: 0px 0px 0px 0px; /* Margins of the page. Edit margin if you wish to have space above the header and below the footer */
}

a:link {color: #FFFFFF;}	/* General Link Style */
a:visited {color: #FFFFFF;}	/* General Link Style */
a:hover {color: #D3AFCC;}	/* General Link Style */
a:active {color: #FFFFFF;}	/* General Link Style */

/* ---- OBJECT STYLES ---- */

img {border:0px;}	/* Prevents all images in general from showing a border */
form {margin:0px;padding:0px;} /* Clears all forms of the extra space surrounding them */

input.txt {	/* Sets the style of text fields with the class of 'txt' in forms */
  color: #00008B;	/* Color of text for the text field */
  background-color: #EFEFEF;	/* Background color of text field */
  border: 1px solid #999999;	/* Border style for text fields */
  width: 78px;	/* Width of text field */
  font-size:10px;	/* Font size of text in a text field */
}
textarea.txt {	/* Sets the style of text areas with the class of 'txt' in forms */
  color: #00008B;	/* Color of text for the text field */
  background-color: #EFEFEF;	/* Background color of text field */
  border: 1px solid #999999;	/* Border style for text fields */
  font-size:10px;	/* Font size of text in a text field */
}
input.txt2 {	/* Sets the style of text fields with the class of 'txt2' in forms */
  color: #00008B;	/* Color of text for the text field */
  background-color: #EFEFEF;	/* Background color of text field */
  border: 1px solid #999999;	/* Border style for text fields */
  width: 116px;	/* Width of text field */
  font-size:10px;	/* Font size of text in a text field */
}
input.txt3 {	/* Sets the style of text fields with the class of 'txt3' in forms */
  color: #00008B;	/* Color of text for the text field */
  background-color: #EFEFEF;	/* Background color of text field */
  border: 1px solid #999999;	/* Border style for text fields */
  font-size:10px;	/* Font size of text in a text field */
}
select.txt2 {	/* Sets the style of text fields with the class of 'txt2' in forms */
  color: #00008B;	/* Color of text for the text field */
  background-color: #EFEFEF;	/* Background color of text field */
  border: 1px solid #999999;	/* Border style for text fields */
  font-size:10px;	/* Font size of text in a text field */
}
input.btn {	/* Sets the style of buttons with the class of 'btn' in forms */
  color: #000000;	/* Color of text in a button */
  background-color: #EFEFEF;	/* Background color of a button */
  border: 1px solid #666666;	/* Border style of button */
  font-size:10px;	/* Font size of text in a button */
  height:17px;	/* Height of the button */
  text-transform:uppercase; /* Makes the text in buttons all uppercase */
  padding:0px;
}
#login form p {	/* Style for the paragraphs in the login form */
  clear: left;	/* DO NOT EDIT. Will break layout */
  margin: 0px;	/* DO NOT EDIT. Will break layout */
  padding: 0px;	/* DO NOT EDIT. Will break layout */
  padding-top: 5px;	/* Padding around the paragraphs */
}
#login form p label {	/* This helps make each text field line up with each other in the login form */
  float: left;	/* DO NOT EDIT. Will break layout */
  width: 60px;	/* How far the fields appear from the labels */
  font: bold 10px Arial, Helvetica, sans-serif;	/* Font style of the labels. */
}

/* ---- HEADING STYLES ---- */

h1 { /* Style for Heading 1 tags. */
	font-size:30px;	/* Font size */
	color:#FFFFFF;	/* Font Color */
	margin-top:0px; /* Top margin of Heading 1 */
}
h1 a:link { /* Style for Heading 1 tags that are linked. This one determines links in the normal state */
	font-size:30px;	/* Font size */
	color:#FFFFFF;	/* Font Color */
	text-decoration:none;	/* Text decoration. Change to "underline" if you would like links underlined */
}
h1 a:visited { /* Style for Heading 1 tags that are linked. This is for links that have been previously visited. */
	font-size:30px;	/* Font size */
	color:#FFFFFF;	/* Font Color */
	text-decoration:none;	/* Text decoration. Change to "underline" if you would like links underlined */
}
h1 a:hover { /* Style for Heading 1 tags that are linked. This is for links when the mouse is over them. */
	font-size:30px;	/* Font size */
	color:#D3AFCC;	/* Font Color */
	text-decoration:none;	/* Text decoration. */
}
h1 a:active { /* Style for Heading 1 tags that are linked. This is for links that are being loaded. */
	font-size:30px;	/* Font size */
	color:#FFFFFF;	/* Font Color */
	text-decoration:none;	/* Text decoration. Change to "underline" if you would like links underlined */
}
h2 { font-size:24px; margin-top:0px; }
h3 { font-size:16px; margin-top:0px; }
h4 { font-size:14px; margin-top:0px; }
h5 { font-size:10px; margin-top:0px; }
h6 { font-size:9px; margin-top:0px; }

/* ---- STRUCTURE STYLES ---- */

#wrapper {	/* This holds the layout together */
	position: relative; /* DO NOT EDIT. Will break layout */
	text-align: left;	/* Aligns the text of the page to the left */
	width: 760px; /* DO NOT EDIT. Will break layout */
	margin-right: auto;	/* DO NOT EDIT. Will break layout */
	margin-left: auto;	/* DO NOT EDIT. Will break layout */
	padding: 0px;	/* DO NOT EDIT. Will break layout */
	background-color: #D3AFCC; /* The background color of the main content area. */
	border:#FFFFFF solid 0px; /* Edit if you wish to add a border around the page */
}
	
	#header {	/* This holds the site name and top advertisment */
		height: 85px;	/* DO NOT EDIT. Will break layout */
		margin:0px;	/* DO NOT EDIT. Will break layout */
		padding: 10px 15px 0px 15px;	/* DO NOT EDIT. Will break layout */
		background-color:#800080; /* Background color of the header */
	}
		#header .slogan {	/* Style for the site slogan that goes under the site name */
			font-size:14px; /* Font size */
			width:220px;	/* DO NOT EDIT. Will break layout */
			height:35px;	/* DO NOT EDIT. Will break layout */ 
			overflow:hidden;	/* DO NOT EDIT. Will break layout */ 
			display:block;	/* DO NOT EDIT. Will break layout */ 
			color:#FFFFFF	/* Font Color */
		}
		#header .ad {	/* Topmost advertisement. Fits 468x60 banners. */
			width:468px;	/* DO NOT EDIT. Will break layout */
			height:60px;	/* DO NOT EDIT. Will break layout */
			border:#FFFFFF 1px solid;	/* Style of the border surrounding the advertisement */
			padding:5px;	/* DO NOT EDIT. Will break layout */
			position:absolute;	/* DO NOT EDIT. Will break layout */
			right:10px;	/* DO NOT EDIT. Will break layout */
			top:10px;	/* DO NOT EDIT. Will break layout */
		}
		#header .ad .title {	/* This style helps display the test 'advertisment' above the ad. */
			margin-top: -12px;	/* DO NOT EDIT. Will break layout */
			font-size:9px;	/* DO NOT EDIT. Will break layout */
			color:#FFFFFF;	/* Font color of the text 'advertisement' */
			position:absolute;	/* DO NOT EDIT. Will break layout */
			background-color: #800080; /* MUST match the background color of the header */
			width:70px;	/* DO NOT EDIT. Will break layout */
			text-align:center;	/* DO NOT EDIT. Will break layout */
		}
	
	#footer {	/* Holds the footer content such as copyright information. */
		padding: 10px 0px 10px 10px;	/* DO NOT EDIT. Will break layout */
		font-size: 10px;	/* Font size of footer text */
		color: #FFFFFF;	/* Font color of footer text */
		background-color:#800080;	/* Background color of footer */
	}
		#footer a:link {color:#FFFFFF; text-decoration:underline;}	/* This is the style of links inside the footer */
		#footer a:visited {color:#FFFFFF; text-decoration:underline;}	/* This is the style of links inside the footer */
		#footer a:hover {color:#D3AFCC; text-decoration:underline;}	/* This is the style of links inside the footer */
		#footer a:active {color:#FFFFFF; text-decoration:underline;}	/* This is the style of links inside the footer */
	
	#top-navigation {	/* Holds the top horizonatal navigation menu */
		margin:0px;	/* DO NOT EDIT. Will break layout */
		padding: 3px;	/* This is the space around the top navigation text */
		color:#FFFFFF;	/* Font Color */
		background-color:#400040;	/* Background color of the top navigation */
		text-align:center;	/* Center aligns the text */
		font-size:12px;	/* Font size of the text */
		font-weight:bold;	/* Makes the text bold */
		text-transform:capitalize;	/* Capitalizes the first letter of each word */
		height: 17px;	/* DO NOT EDIT. Will break layout */
	}
		#top-navigation a:link {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the top naviagtion */
		#top-navigation a:visited {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the top naviagtion */
		#top-navigation a:hover {color:#D3AFCC; text-decoration:underline;}	/* This is the color of links inside the top naviagtion */
		#top-navigation a:active {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the top naviagtion */
	
	#bottom-navigation {	/* Holds the bottom horizontal navigation menu */
		clear:both;	/* DO NOT EDIT. Will break layout */
		margin:10px 0px 0px 0px;	/* DO NOT EDIT. Will break layout */
		padding: 3px;	/* This is the space around the bottom navigation text */
		color:#FFFFFF;	/* Font Color */
		background-color:#400040;	/* Background color of the bottom navigation */
		text-align:center;	/* Center aligns the text */
		font-size:12px;	/* Font size of the text */
		font-weight:bold;	/* Makes the text bold */
		text-transform:capitalize;	/* Capitalizes the first letter of each word */
		height: 17px;	/* DO NOT EDIT. Will break layout */
	}
		#bottom-navigation a:link {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the bottom naviagtion */
		#bottom-navigation a:visited {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the bottom naviagtion */
		#bottom-navigation a:hover {color:#D3AFCC; text-decoration:underline;}	/* This is the color of links inside the bottom naviagtion */
		#bottom-navigation a:active {color:#FFFFFF; text-decoration:underline;}	/* This is the color of links inside the bottom naviagtion */
	
	#left {	/* Holds the left column content */
		float: left;	/* DO NOT EDIT. Will break layout */
		width: 168px;	/* DO NOT EDIT. Will break layout */
		padding: 10px 0px 0px 10px;	/* DO NOT EDIT. Will break layout */
	}
		#left .box { /* Creates the individual boxes in the left column (ie login box, top links, etc) */
			width: 158px;	/* DO NOT EDIT. Will break layout */
			background-color:#F0E3EE; /* Background color of the box */
			color:#000000;	/* Color of the text that goes in the box */
			border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
			padding:0px 5px 5px 5px;	/* DO NOT EDIT. Will break layout */
			margin: 0px 0px 10px 0px;	/* DO NOT EDIT. Will break layout */
		}
		#left .box .title {	/* This is the title bar on the top of the boxes in the left column */
			margin: 0px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
			background-color:#800080;	/* Background color of the title bar */
			color:#FFFFFF;	/* Font color of the title text */
			padding:5px;	/* DO NOT EDIT. Will break layout */
			font-weight:bold;	/* Makes the title bold */
			font-size:14px;	/* Font size of the title text */
		}
		#left .box a:link {color:#400040;}	/* This is the color of links inside the boxes in the left column */
		#left .box a:visited {color:#400040;}	/* This is the color of links inside the boxes in the left column */
		#left .box a:hover {color:#400040;}	/* This is the color of links inside the boxes in the left column */
		#left .box a:active {color:#400040;}	/* This is the color of links inside the boxes in the left column */

		#left .stylechanger { /* For the style changer. This sets the size and border color of each style. */
			width:35px; height:15px; /* Size of the style box. May need to change this if you have more or less styles then provided. */
			border:#000000 solid 1px; /* The size and color of the border */
			float:left;	/* DO NOT EDIT. Will break layout */
		}
	
	#content {	/* Holds the main content of the page (ie main.php, browse.php, etc) */
		float: right;	/* DO NOT EDIT. Will break layout */
		width: 572px;	/* DO NOT EDIT. Will break layout */
		padding: 10px 0px 0px 0px;	/* DO NOT EDIT. Will break layout */
		_margin-right: -10px;	/* DO NOT EDIT. Will break layout */
		color: #000000;	/* Font color of the main content text */
	}

/* ---- MAIN.PHP STYLES ---- */

#content .home-news {	/* FOR: main.php - Creates the news box on the top of the page */
	width:360px;	/* DO NOT EDIT. Will break layout */
	height:170px;	/* Height of the news box. If you change this, also change .home-featured */
	color:#000000;	/* Font color */
	background-color: #F0E3EE;	/* Background color of the news box */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-news a:link {color:#400040;}	/* Link color for news box. */
	#content .home-news a:visited {color:#400040;}	/* Link color for news box. */
	#content .home-news a:hover {color:#400040;}	/* Link color for news box. */
	#content .home-news a:active {color:#400040;}	/* Link color for news box. */

	#content .home-news-title {	/* FOR main.php - This is the title bar for each box on main.php */
		margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
		background-color:#800080;	/* Background color for title bar */
		color:#FFFFFF;	/* Font color of the title text */
		padding:5px;	/* The space around the title text */
		font-weight:bold;	/* Makes the title text bold */
		font-size:14px;	/* Font size of the title text */
		overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
	}

#content .home-featured {	/* FOR: main.php - Creates the featured game box on the top of the page */
	width:170px;	/* DO NOT EDIT. Will break layout */
	height:170px;	/* Height of the news box. If you change this, also change .home-news */
	color:#000000;	/* Font color */
	background-color: #F0E3EE;	/* Background color of the featured game box */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-featured a:link {color:#400040;}	/* Link color for featured box. */
	#content .home-featured a:visited {color:#400040;}	/* Link color for featured box. */
	#content .home-featured a:hover {color:#400040;}	/* Link color for featured box. */
	#content .home-featured a:active {color:#400040;}	/* Link color for featured box. */
	
	#content .home-featured img {	/* FOR: main.php - Style for images inside the featured box */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:2px;	/* Space between border and image */
		margin: 0px 0px 5px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-featured-title {	/* FOR main.php - This is the title bar for each box on main.php */
		margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
		background-color:#800080;	/* Background color for title bar */
		color:#FFFFFF;	/* Font color of the title text */
		padding:5px;	/* The space around the title text */
		font-weight:bold;	/* Makes the title text bold */
		font-size:14px;	/* Font size of the title text */
		overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
	}

#content .home-box-title {	/* FOR main.php - This is the title bar for each box on main.php */
	margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
	background-color:#800080;	/* Background color for title bar */
	color:#FFFFFF;	/* Font color of the title text */
	padding:5px;	/* The space around the title text */
	font-weight:bold;	/* Makes the title text bold */
	font-size:14px;	/* Font size of the title text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-cat-box .home-box-title a:link {color:#FFFFFF;}	/* FOR main.php - This is the link color for links in the title bar */
	#content .home-cat-box .home-box-title a:visited {color:#FFFFFF;}	/* FOR main.php - This is the link color for links in the title bar */
	#content .home-cat-box .home-box-title a:hover {color:#FFFFFF;}	/* FOR main.php - This is the link color for links in the title bar */
	#content .home-cat-box .home-box-title a:active {color:#FFFFFF;}	/* FOR main.php - This is the link color for links in the title bar */

#content .home-cat-box {	/* FOR: main.php (3 column version) - Creates the boxes for each category */
	width:170px;	/* DO NOT EDIT. Will break layout */
	height:265px;	/* Height of the category boxes - You can Delete this line if you dont mind the boxes being uneven */
	background-color: #400040;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-cat-box a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */

	#content .home-cat-box .img {	/* FOR: main.php - Style for game image*/
		float:left;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:0px;	/* Space between border and image */
		margin: 0px 4px 20px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-cat-box .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}

#content .home-cat-box2 {	/* FOR: main.php (2 column version) - Creates the boxes for each category - 2 column version */
	width:266px;	/* DO NOT EDIT. Will break layout */
	height:220px;	/* Height of the category boxes - You can Delete this line if you dont mind the boxes being uneven */
	background-color: #400040;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-cat-box2 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box2 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box2 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box2 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	
	#content .home-cat-box2 .img {	/* FOR: main.php - Style for game image - 2 column version*/
		float:right;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:0px;	/* Space between border and image */
		margin: 0px 0px 0px 2px;	/* Space between image border and text surrounding the image */
	}
	#content .home-cat-box2 .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}

#content .home-cat-box3 {	/* FOR: main.php (1 column version) - Creates the boxes for each category - 1 column version */
	width:552px;	/* DO NOT EDIT. Will break layout */
	background-color: #400040;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
	#content .home-cat-box3 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box3 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box3 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-cat-box3 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	
	#content .home-cat-box3 .img {	/* FOR: main.php - Style for game image - 1 column version*/
		clear:left;	/* DO NOT EDIT. Will break layout */
		float:left;	/* DO NOT EDIT. Will break layout */
		border:#FFFFFF 1px solid;	/* Border style of the images */
		padding:0px;	/* Space between border and image */
		margin: 0px 4px 4px 0px;	/* Space between image border and text surrounding the image */
	}
	#content .home-cat-box3 .list {	/* FOR: main.php - Style for game lists*/
		clear:left;	/* DO NOT EDIT. Will break layout */
	}

#content .home-box-1 {	/* FOR: main.php - Creates the filler boxes */
	width:170px;	/* DO NOT EDIT. Will break layout */
	height:265px;	/* Height of the category boxes */
	background-color: #400040;	/* Background color for the category boxes */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-box-1 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-1 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-1 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-1 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */

#content .home-box-2 {	/* FOR: main.php - Creates the filler boxes */
	width:360px;	/* DO NOT EDIT. Will break layout */
	height:265px;	/* Height of the category boxes */
	background-color: #400040;	/* Background color for the category boxes */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-box-2 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-2 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-2 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-2 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */

#content .home-box-3 {	/* FOR: main.php - Creates the filler boxes */
	width:550px;	/* DO NOT EDIT. Will break layout */
	background-color: #400040;	/* Background color for the category boxes */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-box-3 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-3 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-3 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-3 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */

#content .home-box-4 {	/* FOR: main.php (2 column version) - Creates the filler boxes */
	width:266px;	/* DO NOT EDIT. Will break layout */
	height:220px;	/* Height of the category boxes */
	background-color: #400040;	/* Background color for the category boxes */
	border:#FFFFFF 0px solid;	/* Style of the border surrounding the box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
	#content .home-box-4 a:link {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-4 a:visited {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-4 a:hover {color:#D3AFCC; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */
	#content .home-box-4 a:active {color:#FFFFFF; text-decoration:underline;}	/* FOR: main.php - Links inside category boxes */

/* ---- DISPLAYGAME.PHP STYLES ---- */

#content .display-box {	/* FOR: displaygame.php - Holds Users Comments (does not include comments form) */
	width:542px;	/* DO NOT EDIT. Will break layout */
	border-bottom:#800080 1px solid;	/* Border style */
	border-top:#800080 1px solid;	/* Border style */
	background-color: #400040;	/* Background color for the content box */
	margin: 0px 0px 0px 0px;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
#content .display-1-box {	/* FOR: displaygame.php - Holds the Game, and Comments Box */
	width:552px;	/* DO NOT EDIT. Will break layout */
	background-color: #400040;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
	overflow:hidden; /* Hides any text that goes past the height of the box to prevent layout breaking */
}
#content .display-2-box {	/* FOR: displaygame.php - Holds Description, and Options boxes. */
	width:266px;	/* DO NOT EDIT. Will break layout */
	background-color: #400040;	/* Background color for the category boxes */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}

/* ---- BROWSE.PHP STYLES ---- */

#content .browse-box {	/* FOR: browse.php - Holds results for browse pages */
	width:542px;	/* DO NOT EDIT. Will break layout */
	border-bottom:#800080 1px solid;	/* Border style */
	border-top:#800080 1px solid;	/* Border style */
	background-color: #400040;	/* Background color for the content box */
	margin: 0px 0px 0px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
#content .browse-img {	/* FOR: browse.php - Style for game images */
	border:#FFFFFF 1px solid;	/* Border style of the images */
	padding:2px;	/* Space between border and image */
	margin: 0px 5px 5px 0px;	/* Space between image border and text surrounding the image */
	float:left;	/* DO NOT EDIT. Will break layout */
}
#content .browse-text {	/* FOR: browse.php - Style for game description and title */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
}

/* ---- BROWSE.PHP/MEMBERLIST.PHP STYLES ---- */

#content .PageNumbers {	/* FOR: browse.php and memberlist.php - Style for page numbers */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	border:#D3AFCC 1px solid;	/* Border style */
	margin: 5px;	/* Space between border and text surrounding the pagenumber */
	padding: 1px;	/* The space around the text */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	width:25px;  /* Sets the width for each page number */
	text-align:center; /* Centers the text within the border. */
}
#content .PageTitle {	/* FOR: browse.php and memberlist.php - Style for page numbers title */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	border:#CCEAFF 2px solid;	/* Border style */
	margin: 4px;	/* Space between border and text surrounding the pagenumber */
	padding: 1px;	/* The space around the text */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	width:80px;  /* Sets the width for each page number */
	text-align:center; /* Centers the text within the border. */
}

/* ---- MEMBERLIST.PHP STYLES ---- */

#content .PageNumbers2 {	/* FOR: memberlist.php - Style for page numbers */
	font-family: Arial, Helvetica, sans-serif; /* font family used */
	font-size: 12px;	/* font size used */
	border:#D3AFCC 0px solid;	/* Border style */
	margin: 1px;	/* Space between border and text surrounding the pagenumber */
	padding: 1px;	/* The space around the text */
	display:block;  /* DO NOT EDIT. Will break layout */
	float:left;  /* DO NOT EDIT. Will break layout */
	width:14px;  /* Sets the width for each page number */
	font-weight:bold;
	text-align:center; /* Centers the text within the border. */
}

/* ---- PROFILE.HTML STYLES ---- */

#content .avatar {	/* FOR: profile.html - Style for profile's avatar */
	float:right;	/* DO NOT EDIT. Will break layout */
	border:#FFFFFF 1px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 0px 5px 0px 0px;	/* Space between image border and text surrounding the image */
}
#content .gameimg {	/* FOR: profile.html - Style for favorite and last played game thumbnails */
	border:#FFFFFF 0px solid;	/* Border style of the images */
	padding:0px;	/* Space between border and image */
	margin: 9px 2px -9px 0px;	/* Space between image border and text surrounding the image */
}

/* ---- STYLES FOR MISC PAGES ---- */

#content .content-box {	/* FOR: Misc Pages - Creates the box that other pages' content is contained inside */
	width:552px;	/* DO NOT EDIT. Will break layout */
	background-color: #400040;	/* Background color for the content box */
	margin: 0px 10px 10px 0px;	/* DO NOT EDIT. Will break layout */
	float:left;	/* DO NOT EDIT. Will break layout */
	padding:5px;	/* The space between the text inside the box and the edge of the box */
	color:#FFFFFF;	/* Font color of the text inside the box */
	font-size:11px;	/* Font size of the text */
}
#content .content-box-title {	/* FOR Misc Pages - This is the title bar for the content box on other pages */
	margin: -5px -5px 5px -5px;	/* DO NOT EDIT. Will break layout */
	background-color:#800080;	/* Background color for title bar */
	color:#FFFFFF;	/* Font color of the title text */
	padding:5px;	/* The space around the title text */
	font-weight:bold;	/* Makes the title text bold */
	font-size:14px;	/* Font size of the title text */
}
	.content-box-title a:link {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:visited {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:hover {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */
	.content-box-title a:active {color:#FFFFFF;}	/* FOR Misc Pages - Link color for titles. */

/* ---- END OF STYLESHEET ---- */