@charset "utf-8";
/*  Gamers Core Generation 7 Website
	Markup and scripting by Andrew Kwan, www.acreoaeneas.com
	This credit MUST BE included!
/*************************************************************/

body
{
	margin: 0px;
	padding: 0px;
	background: #999999 url("http://www.grscgaming.com/images/backgroundtile.jpg") repeat;
	/*background-color: #FFFFFF;*/
	font: normal 13px Verdana;
}

/*  1.0 | Layout
/***********************************/

#wrap
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

	/*  1.1 | Logo
	/***********************************/
	
	#logo
	{
		background: transparent url("http://www.grscgaming.com/exp/images/gamerscore.jpg") no-repeat;
		height: 80px;
	}

	/*  1.2 | Navigation
	/***********************************/
	
	#navigation
	{
		border-bottom: 6px solid #444444;
		background: #000000;
		height: 34px;
	}
	
		#navigation ul
		{
			margin-top: 0px;
			margin-right: 0px;
			margin-left: 0px;
			padding: 0px;
			height: 40px;
			list-style-type: none;
		}
		
		#navigation ul li
		{
			float: left;
			display: block;
			position: relative;
		}
		
			#navigation li ul
			{
				display: none;					/*  So it doesn't take up space on the navigation bar  */
				visibility: hidden;
			}
			
			#navigation li:hover ul
			{
				display: block;
				background-color: #111111;
				top: 40px;
				left: 0px;
				position: absolute;
				margin: 0px;
				padding: 0px;
				width: 260px;
				list-style-type: none;
				visibility: visible;
			}
	
		#navigation a
		{
			float: left;
			border-bottom: 6px solid #444444;
			padding: 10px 15px 10px 15px;
			color: #FFFFFF;
			font: bold 14px/14px "Gill Sans", "Arial";
			text-decoration: none;
			text-transform: none;
			outline: none;
		}
		
		#navigation a:hover, #navigation .active
		{
			border-bottom: 6px solid #3795b0;
			background: transparent;
		}
		
		#navigation a.drop, #navigation a.drop-active
		{
			color: #FFFFFF;
			cursor: default;
		}
			
			#navigation ul ul li a
			{
				display: block;
				background-color: #333;
				width: 200px;
			}

	/*  1.3 | Banner
	/***********************************/
			
	#banner
	{
		background-color: #3D3D3D;
	}
	
		/*  Add more when needed...  */
		#banner .event1, #banner .event2,
		#banner .event3, #banner .event4,
		#banner .event5
		{
			float: left;
			padding: 0px 0px 0px 0px;
			height: 120px;
			line-height: 0px;
		}
		
		#banner .event1
		{
			background: #000000 url("http://www.grscgaming.com/images/mw2.jpg") no-repeat;
			width: 400px;
		}
		
			/*#banner .event1:hover
			{
				background: transparent url("http://www.grscgaming.com/images/borderlands_hover.jpg") no-repeat;
			}*/
		
		#banner .event2
		{
			background: #000000 url("http://www.grscgaming.com/images/freelancer.jpg") no-repeat;
			width: 200px;
		}
		
			#banner .event2:hover
			{
				background: transparent url("http://www.grscgaming.com/images/freelancer_hover.jpg") no-repeat;
			}
		
		#banner .event3
		{
			background: #000000 url("http://www.grscgaming.com/images/register.jpg") no-repeat;
			width: 200px;
		}
		
		#banner .forumposts
		{
			padding: 10px 10px 10px 10px;
			background-color: #302E51;
			width: 180px;
			overflow: hidden;
		}
		
			#banner .forumposts h1
			{
				margin: 0px 0px 8px 0px;
				/*border-bottom: 1px solid #FFFFFF;*/
				padding: 0px 0px 0px 0px;
				color: #FFFFFF;
				font: bold 12px "Arial";
				text-transform: uppercase;
			}
	
		#banner a
		{
			width: 100%;
			height: 120px;
			line-height: 0px;
		}
		
		#banner a img
		{
			border: none;
		}

/*  2.0 | Layout
/***********************************/

