/*ns2SNIFF*/
* {
	margin:				0;
	padding:				0;
	border:				0px solid transparent;
	outline:				none;
}

body{
	background:			rgb(54,62,70); /*bg color */
	font-size:				10px; 
}

body *{
	font-family:			Arial, sans-serif; 
}

.article li{
	margin-left:			20px;
}


p, body{
	color:				rgb(255,232,36);	/*Main text color*/
}

h,h1,h2,h3,a{
	color:				rgb(255,255,255);	/*Heading and link color*/
}



.article *{
	font-size:				15px;
}

.article h2{
	font-size:				20px;
}

.article h1{
	font-size:				30px;
}


.article p, .article li{
	margin-bottom:			10px;
}
.article h1, .article h2{
	margin-bottom:			15px;
}


h2{
	color:				rgb(255,250,127);	/*Sub heading color*/
}


/********************************* Regular links */

a{
	text-decoration:			none;
}

a:hover {
	color:				white;
	text-decoration:			underline;
}

/********************************************/


#page_wrap1_wrap{
	background:			transparent url(../img/bg.wrap1.png) repeat-y scroll center 321px;
}

#page_wrap2_wrap{
	background:			transparent url(../img/bg.wrap2.png) repeat-x scroll left top;
}

#page_wrap3_wrap{
	background:			transparent url(../img/bg.wrap3.jpeg) no-repeat scroll center top;
}

#page_wrap4_wrap{
	background:			transparent url(../img/bg.wrap4.png) no-repeat scroll center bottom;
}

#page_wrap5_wrap {
	width:				968px;
	margin:				0 auto;
	text-align:				center;
}




/************************/

.page{
	position:				relative;
	overflow:				visible;
	min-height:			100px;
}

.page_head,
.page_tail{
	clear:				both;
}
.page_head,
.page_mid,
.page_tail{
	display:block;
	position:relative;
	width:				968px;
}
.page_head{
	height:				135px;
}
.page_mid{
	float:				left;
	margin:				0 auto;					/* align for good browsers */
	text-align:				left;						/* counter the body center */
}
.page_tail{
	height:				120px;
}
.page_tail p{
	padding:				14px;
	margin-left:			60px;
	text-align:				center;
}
.page_tail p *{
	margin-left:			5px;
}



/************************************/


.menu{
	float:				left;
	width:				168px;
}

.menu_item{
	display:				block;
	float:				left;
	width:				100%;
}


.menu_item *{
	text-decoration:			none;
}


/*Specific for button headings*/
.menu_item h1{
	padding:				0px 0px 0px 4px;
	font-size:				15px;
	font-weight:			normal;
	font-family:			Arial Black;
}

.tagGameCount{
		font-size: 12px;
}


/*Specific for button subtext*/
.menu_item p{
	padding:				0px 0px 0px 4px;
	font-size:				10px;
	font-family:			Arial;
}

/*********************************/

.tag p,
.tag h1,
.section p,
.section h1{
	padding-left:			50px;
}


/* SECTION menu items */
.section{
	height:				60px;
	background:			transparent url(../img/tag.section.png) no-repeat top left;
}
.section:hover {
	text-decoration:			none;
	background:			transparent url(../img/tag.section.hover.png) no-repeat top left;
}
.section:hover *{
	color:				black;
}
.section *{
	color:				white;
}

/*********************************/

/* TAG menu items */
.tag{
	height:				40px;
	background:			transparent url(../img/tag.arcade.png) no-repeat top left;
}
.tag:hover {
	text-decoration:			none;
	background:			transparent url(../img/tag.arcade.hover.png) no-repeat top left;
}
.tag:hover *{
	color:				black;
}
.tag *{
	color:				white;
}


/************************************/


/* Homelink*/

#homelink_section{
	height:				72px;
	background-image: none;
}


/* identified sections */

#frontpage_section{
	background:			transparent url(../img/section.frontpage.png) no-repeat top left;
}
#frontpage_section:hover {
	background:			transparent url(../img/section.frontpage.hover.png) no-repeat top left;
}

#nutgrinder_section{
	background:			transparent url(../img/section.nutgrinder.png) no-repeat top left;
}
#nutgrinder_section:hover {
	background:			transparent url(../img/section.nutgrinder.hover.png) no-repeat top left;
}


#top_section{
	background:			transparent url(../img/section.top.png) no-repeat top left;
}
#top_section:hover {
	background:			transparent url(../img/section.top.hover.png) no-repeat top left;
}

