/*
------------------------------
nclud'ed screen styles
http://www.nclud.com
------------------------------
*/

@import "triggers.css";


/* Reset ------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; }
body { line-height: 160%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }


/* Globals ------------------------------------------- */
body { font: 62.5% Arial, Helvetica, sans-serif; position: relative;}
.last { border-right: 0 !important; margin-right: 0 !important; padding-right: 0 !important;}
ul#skipLinks { display: none; }


/* Misc. ------------------------------------------- */
div#left { float: left; width: 683px; }
div#right { float: right; width: 263px; }
div#boxWrapper { width: 986px; margin: 0 auto; padding-top: 65px; }
div#mainbox { position: relative; z-index: 4; }
div#basicPage li { font-size: 1.2em; line-height: 160%; }
div#basicPage li a { color: #0000dd; font-weight: normal; display: inline; }
div#basicPage li a:hover { color: #0000dd; }



/* Header ------------------------------------------- */
div#header { width: 1001px; height: 92px; background: transparent url('../img/bg-header.png') no-repeat; margin: 8px auto 0; position: relative;}
	div#header a#logo { margin: 14px 0 0 22px; display: block; float: left; text-indent: -999999px; background: transparent url('../img/logo.gif') no-repeat; width: 189px; height: 57px; }
	div#header q { margin-left: 30px; padding-top: 22px; float: left; width: 520px; text-align: center; font-size: 1.8em; color: #073df9; }
		div#header q span { color: #2ac217; }
	ul#nav { width: 540px; float: left; margin-left: 43px; padding-top: 20px; }
		ul#nav li { float: left; border-right: 1px solid #fff; }
			ul#nav li a { font-size: 1.2em; color: #fff; text-decoration: none; padding: 5px 15px;}

		/* Selected nav item */
		body.home ul#nav li.home a,
		body.applications ul#nav li.applications a,
		body.about ul#nav li.about a,
		body.news ul#nav li.news a,
		body.blog ul#nav li.blog a,
		body.support ul#nav li.support a,
		body.contact ul#nav li.contact a,
		ul#nav li a:hover { background: url('../img/nav-onstate.gif') repeat-x; color: #f4f0a1;}
		
	/* Forms on right */
	div#forms { position: absolute; top: 17px; right: 25px;}
	div#forms label { color: #7480a3; font-size: 1.2em; padding-left: 5px; }
	div#forms form { margin-top: 5px; }
	div#forms select { width: 132px; }
	div#forms form input { width: 126px; }
	div#forms form button { padding: 0; border: 0; width: 65px; height: 27px; background: transparent url('../img/search.png'); text-indent: -999999px; cursor: pointer;}


/* Games Nav area ------------------------------------------- */	
div#games { margin: 0 auto; position: relative; width: 986px; z-index: 20; }
ul#gamesNav { width: 970px; height: 68px; background: url('../img/bg-games.png') no-repeat; position: absolute; z-index: 100; padding-left: 16px;}
	ul#gamesNav li { float: left; margin-top: 8px; position: relative; } 
		ul#gamesNav li a { display: block; height: 48px; width: 158px; background-position: no-repeat; text-indent: -999999px; }
		ul#gamesNav li:hover a { background-position: 0 -49px; }
		
		/* Toplevel game buttons */
		li#puzzle a { background-image: url('../img/games-puzzle.png'); }
		li#action a { background-image: url('../img/games-action.png'); }
		li#multiplayer a { background-image: url('../img/games-multiplayer.png'); }
		li#kids a { background-image: url('../img/games-kids.png'); }
		li#allgames a { background-image: url('../img/games-allgames.png'); }
		li#upcoming a { background-image: url('../img/games-upcoming.png'); }
		
		/* Dropdown structure */
		ul#gamesNav li div { display: none; width: 238px; height: auto; margin: 0; position: absolute; top: 47px; padding-bottom: 14px;  }
		ul#gamesNav li:hover div { display: block; }
		ul#gamesNav li:hover ul { padding-top: 7px; }
			ul#gamesNav li ul li { display: block; float: none; margin: 0; padding-right: 0;}
			ul#gamesNav li ul li.comingsoon { padding: 10px 0 4px 27px; font-size: 1.2em; font-style: italic; color: #333;}
				ul#gamesNav li ul li a { background-image: none; padding: 8px 0 5px 39px; margin: 0 20px; display: block; height: auto; text-indent: 0; font-size: 1.6em; color: #000; text-decoration: none; }
					ul#gamesNav li ul li:first-child a { border-top: 0 !important; }

						