#content
{
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 800px;
	overflow: hidden;				/*  this is so the floated DIV columns are not unbounded by the container  */
}

	/*  2.1 | Content Layout
	/***********************************/
	
	#content .clannews, #content .announce,
	#content .memberofmonth, #content .gamingnews
	{
		float: left;
	}
	
	#content .clannews
	{
		width: 550px;
	}
		
	#content .sidebox
	{
		float: left;
		background-color: #818F9B;
		width: 250px;
		color: #FFFFFF;
	}
	
		/*  For: Clan News, Gaming News, Announcements, Member of the Month, etc.  */
		#content h1
		{
			margin: 0px 0px 8px 0px;
			border-bottom: 1px solid #000000;
			padding: 10px 10px 10px 10px;
			background-color: #2C6093;
			color: #FFFFFF;
			font: bold 16px "Century Gothic", "Arial";
		}
		
			#content h1.games
			{
				margin-bottom: 0px;
			}
	
		#content h2
		{
			margin: 0 10px 1em 10px;
			padding: 0px 0px 0px 0px;
			color: #000000;
			font: bold 15px "Century Gothic", "Arial";
		}
		
		#content h2.border
		{
			border-bottom: 1px solid #000000;
			padding: 0px 0px 2px 0px;
		}
		
		#content h3
		{
			margin: -1.2em 0 0.8em 0;
			padding: 0px 10px 0px 10px;
			color: #222222;
			font: normal 12px "Century Gothic", "Arial";
		}
		
		#content p
		{
			margin: 10px 0px 20px 0px;
			padding: 0px 10px 0px 10px;
			text-indent: 2em;
		}
		
		#content .sidebox p
		{
			padding: 0px 10px 0px 10px;
			text-indent: 2em;
		}
		
		#content .sidebox img
		{
			margin: 2px 10px 0px 10px;
			width: 230px;
			outline: none;
		}
		
		#content .sidebox a
		{
			color: #FFFFFF;
		}
		
		#content .sidebox .box
		{
			margin: 0px 10px 10px 10px;
			width: 230px;
		}
		
			#content .sidebox .box h6
			{
				margin: 0px 0px 5px 0px;
				border-bottom: 1px solid #FFFFFF;
				font: bold 14px "Century Gothic", "Arial";
			}
		
		#content .sidebox .caption
		{
			margin: 0px 10px 10px 10px;
			padding: 7px 10px 7px 10px;
			background-color: #333333;
			text-align: center;
		}
		
		#content .sidebox table
		{
			margin: 0px 10px 10px 10px;
			border-top: 1px solid #333333;
			border-right: 1px solid #333333;
			border-left: 1px solid #333333;
		}
		
			#content .sidebox table td
			{
				border-bottom: 1px solid #333333;
				padding: 2px 5px 2px 5px;
				width: 150px;
				font-size: 11px;
			}
		
			#content .sidebox table .label
			{
				border-right: 1px solid #333333;
				width: 110px;
				font-weight: bold;
			}
			
	#content .column
	{
		float: left;
		margin: 0px 0px 0px 0px;
		font: normal 11px/12px "Century Gothic", "Arial";
	}
				
	#content .column .head
	{
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #000000;
		padding: 10px 10px 10px 10px;
		background-color: #004363;
		color: #FFFFFF;
		font: bold 15px/15px "Gill Sans", "Arial";
	}
	
	#content .column .left, #content .column .right
	{
		float: left;
		margin: 0px 0px 0px 0px;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		padding: 10px 10px 10px 10px;
		background-color: #6F8D99;
		width: 379px;
		color: #FFFFFF;
		font: normal 12px "Verdana", "Arial";
	}
	
	#content .column .right
	{
		border-right: 0px;
		width: 380px;
	}
	
	#content .column .left:hover, #content .column .right:hover
	{
		background-color: #1B7599;
		color: #FFFFFF;
	}
		
		#content .column .left a, #content .column .right a
		{
			color: #FFFFFF;
		}
		
		#content .column .left a:hover, #content .column .right a:hover
		{
			text-decoration: none;
		}
	
	#content .roster
	{
		float: left;
		margin: 0px 0px 10px 10px;
		padding: 0px 0px 0px 0px;
		width: 255px;
		overflow: hidden;					/*  Since the emulated table of DIVs is floated  */
	}
	
		#content .roster h2
		{
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			color: #000000;
			font: bold 15px "Century Gothic", "Arial";
		}
	
		#content .roster .namehead,
		#content .roster .rankhead,
		#content .roster .name,
		#content .roster .command,
		#content .roster .member,
		#content .roster .retired,
		#content .roster .honorary
		{
			float: left;
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			padding: 3px 5px 3px 5px;
			background-color: #000;
			width: 55px;
			color: #FFF;
			font: normal 11px Verdana;
		}
		
		#content .roster .namehead,
		#content .roster .rankhead
		{
			font-weight: bold;
		}
		
		#content .roster .namehead,
		#content .roster .name
		{
			width: 175px;
		}
		
		#content .roster .command
		{
			background-color: #880000;
		}
		
		#content .roster .member
		{
			background-color: #005D7A;
		}
		
		#content .roster .retired
		{
			background-color: #400054;
		}
		
		#content .roster .honorary
		{
			background-color: #AD6800;
		}
		
		#content .roster .name
		{
			background-color: #444444;
			font-weight: normal;
		}
	
	/*	3.5 | Content Items
	/***********************************/
	
	#content .numbered
	{
		list-style-type: decimal;
	}

#breadcrumbnav
{
	padding: 5px 10px 5px 10px;
	background-color: #c0c4c5;
	color: #555;
	font: normal 12px Helvetica, Arial;
}

	#breadcrumbnav a
	{
		color: #666;
		text-decoration: none;
		text-transform: capitalize;
	}
	
	#breadcrumbnav a:hover
	{
		color: #18628d;
	}
	
		#breadcrumbnav a.active
		{
			font-weight: bold;
		}

/*  5.0 | Footer
/***********************************/	
		
#footer
{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #000;
	color: #CCC;
}
	
	#footer a
	{
		color: #CCC;
		font: normal 12px Verdana;
	}
	
	#footer a:hover
	{
		color: #1695de;
	}

#validation
{
	padding: 0 5px 0 5px;
	background-color: #000;	
	text-align: right;
	color: #FFF;
}

	#validation a
	{
		color: #CCC;
		font: normal 10px/20px Verdana;
		text-decoration: none;
	}

	#validation a:hover
	{
		color: #1695de;
	}
	
/*  04 | Other Items
/***********************************/
	
a
{
	color: #000;
	font: normal 12px Verdana;
	outline: none;
}

a:hover
{
	color: #1695de;
}

.center
{
	width: auto;
	text-align: center;
}
	
	
	
	
	/*  A list for a grid layout  */
	/*#content ul
	{
		margin: 0px;
		border: 1px solid #FF0000;
		padding: 0px;
		list-style-type: none;
	}
	
	#content ul li
	{
		float: left;
		display: block;
	}
	
	#content ul li.left
	{
		border: 1px solid #FF0000;
		margin-right: 1em;
		width: 562px;
	}
	
	#content ul li.right
	{
		border: 1px solid #FF0000;
		width: 202px;
	}*/