#favourite_section{
	background:			transparent url(../img/section.favourite.png) no-repeat top left;
}
#favourite_section:hover {
	background:			transparent url(../img/section.favourite.hover.png) no-repeat top left;
}

#history_section{
	background:			transparent url(../img/section.history.png) no-repeat top left;
}
#history_section:hover {
	background:			transparent url(../img/section.history.hover.png) no-repeat top left;
}


#search_section{
	background:			transparent url(../img/section.search.png) no-repeat top left;
}
#search_section:hover {
	background:			transparent url(../img/section.search.hover.png) no-repeat top left;
}

#tags_section{
	background:			transparent url(../img/section.tags.png) no-repeat top left;
}
#tags_section:hover {
	background:			transparent url(../img/section.tags.hover.png) no-repeat top left;
}


/**********************************/
#adventure_tag{
	background:			transparent url(../img/tag.adventure.png) no-repeat top left;
}
#adventure_tag:hover {
	background:			transparent url(../img/tag.adventure.hover.png) no-repeat top left;
}

#arcade_tag{
	background:			transparent url(../img/tag.adventure.png) no-repeat top left;
}
#arcade_tag:hover {
	background:			transparent url(../img/tag.adventure.hover.png) no-repeat top left;
}

#shooting_tag{
	background:			transparent url(../img/tag.shooting.png) no-repeat top left;
}
#shooting_tag:hover {
	background:			transparent url(../img/tag.shooting.hover.png) no-repeat top left;
}

#gambling_tag{
	background:			transparent url(../img/tag.gambling.png) no-repeat top left;
}
#gambling_tag:hover {
	background:			transparent url(../img/tag.gambling.hover.png) no-repeat top left;
}

#creative_tag{
	background:			transparent url(../img/tag.creative.png) no-repeat top left;
}
#creative_tag:hover {
	background:			transparent url(../img/tag.creative.hover.png) no-repeat top left;
}

/**********************************/


.advert{
	float:				left;
	width:				120px;
	background:			transparent;
	padding:				5px;
}
.advert_head,
.advert_body,
.advert_tail{
	float:				left;
	width:				120px;
	height:				19px;
}
.advert_head{
	background:			transparent url(../img/ad.top.png) no-repeat;
}
.advert_body{
	height:				600px;
	background:			black;
}
.advert_tail{
	background:			transparent url(../img/ad.bot.png) no-repeat;
}

/****************************************/

.sections{
	float:				right;
	width:				800px; /* really 800px */
	background:			transparent;
}

.section_item{
	float:				right;
	width:				798px;  /* really 789px */
	background:			transparent;
}

/***************************************/


.content{
	float:				right;
	width:				660px; /* really 660px */
	background:			transparent;
}

.content_item{
	display:				block;
	float:				left;
	width:				214px;
	height:				154px;
	margin-right:		4px;
	margin-top:			7px;
	margin-left:		0px;
	background:			transparent url(../img/item.png) no-repeat;
}

.content_item:hover{
	background:			transparent url(../img/item.hover.png) no-repeat;
}


.heading_item{
	display:				block;
	float:				left;
	width:				650px;
	height:				154px;
	margin-right:			4px;
	margin-top:			7px;
	margin-left:			0px;
	background:			transparent url(../img/item.long.png) no-repeat;
}

/*
.heading_item:hover{
	background:			transparent url(../img/item.long.hover.png) no-repeat;
}
*/


/**************** content items */


.content_item .li_ic,
.content_item .li_nm,
.content_item .li_an,
.content_item .li_ds,
.content_item .li_in,
.content_item .li_tg{
	margin-left:			8px;
	margin-right:			6px;
	margin-top:			2px;
}

.li_ic{
	width:				128px;
	height:				72px;
	
}

.content_item .li_ic{
	margin-top:			4px;
}

.content_item .li_nm{
	font-size:				14px;
	font-weight:			900;
	height:				16px;
	overflow:				hidden;
}

.content_item .li_an{
	font-size:				8px;
	height:				10px;
}

.content_item .li_ds{
clear:left;
	font-size:				10px;
	height:				10px;
	margin-top:			0px;
}


/**************** heading items */


.heading_item .li_ic,
.heading_item .li_nm,
.heading_item .li_an,
.heading_item .li_ds,
.heading_item .li_in,
.heading_item .li_tg{
	margin-left:			8px;
	margin-right:			6px;
	margin-top:			2px;
}

.li_ic{
	width:				128px;
	height:				72px;
	
}

.heading_item .li_ic{
	margin-top:			4px;
}

.heading_item .li_nm{
	font-size:				14px;
	font-weight:			900;
	height:				16px;
	overflow:				hidden;
}

