/*
	Roxor Games, Inc.
	Designed by Liqueoum Design © 2007
	http://www.liqueoum.com
*/

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #494949 url(images/background-main.gif) 0 0 repeat; }
	
#container {
	background: #CCCCCC url(images/background-body.gif) 0 0 repeat-y;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	width: 804px; }
	
#content {
	padding-bottom: 65px;
	width: 804px; }
	
	#section-header {
		background: #CCCCCC url(images/background-header.gif) 0 0 no-repeat;
		height: 120px;
		width: 804px; }
		
		#section-header h1 {
			height: 88px; width: 285px; }
			#section-header h1 a {
			background: #CCCCCC url(images/header-main.gif) 0 0 no-repeat;
			display: block;
			height: 0px;
			padding-top: 88px;
			overflow: hidden;
			width: 285px; }
		
		/*** NAVIGATION ***/
		#navigation {
			height: 42px;
			left: 356px;
			list-style: none;
			position: absolute;
			top: 56px;
			width: 413px; }
			#navigation li {
				float: left; }
				#navigation a {
					display: block;
					height: 0px;
					overflow: hidden;
					padding-top: 42px; }
					
					/*** Navigation Links ***/
					#nav-games { width: 74px; }
					#nav-games a:link, #nav-games a:visited { background: #CCC url(images/navigation.gif) 0px 0px no-repeat; }
					#nav-games a:hover, #nav-games a:active { background-position: 0 -42px; }
					
					#nav-purchase { width: 98px; }
					#nav-purchase a:link, #nav-purchase a:visited { background: #CCC url(images/navigation.gif) -74px 0px no-repeat; }
					#nav-purchase a:hover, #nav-purchase a:active { background-position: -74px -42px; }

					#nav-support { width: 89px; }
					#nav-support a:link, #nav-support a:visited { background: #CCC url(images/navigation.gif) -172px 0px no-repeat; }
					#nav-support a:hover, #nav-support a:active { background-position: -172px -42px; }

					#nav-about { width: 72px; }
					#nav-about a:link, #nav-about a:visited { background: #CCC url(images/navigation.gif) -261px 0px no-repeat; }
					#nav-about a:hover, #nav-about a:active { background-position: -261px -42px; }

					#nav-forums { width: 80px; }
					#nav-forums a:link, #nav-forums a:visited { background: #CCC url(images/navigation.gif) -333px 0px no-repeat; }
					#nav-forums a:hover, #nav-forums a:active { background-position: -333px -42px; }


	#section-coreGames {
		height: 240px;
		width: 804px; }
		.coreGame { 
			background: #CCCCCC url(images/coreGame-background.jpg) 0 193px no-repeat;
			float: left;
			height: 240px;
			margin: 0 0 0 11px !important;
			margin: 0 0 0 7px;
			width: 254px; }
		#gameHead-rr, #gameHead-tux, #gameHead-cs { height: 193px; width: 254px; }
		#gameHead-rr a, #gameHead-tux a, #gameHead-cs {
			display: block;
			height: 0px;
			padding-top: 193px;
			overflow: hidden;
			width: 254px; }
			#gameHead-rr a { background: url(images/coreGame-rr.jpg) 0 0 no-repeat; }
			#gameHead-tux a { background: url(images/coreGame-tux.jpg) 0 0 no-repeat; }
			#gameHead-cs { background: url(images/coreGame-cs.jpg) 0 0 no-repeat; }
				
		.coreGames-more {
			height: 35px;
			width: 124px; }
			.coreGames-more a {
				background: #CCCCCC url(images/coreGames-more.gif) 0 -35px no-repeat;
				display: block;
				float: left;
				height: 0px !important;
				overflow: hidden;
				margin: 5px 0 0 9px !important;
				margin: 5px 0 0 5px;
				padding-top: 35px;
				width: 124px; }
			.coreGames-more a:hover, .coreGames-more a:active { background-position: 0 0; }

		.coreGames-buy {
			height: 35px;
			width: 112px; }
			.coreGames-buy a {
				background: #CCCCCC url(images/coreGames-buy.gif) 0 -35px no-repeat;
				display: block;
				float: left;
				height: 0px !important;
				margin: 5px 0 0 0;
				overflow: hidden;
				padding-top: 35px;
				width: 112px; }
			.coreGames-buy a:hover, .coreGames-buy a:active { background-position: 0 0; }
			
		.coreGames-wait {
			background: #CCC url(images/coreGames-wait.gif);
			display: block;
			height: 35px;
			margin: 5px 0 0 9px;
			text-indent: -9999px;
			width: 236px; }
				
	#section-blog {
		height: auto;
		margin: 14px 0 0 13px;
		width: 516px; }
		#section-blog h2 {
			background: #CCC url(images/header-blog.gif) 0 0 no-repeat;
			height: 31px;
			text-indent: -9999px;
			width: 516px; }
			
		.blog-post {
			background: #CCC url(images/background-blog.gif) 0 0 repeat-y;
			color: #000;
			font-family: Helvetica, Arial, sans-serif;
			padding-bottom: 10px;
			width: 516px; }
			.blog-post h3 {
				font-size: 20px;
				font-weight: 900;
				margin-left: 18px;
				padding-top: 10px; }
				.blog-postInfo {
					color: #999;
					font-size: 10px;
					margin: -2px 0 0 18px; }
					.text-black { color: #000; }
				.blog-post hr {
					border: 1px solid #CCC;
					height: 1px;
					margin: 4px 0 6px 18px !important;
					margin: -2px 0 6px -18px; /* IE for the lose. */
					width: 460px; }
				.blog-post img { position: relative; right: 0; }
				.blog-post a:link, #contact-info a:link { color: #D75023; }
				.blog-post a:visited, #contact-info a:visited { color: #666666; }
				.blog-post a:hover, #contact-info a:hover { color: #FF6600; }
				.blog-post a:active, #contact-info a:active { color: #D75023; }
				
				.blog-postContent { position: relative; width: 516px; }
				.blog-body {
					font-size: 12px;
					line-height: 18px;
					position: relative;
					margin-left: 24px;
					width: 450px; }
			
		#blog-footer {
			background: url(images/footer-blog.gif) 0 0 no-repeat;
			height: 10px;
			width: 516px; }

	#section-contact {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		left: 537px;
		position: absolute;
		top: 374px;
		width: 254px;  }
		#section-contact h2 {
			background: #CCC url(images/header-contact.gif) 0 0 no-repeat;
			height: 31px;
			text-indent: -9999px;
			width: 254px; }
			#section-contact h3 {
				font-size: 14px;
				padding: 6px 0 4px 0; }
			#contact-info {
				background: url(images/background-contact.gif) 0 0 repeat-y;
				height: auto;
				padding: 0 0 10px 18px;
				width: 254px; }
				#contact-footer {
					background: url(images/footer-contact.gif) 0 0 no-repeat;
					height: 10px;
					width: 254px; }
	
	#footer {
		background: #CCC url(images/background-footer.gif) 0 0 no-repeat;
		bottom: 0;
		height: 57px;
		position: absolute;
		width: 804px; }
		#footer h6 { display: none; }
		