/* Content Wrapper ------------------------------------------- */
div.box { width: 984px; background: url('../img/box-top.png') no-repeat top left; margin: 0 auto; padding-top: 19px;}
	div.box div.tbox { background: url('../img/box-bottom.png') no-repeat bottom left; padding-bottom: 24px; }
		div.box div.tbox div.bbox { background: url('../img/box-middle.png') repeat-y; overflow: hidden; padding: 0 16px; }
		
		
/* Featured Games ------------------------------------------- */
div.featuredGame-primary { float: left; width: 683px; height: 275px; background-repeat: no-repeat; }
div.featuredGame-secondary { float: left; width: 341px; height: 236px; background-repeat: no-repeat; }

	/* Primary Featured game formatting structure */
	div.box div.featuredGame-primary h2 { font-size: 1.4em; text-transform: uppercase; font-weight: bold; padding: 14px 0 0 59px; }
	div.box div.featuredGame-primary a.logoLink { display: block; float: right; width: 231px; height: 75px; margin-right: 130px; margin-top: -20px; text-indent: -999999px; }
	div.box div.featuredGame-primary p { float: right; font-size: 1.4em; width: 431px; margin-top: 0; padding: 5px 24px 0 0; }
		div.box div.featuredGame-primary p a { display: block; text-align: right; margin-top: 6px; }
	div.box div.featuredGame-primary div.slideshow { float: left;  margin: 16px 0 0 35px; width: 167px; }
		div.box div.featuredGame-primary div.slideshow ul { width: 167px; height: 186px; overflow: hidden; }
			/*div.box div.featuredGame-primary div.slideshow ul li { width: 167px; height: 186px; } */
				div.box div.featuredGame-primary div.slideshow div { border: 5px solid #4bb944; width: 157px; height: 176px; }

	/* Secondary Featured game structure */
	div.box div.featuredGame-secondary h2 { font-size: 1.2em; font-weight: bold; padding: 13px 0 0 49px; }
	div.box div#blingster h2 { padding-left: 53px; }
	div.box div.featuredGame-secondary a.logoLink { display: block; float: right; width: 150px; height: 70px; margin-right: 20px; margin-top: 13px; text-indent: -999999px; }
	div.box div.featuredGame-secondary p { float: right; font-size: 1.2em; width: 145px; margin-top: 0; padding: 6px 24px 0 0; line-height: 15px; }
		div.box div.featuredGame-secondary p a { display: block; text-align: right; margin-top: 11px; }
	div.box div.featuredGame-secondary div.slideshow { float: left;  margin: 9px 0 0 23px; }
		div.box div.featuredGame-secondary div.slideshow ul { width: 135px; height: 160px; overflow: hidden; }
			/*div.box div.featuredGame-secondary div.slideshow ul li { width: 122px; height: 147px; }*/
				div.box div.featuredGame-secondary div.slideshow div { border: 4px solid #000; z-index: 0;width: 127px; height: 152px; }
				
	/* Slider nav */
	ul#slideNav-primary { margin: 0 auto; width: 100px; margin-top: 5px; padding-left: 35px; float: left; height: 30px; }
	ul#slideNav-secondary1,
	ul#slideNav-secondary2 { margin: 0 auto; width: 100px; margin-top: 5px; padding-left: 20px; float: left; height: 30px; }

	ul#slideNav-primary li,
	ul#slideNav-secondary1 li,
	ul#slideNav-secondary2 li { display: inline; width: 30px; height: 30px;}

	ul#slideNav-primary li a,
	ul#slideNav-secondary1 li a,
	ul#slideNav-secondary2 li a { display: inline; width: 10px; padding: 5px; font-size: 1.3em; height: 30px; text-decoration: none;}				


/* Sidebar brown boxes structure ------------------------------------------- */
div#right div.box { width: auto; background: url('../img/side-box.gif') repeat-y; clear: both; padding: 0;}
	div#right div.box div.bbox { background: url('../img/side-bbox.gif') no-repeat bottom left; padding: 0; padding: 0 20px 12px 15px;}
		div#right div.box h2 { background: url('../img/side-tbox.gif') no-repeat top left; height: 20px; text-align: center; font-size: 1.4em; color: #fff; padding-top: 8px; font-weight: bold; text-transform: uppercase;}
			div#right div.box h2 a { color: #fff; font-weight: bold; text-decoration: none;}
			
	/* Link color/decoration */
	div.box div li a { color: #fdf9a5; font-weight: bold; display: block; font-size: 1.1em; }
	div.box div li b { color: #fdf9a5; font-weight: bold; display: inline-block; margin-bottom: 4px; font-size: 1.1em; }
	div.box div li a:hover { color: #fff758; }

	/* Sidebar box with bullet */
	div.box div.bullet li { background: transparent url('../img/side-bullet.gif') no-repeat; padding: 10px 0 9px 23px; margin-bottom: 8px; font-size: 1.2em; color: #fff;}
	div.box div.bullet li a { margin-bottom: 4px; }
	div.box div.bullet li a.readMore { display: inline; font-weight: normal; text-decoration: none;}
			
	/* Sidebar with images */
	div.box div.img li { clear: both; background: transparent url('../img/side-bglist.gif'); overflow: hidden; margin-bottom: 4px; }
	div.box div.img h2 { margin-bottom: 4px;}
	div.box div.img li img { float: left; margin-right: 10px; }
	div.box div.img li a { font-size: 1.3em; padding: 0px 0px 0px; display: block; float: left; }
	div.box div.img li span { color: #fff; font-size: 1.2em; display: block; padding-bottom: 5px;}
		
	/* Sidebar Buy now */
	/*#buynow a { display: block; background: transparent url('../img/icon-buynow.png') no-repeat; padding: 23px 0 23px 80px; font-size: 1.2em; }*/
	#rssfeed a { display: block; background: transparent url('../img/rssfeed.gif') no-repeat; padding: 17px 0 17px 60px; font-size: 1.2em;}

	/* Sidebar testimonial show */
	ul#testimonials { width: 228px; height: 67px; overflow: hidden; margin-bottom: 4px; }
	ul#testimonials li { width: 228px; height: 67px; }
	ul#testimonials li a#textLink { width: 150px; padding: 9px 0px 0px; margin-bottom: 4px; }
	/*ul#testimonials li span { width: 200px; display: block; float: right; }*/

	ul#buyNow li a#textLink { width: 140px; padding: 4px 0px 0px; }
	ul#comingSoon li a#textLink { padding: 9px 0px 0px; }
	ul#similarGames li a#textLink { padding: 9px 0px 0px; }
	
/* Primary pages ------------------------------------------- */
div#content div div { padding: 20px 30px 25px; overflow: hidden;}
	body.primary h1 { width: 610px; height: 71px; font-size: 4em; font-weight: bold; text-align: center; padding-top: 20px; margin-bottom: 20px;}
		div#content div div p { font-size: 1.2em; line-height: 160%; margin: 15px 0; }
		div#content div div h2 { font-size: 1.7em; font-weight: bold; margin: 10px 0 20px; }
			div#content div div p#noGames { font-size: 1.7em; width: 500px; margin: 0 auto; text-align: center; }

		/* Game listings */
		div#content div div div.gameListing { width: 652px; height: 227px; margin-left: -15px; padding: 0; margin-bottom: 10px; position: relative; overflow: hidden;}
		div.gameListing a.imgLink { height: ; width: ; }
		div.gameListing p { padding: 100px 30px 0 205px; }
		div.gameListing ul { position: absolute; top: 12px; right: 25px; font-size: 1.2em; width: 75px; }
			div.gameListing ul li { margin-top: 18px; }
				.imgLinks { display: block; float: left; width: 167px; height: 187px; margin: 19px 0 0 20px; text-indent: -999999px; }
				.titleLinks { display: block; position: absolute; top: -20px; right: 300px; width: 180px; height: 60px; text-indent: -999999px; margin: 30px 0 0 75px; }
				/*  float: left;  */
				
html body div div div div div#left div#content div div div.newspost { background: none; padding: 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px;} 	
	div.newspost h2 a { color: #000; }
	div.newspost h2 span { display: block; font-size: 12px; }
			
				
/* Secondary pages ------------------------------------------- */
body.secondary div#gameData h1 { text-indent: -999999px; }
body.secondary div#gameData h2 { font-size: 1.4em; text-transform: uppercase; padding: 8px 0 10px 50px; font-weight: bold; background-repeat: no-repeat; margin-top: 30px; }
body.secondary div#gameData h2#description { margin-top: 0; }

body.secondary div#gameData p { padding-left: 30px; font-size: 1.4em; margin: 0px 0; }
body.secondary div#gameData ul { list-style: disc; padding-left: 43px; font-size: 1.4em; margin: 15px 0; }
	body.secondary div#gameData ul li { margin: 10px 0; }

div#content div div ul#jumpto { width: 620px; margin: 135px auto 0 110px; }
div#content div div ul#jumpto li { float: left; padding: 0 20px; border-right: 1px solid #000; font-size: 1.1em; font-weight: normal; }
div#content div div ul#jumpto li a { color: #000; }

div#content div div div#gameData { width: 430px; float: right;  padding: 0; margin: 0; background: none; padding: 0; margin: 30px 0 0 0; background: none;}
body div#content div div div#screenShots { width: 185px; float: left; padding: 0; margin: 30px 0 0 0; background: none; }
	body div#content div div div#screenShots img { border: 4px solid #000; margin-bottom: 15px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; }
		
		div#content span#gameVideo { padding-left: 23px; }

/* Search Results ------------------------------------------- */
ul#search li { background-color: #f5f5f5; margin-bottom: 10px; clear: both;}
	ul#search li a { font-size: 1.2em; color: #333; background-color: #eee; padding: 10px; }
	ul#search li p { font-size: 1.2em; color: #444;  padding: 20px 30px 30px 30px; margin: 0 !important;}
	ul#search li a.viewMore { display: inline; float: right; padding: 7px; margin-top: -35px; font-size: 1.1em; }
	

/* Blog and News ------------------------------------------- */
div#content div div ul#newsList li { width: 628px; height: 89px; clear: both; margin-bottom: 15px; position: relative; }
	ul#newsList li span.date { font-size: 1.4em; font-weight: bold; position: absolute; top: 13px; left: 42px; }
	div#content div div ul#newsList li a { width: 400px; color: #333; display: block; float: right; padding: 13px 20px 0 0; text-decoration: none; }
	div#content div div ul#newsList li a span { text-decoration: underline; font-size: 1.2em; padding: 0; font-weight: bold;}
		div#content div div ul#newsList li a p { display: block; font-size: 1.1em; line-height: 100%; margin-top: 4px; margin-bottom: 15px;  }
		
	span.date1 { font-size: 1.2em; font-weight: normal; margin-top: -15px; display: block; border-bottom: 1px solid #ccc; padding-bottom: 15px; color: #79756d; }


	/* Comments */
	.commentlist li { background-color: #fff; padding: 15px 15px 5px; border: 1px solid #ccc; margin-bottom: 15px; }
		body#appabove div#boxWrapper div#mainbox .commentlist li a { color: #333; }

/* Footer ------------------------------------------- */	
ul#footer { clear: both; width: 984px; height: 68px; background: url('../img/bg-games.png') no-repeat; margin: 0 auto; text-align: center; padding-top: 13px;}
	ul#footer li { display: inline; margin-top: 8px; border-right: 1px solid #000; }
		ul#footer li a { color: #000; text-decoration: none; padding: 0 10px; font-size: 1.2em; }
		ul#footer li a:hover { text-decoration: underline; }
	ul#footer li#copyright { display: block; clear: both; }