.heading_item .li_an{
	font-size:				8px;
	height:				10px;
}

.heading_item .li_ds{
clear:left;
	font-size:				10px;
	height:				10px;
	margin-top:			0px;
}



/**********************************/

.content_item_player{
	display:				block;
	float:				left;
	width:				654px;
	height:				354px;
	margin-right:			4px;
	margin-top:			7px;
	margin-left:			0px;
	/*background:			transparent url(../img/item.large.png) no-repeat top center;*/
}


.content_item_player .li_nm{
	font-size:				24px;
	height:				32px;
	font-weight:			900;
}

.content_item_player .li_an{
	font-size:				12px;
	height:				18px;
}

.content_item_player .li_ds{
	font-size:				12px;
}

.content_item_player .li_ss{
	position:				static;
	margin:				8px;
	width:				400px;
	height:				auto;
	clear:				left;
}

.li_fp{
	clear:				left;
}

/**********************************/

.heading_item:hover *,
.heading_item *:hover,
.content_item:hover,
.content_item_player:hover{
	text-decoration:			none;
}


/********************************/

.heading_item a{
	width:				214px;
	display:				block;
	float:				left;
}

.minisite_ad{
	display:				block;
	width:				214px;
	height:				154px;
	left:					0px;
	top:					0;
	background:			transparent url(../img/minisite.ad.blazing.crater.png) no-repeat top left;
	float:left;
}


.link_minisite_blazingcrater{
	display:				block;
	left:					0px;
	top:					0px;
	border:				0px solid yellow;
	width:				210px;
	height:				150px;
}




#homelink{
	display:				block;
	position:				absolute;
	width:				196px;
	height:				208px;
	left:					-23px;
	top:					0;
}

#link_gunnar,
#link_staggy,
#link_zack,
#link_ship{
	display:				block;
	position:				absolute;
	width:				130px;
	height:				130px;
	/*border: 2px solid red;*/
}


#link_ship{
	left:					480px;
	top:					0px;
}

#link_gunnar{
	left:					685px;
	top:					0px;
}

#link_staggy{
	left:					818px;
	top:					0px;
	width:				80px;
}

#link_zack{
	left:					905px;
	top:					0px;
	width:				80px;
}


/*************************** NUTBOX*/


#nutboxOverlay{
	position:				absolute;
	left:					0;
	width:				100%;
	background-color:		#ccc;
	background:			black;
}

#nutboxCenter, #nutboxBottomContainer {
	position:				absolute;
	left:					50%;
	overflow:				hidden;
	background-color:		transparent;
	text-align:				center;
	padding:				5px;
}

#nutboxCenter{
	/*padding:				10px;*/
	/*margin-left:			-30px;*/
	/*background-image:		url(../img/noise.gif);*/
background: transparent;
	border:				0px solid black;
}


#nutboxBottom {
	font-family:			Verdana, Helvetica, sans-serif;
	font-size:				10px;
	line-height:			1.4em;
	text-align:				left;
}

#nutboxCloseLink {
	display:				block;
	position:				relative;
	width:				128px;
	height:				40px;
	top:					0px;
	right:				0px;
	
	background:			transparent url(../img/close.but.png) no-repeat center;
	margin:				5px 0;
}



.nutboxTopLeft,
.nutboxHeader,
.nutboxTopRight,
.nutboxLeft,
.nutboxBody,
.nutboxRight,
.nutboxBottomLeft,
.nutboxFooter,
.nutboxBottomRight{
	width:6px;
	height:6px;
	float:left;
	outline:1px solid red;
}


.nutboxTopLeft{
	background:			red url(../img/nutbox.corner.top.left.png) no-repeat scroll left top;
}

.nutboxHeader{
	background:			 orange url(../img/nutbox.header.png) repeat-x scroll center top;
	width:				auto;
}

.nutboxTopRight{
	background:			yellow  url(../img/nutbox.corner.top.right.png) no-repeat scroll right top;
}

.nutboxLeft{
	background:			 purple url(../img/nutbox.left.png) repeat-y scroll left center;
	height:				auto;
clear:left;
}

.nutboxBody{
	background:			green url(../img/nutbox.body.png) no-repeat scroll center center;

}

.nutboxRight{
	background:			 white url(../img/nutbox.right.png) repeat-y scroll right center;
	height:				auto;
clear:right;
}


.nutboxBottomLeft{
	background:			blue url(../img/nutbox.corner.bottom.left.png) no-repeat scroll left bottom;
}

.nutboxFooter{
	background:			brown url(../img/nutbox.footer.png) repeat-x scroll center bottom;
	width:				auto;
}