/*** Page Specific ***/
.subpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 0 13px;
	width: 778px; }
	.subpage h2 { color: #990000; font-size: 18px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
		.subpage a:link { color: #990000; }
		.subpage a:over { color: #CC3300; }
		.subpage a:hover { color: #666; }
		.subpage a:active { color: #333; }
	
	/*** ABOUT ***/
	#section-about img { margin: 0 0 7px 13px !important; margin: 0 0 10px 10px; }
	#section-about-01, #section-about-02 {
		background: #FFF;
		border: 2px solid #CCC;
		float: left;
		padding: 10px;
		width: 380px; }
	#section-about-02 { margin-left: 13px; width: 330px; }
	
	/*** PURCHASE ***/
	#section-purchase { }
	#section-purchase-01, #section-purchase-02 {
		background: #FFF;
		border: 2px solid #CCC;
		float: left;
		margin-left: 10px !important; /* Screw IE. */
		margin-left: 4px;
		padding: 10px;
		width: 360px; }
		#section-purchase-01 ul {
			background: #ECECEC;
			border: 1px solid #CCC;
			margin: 8px 0 8px 26px;
			padding: 6px 6px 6px 22px;
			width: 260px; }
	#section-purchase-02 {
		margin-left: 13px;
		width: 340px; }
		#section-purchase-02 ul {
			list-style: none; }
		#section-purchase-02 li {
			margin: 0 0 12px 0; }
	
	/*** GAMES ***/
	#section-games { }
	#section-games-01 {
		background: #FFF;
		border: 2px solid #CCC;
		color: #666;
		margin-left: 10px !important; /* Screw IE. */
		margin-left: 4px;
		padding: 10px;
		width: 732px; }
		#section-games-01 h2 { display: none; }
	.section-game {
		background: #FFF;
		border: 2px solid #CCC;
		height: 260px;
		margin-left: 10px !important; /* Screw IE. */
		margin-left: 4px;
		margin-top: 10px;
		padding: 10px 20px 20px 10px;
		width: 722px; }
		.section-game h2 { margin: 0 0 10px 254px; }
		.section-game p { line-height: 20px; margin-bottom: 8px; }
		.section-game img { border: #999999 2px solid; }
		.section-game-imgMain { float: left; margin: 0 25px 25px 0; }
		
/*** TUX2 ***/
#tux2 {
	background: #0099FF;
	border: 2px solid #CCC;
	color: #FFF;
	height: 980px;
	margin: 0 auto;
	position: relative;
	width: 732px; }
	
	#tux2 h2 { color: #FFCC00; margin: 20px 0 10px 0; }
	#tux2 img { border: none; }
	
	#tux2-info { margin: 10px 0 0 310px; width: 400px;  }
	#tux2-shots { width: 300px; }
	#tux2-images { margin: -866px 0 0 20px; width: 400px; }