.nutboxBottomRight{
	background:			pink url(../img/nutbox.corner.bottom.right.png) no-repeat scroll right bottom;
}

.nutboxWrapper7{
	width:				968px;
	margin:				0 auto;
	text-align:				center;
}



/* ICONS ****************/

.facebook_icon,
.delicious_icon,
.stumble_icon,
.digg_icon,
.reddit_icon,
.myspace_icon
{
	width:				16px;
	height:				16px;
	border:				0;
	padding:				0;
	margin:				0;
	display:				block;
	overflow:				hidden;
	float:				left;
	clear:				none;
	margin-right:			10px;
}


.facebook_icon{
	background:			transparent url(../img/facebook_icon.png) no-repeat center;
}


.delicious_icon{
	background:			transparent url(../img/delicious_icon.png) no-repeat center;
}



.stumble_icon{
	background:			transparent url(../img/stumble_icon.png) no-repeat center;
}


.digg_icon{
	background:			transparent url(../img/digg_icon.png) no-repeat center;
}

.reddit_icon{
	background:			transparent url(../img/reddit_icon.png) no-repeat center;
}

.myspace_icon{
	background:			transparent url(../img/myspace_icon.png) no-repeat center;
}






/*** GAME TABLE ***/


table.params{
	width:				450px;
	color:				black;
	border-spacing:			0;
	border-collapse:		collapse;
}

table.params a{
	color:				#484;
}

table.params a:hover{
	color:				#9c9;
}

table.params tr th{
	font-weight:			900;
	text-align:				right;
	vertical-align:			top;
}



table.params tr th
,table.params tr td
,table.params tr th.light
,table.params tr td.light
{
	padding:				5px;
	border-spacing:			0;
}

table.params tr th,
table.params tr td{
	background:			rgb(224,219,209);
	border-left:			1px solid rgb(244,234,224);
	border-top:			1px solid rgb(244,234,224);
	border-right:			1px solid rgb(214,204,194);
	border-bottom:			1px solid rgb(214,204,194);
}

table.params tr th.light,
table.params tr td.light{
	background:			rgb(239,234,219);
	border-left:			1px solid rgb(254,254,234);
	border-top:			1px solid rgb(254,254,234);
	border-right:			1px solid rgb(224,214,204);
	border-bottom:			1px solid rgb(224,214,204);
}

#gameDiv{
	background-color:green;
	width: 1500px;
}



/* ROUNDED BOX */

  /****/   /****/   /****/   /****/   /****/   /****/   /****/   
 /****/   /****/   /****/   /****/   /****/   /****/   /****/   
/****/   /****/   /****/   /****/   /****/   /****/   /****/   


/* Custom corners addition 
.nutboxWrapper,
.nutboxWrapper h2,
.nutboxWrapper .body,
.nutboxWrapper .footer,
.nutboxWrapper .footer p{
	background: url("../img/nutbox.png");
	_background: url("../img/nutbox.gif");
	position:relative;
}
.nutboxWrapper {
	background-position: top left;
} 
.nutboxWrapper h2 {
	background-position: top right;
	padding:20px;
	padding-left:0;
	padding-bottom: 1px;
	margin:0;
	right:-10px;
}
.nutboxWrapper .body {
	background-position: 100% -32px;
	margin:0;
	padding:20px;
	padding-top: 1px;
	padding-left:0;
	padding-bottom: 1px;
	right:-10px;
}
.nutboxWrapper .footer {
	background-position: bottom left;
	top:10px;
}
.nutboxWrapper .footer p {
	background-position: bottom right;
	padding:20px;
	padding-top: 1px;
	padding-left:0;
	margin:-10px 0 0 0;
	right:-10px;
}
*/


.nutboxWrapper, .nutboxWrapper h2, .nutboxWrapper .body, .nutboxWrapper .footer, .nutboxWrapper .footer p {
background:transparent url(../img/nutbox.png) repeat scroll 0;
_background: url("../img/nutbox.gif");
position:relative;
}

.nutboxWrapper {
background-position:left top;
}
.nutboxWrapper h2 {
background-position:right top;
margin:0;
padding:20px 20px 1px 0;
right:-5px;
}
.nutboxWrapper .body {
background-position:100% -32px;
margin:0;
padding:1px 20px 1px 0;
right:-10px;
}
.nutboxWrapper .footer {
background-position:left bottom;
top:10px;
}
.nutboxWrapper .footer p {
background-position:right bottom;
margin:-10px 0 0;
padding:1px 20px 20px 0;
right:-5px;
}
