/*
	HTML5 Reset
	http://html5reset.org/
*/
	html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}									
	article, aside, figure, footer, header, hgroup, nav, section {display: block;}
	
	html {overflow-y: scroll;} /* force a vertical scrollbar to prevent a jumpy page */
	
	ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, 
	blockquote:after, 
	q:before, 
	q:after {content: ''; content: none;}
	
	a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
	
	del {text-decoration: line-through;}
	
	abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
	
	table {border-collapse: collapse; border-spacing: 0;}
	th {font-weight: bold; vertical-align: bottom;}
	td, td img {font-weight: normal; vertical-align: top;}
	
	hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
	
	input, select {vertical-align: middle;}
	
	pre {
		white-space: pre; /* CSS2 */
		white-space: pre-wrap; /* CSS 2.1 */
		white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
		word-wrap: break-word; /* IE */
	}
	
	input[type="radio"] {vertical-align: text-bottom;}
	input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
	.ie6 input {vertical-align: text-bottom;}
	
	select, input, textarea {font: 99% sans-serif;}
	
	table {font-size: inherit; font: 100%;}
	 
	a:hover, a:active {outline: none;}
	
	small {font-size: 85%;}
	strong {font-weight: bold;}
	
	sub, sup {font-size: 75%; line-height: 0; position: relative;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}
	
	pre, code, kbd, samp {font-family: monospace, sans-serif;}
	
	.clickable,
	label, 
	input[type=button], 
	input[type=submit], 
	button {cursor: pointer;}
	
	button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
	button {width: auto; overflow: visible;} /* make buttons play nice in IE */
	.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */
	.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
	
	/* clear the floats */
	.cf { zoom: 1; }
	.cf:before,
	.cf:after { content: ""; display: table }
	.cf:after { clear: both; }
	
	/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
	::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
	::selection {background: #fcd700; color: #fff; text-shadow: none;} 
	
	a:link {-webkit-tap-highlight-color: #fcd700;} /*	j.mp/webkit-tap-highlight-color */
	ins {background-color: #fcd700; color: #000; text-decoration: none;}
	mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
	

/*
 * CORE STYLES
 */
/*@font-face {
    font-family: 'Srevinu';
    src: url('../fonts/srevinu.eot');
    src: url('../fonts/srevinu.eot?#iefix') format('embedded-opentype'),
         url('../fonts/srevinu.woff') format('woff'),
         url('../fonts/srevinu.ttf') format('truetype'),
         url('../fonts/srevinu.svg#srevinu') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Srevinu';
    src: url('../fonts/srevinu-bold.eot');
    src: url('../fonts/srevinu-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/srevinu-bold.woff') format('woff'),
         url('../fonts/srevinu-bold.ttf') format('truetype'),
         url('../fonts/srevinu-bold.svg#srevinu-bold') format('svg');
    font-weight: bold;
    font-style: normal;
	}*/

@font-face {
    font-family: 'Condor';
    src: url('../fonts/condor.eot');
    src: url('../fonts/condor.eot?#iefix') format('embedded-opentype'),
         url('../fonts/condor.woff') format('woff'),
         url('../fonts/condor.ttf') format('truetype'),
         url('../fonts/condor.svg#condor') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Condor';
    src: url('../fonts/condor-bold.eot');
    src: url('../fonts/condor-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/condor-bold.woff') format('woff'),
         url('../fonts/condor-bold.ttf') format('truetype'),
         url('../fonts/condor-bold.svg#condor-bold') format('svg');
    font-weight: bold;
    font-style: normal;
	}


/*
 * thinnify type in safari
 */
	body { -webkit-text-stroke:1px transparent; }
	@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/*
 * etc.
 */

	html {
		height: 100%;
		width: 100%;
		}
	body {
		position: relative;
		background: #000 top center no-repeat fixed;
		font-family: Verdana, Arial, sans-serif;
		font-size: .79em;
		color: #ddd;
		padding: 0 30px;
		
		height: auto !important; /* real browsers */
		height: 100%; /* IE6: treaded as min-height*/
		min-height: 100%; /* real browsers */
		}
		
		body#page_intro {
			background-image: url(../images/layout/bg_intro.jpg);
			}
		
		body#page_game,
		body#page_forum {
			background-position: center -16px;
			}
	
	section#note {
		background: #fff;
		padding: 25px;
		max-width: 400px;
		font-size: 13px;
		line-height: 16px;
		}
		section#note h1 {
			color: #000;
			text-shadow: #999 2px 2px 6px;
			}
		
	label {
		cursor: pointer;
		}
	
	ol,
	ul,
	li {
		list-style: none;
		}
	ul.bullets {
		margin: 10px 0;
		}
	.bullets li {
		margin-left: 14px;
		padding-left: 10px;
		list-style: disc outside;
		}

	blockquote {
		margin: 10px 0 10px 50px;
		padding-left: 15px;
		border-left: 3px solid #999;
		}


/* links */

	a { 
		outline: none; /* fix FIREFOX dotted links */
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		}
	a:hover,
	a.dim:hover,
	.hovered {
		color: #4887f3 !important;
		}
	.links a {
		border-bottom: 1px dotted #fff;
		}
	a.dim {
		color: #444;
		}
	a.dim2 {
		color: #999;
		}
	
	p {
		margin-bottom: 15px;
		}
	
	em {
		font-size: 90%;
		color: #777;		
		}

/* inputs */
	
	input,
	textarea,
	select {
		padding: 3px 4px;
		border: 1px solid #000;
		font-family: Verdana, Arial, sans-serif;
		font-size:  12px;
		color: #111;
		outline: none;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		background: #b8c0a9;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B8C0A9), to(#ffffff));
		background: -webkit-linear-gradient(#B8C0A9, #ffffff);
		background: -moz-linear-gradient(#B8C0A9, #ffffff);
		background: -ms-linear-gradient(#B8C0A9, #ffffff);
		background: -o-linear-gradient(#B8C0A9, #ffffff);
		background: linear-gradient(#B8C0A9, #ffffff);
		}
	input[type="text"],
	textarea {
		width: 167px;
		}
	
	
	input:focus,
	textarea:focus {
		background-color: #eee;
		color: #000;
		}
	
	input.labelinside {
		color: #000;
		font-size: 9px;
		}

/* headers */

	h1,
	h2,
	h3,
	h4 {
		font-family: 'Condor', arial, sans-serif;
		-webkit-font-smoothing: anti-aliased;
		text-shadow: #000 2px 2px 6px;
		font-weight: bold;
		font-size: 36px;
		margin-bottom: 10px;
		text-indent: 0;
		}
	h2 {
		font-size: 24px;
		margin-bottom: 10px;
		}
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
		}
	h4 {
		font-size: 16px;
		margin-bottom: 5px;
		}
	.fancybox-inner h1,
	.fancybox-inner h2,
	.fancybox-inner h3,
	.fancybox-inner h4 {
		text-shadow: none;
		}
	
	
	hr {
		border-top: 2px solid #000;
		margin: 10px 0;
		}

/* etc */
	.line {
		border-bottom: 2px solid #000;
		}
	
	.left {
		position: relative;
		float: left;
		margin-right: 5px;
		}
	.right {
		position: relative;
		float: right;
		margin-left: 5px;
		}
	.pad30 {
		margin-right: 30px;
		}
	
	.noline {
		text-decoration: none;
		border: none;
		}
	
	.blue {
		color: #0f0 !important;
		}
	
	.sm {
		font-size: 9px;
		vertical-align: bottom;
		}
	
	.red {
		color: #f00;
		}
	.grey {
		color: #999;
		}
	.white {
		color: #fff !important;
		}
	.black {
		color: #000 !important;
		}
	.bold {
		font-weight: bold;
		}
	.meta {
		font-size: 10px;
		color: #bbd;
		text-align: right;
		}
	
	.blackline {
		position: relative;
		width: 100%;
		height: 2px;
		background: #000;
		margin: 10px 0;
		}
	
	.whiteline {
		position: relative;
		width: 100%;
		height: 2px;
		background: #fff;
		margin: 0 0 10px 0;
		}
	
	.nowrap {
		white-space: nowrap;
		}
	.hidden {
		display:none;
		}
	
	.fader {
		position: relative;
		cursor: pointer;
		}
	
	.labelify {
		color: #777;
		}

	.divider {
		float: left;
		background: url(../images/layout/divot.png) 0 0 no-repeat;
		width: 8px;
		height: 8px;
		margin: 16px 12px 0 12px;
		}


/* js */

	#no_js {
		position: absolute;
		top: 0;
		width: 100%;
		padding: 5px;
		font-size: 14px;
		background: #000;
		color: #fff;
		z-index: 10000;
		}


/* DIVISIONS */
	
/*	#TL {
		position: absolute;
		top: 0;
		left: 0;
		width: 392px;
		height: 281px;
		background: url(../images/layout/dark_TL.png);
		z-index: 1;
		}
	#TR {
		position: absolute;
		top: 0;
		right: 0;
		width: 327px;
		height: 318px;
		background: url(../images/layout/dark_TR.png);
		z-index: 1;
		}
	#BL {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 327px;
		height: 318px;
		background: url(../images/layout/dark_BL.png);
		z-index: 1;
		}
	#BR {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 392px;
		height: 281px;
		background: url(../images/layout/dark_BR.png);
		z-index: 1;
		}*/
	
	#top_bar_box {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 64px;
		top: -11px;
		left: 0;
		z-index: 2;
		}
	#top_bar {
		position: absolute;
		width: 2600px;
		height: 64px;
		background: url(../images/layout/bar_above.png) center top;
		}
	
	
	
	#wrapper {
		position: relative;
		width: 860px;
		margin: 0 auto;
		padding-top: 27px;
		padding-bottom: 130px; /* footer height + 10 */
		z-index: 100;
		}
		body#page_intro #wrapper {
			margin-top: 30px !important;
			}
	header,
	nav#top,
	#middle,
	#midsplit,
	footer {
		position: relative;
		}
	
	
/*
 * HEADER
 */
	
	#wrapper > header {
		width: 706px;
		top: -57px;
		height: 35px;
		}
		
		header #logo {
			position: absolute;
			cursor: pointer;
			top: 24px;
			left: 12px;
			width: 180px;
			height: 47px;
			background: url(../images/layout/bluegiant_sm.png) top left no-repeat;
			}
			body#page_intro header #logo {
				top: 15px;
				left: -10px;
				width: 279px;
				height: 73px;
				background: url(../images/layout/bluegiant.png) top left no-repeat;
				}
		
		header nav {
			position: absolute;
			top: 13px;
			right: 15px;
			}
			header nav a {
				position: relative;
				float: right;
				display: block;
				}
			header nav h4 {
				position: relative;
				margin: 0 15px;
				padding-top: 27px;
				height: 43px;
				font-size: 16px;
				}
		
		#game_pop {
			display: none;
			position: absolute;
			top: 31px;
			left: 341px;
			border: 1px solid #373737;
			background: #000;
			border-top: 0;
			z-index: 200;
			font-family: 'Condor', arial, sans-serif;
			-webkit-font-smoothing: anti-aliased;
			-webkit-box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
			   -moz-box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
					box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
			}
			#game_pop a {
				display: block;
				padding: 0 20px 10px 10px;
				}
				#game_pop a img {
					float: left;
					margin-right: 10px;
					width: 60px;
					height: 40px;
					}
				#game_pop a h4 {
					float: left;
					margin-top: 12px;
					}
		
		#job_pop {
			display: none;
			position: absolute;
			top: 31px;
			left: 614px;
			border: 1px solid #373737;
			background: #000;
			border-top: 0;
			z-index: 200;
			font-family: 'Condor', arial, sans-serif;
			-webkit-font-smoothing: anti-aliased;
			-webkit-box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
			   -moz-box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
					box-shadow: 8px 8px 25px rgba(0,0,0,0.6);
			}
			#job_pop a {
				display: block;
				padding: 0 27px 10px 10px;
				}
				#job_pop a h4 {
					float: left;
					margin: 12px 0;
					}


/*
 * SEARCHBOX
 */
	#searchbox {
		position: absolute;
		top: 6px;
		left: 726px;
		z-index: 1000;
		}
	#searchbox img {
		position: absolute;
		top: 4px;
		right: 4px;
		width: 16px;
		height: 16px;
		}


/*
 * SSO
 */

	#sso {
		position: absolute;
		top: 36px;
		left: 732px;
		z-index: 1000;
		color: #bbb;
		font-family: 'Condor', arial, sans-serif;
		-webkit-font-smoothing: anti-aliased;
		text-shadow: #000 1px 1px 2px;
		word-spacing: 2px;
		font-weight: bold;
		font-size: 14px;
		}
	
	#sso_box {
		display: none;
		}
		#sso_icons div {
			margin: 20px 0 10px 30px;
			}
		#sso_icons div img {
			-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
			   -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
					box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
			}
			
	
	#acct_msg {
		display: none;
		font-size: 11px;
		color: #99f;
		margin-bottom: 10px;
		}
	#dialog {
		padding: 7px 20px 20px 20px;
		}
	


/*
 * BOXES
 */
 	.box1 {
 		position: relative;
 		margin-top: 20px;
 		}
	.box1_content {
		display: relative;
		margin: 0 0 -25px 0;
		padding: 0 30px;
		}
		.box1_a {
			width: 860px;
			height: 38px;
			background: url(../images/layout/box1_a.png) no-repeat;
			}
		.box1_b {
			width: 860px;
			background: url(../images/layout/box1_b.png) repeat-y;
			}
		.box1_c {
			width: 860px;
			height: 49px;
			background: url(../images/layout/box1_c.png) no-repeat;
			}

	.box2_content {
		display: relative;
		padding: 0 30px;
		}
		.box2_a {
			position: relative;
			width: 860px;
			height: 74px;
			background: url(../images/layout/box2_a.png) no-repeat;
			}
			.box2_a h1 {
				position: absolute;
				top: 10px;
				left: 30px;
				font-family: 'Condor', arial, sans-serif;
				-webkit-font-smoothing: anti-aliased;
				text-shadow: #000 2px 2px 6px;
				font-size: 30px;
				}
		.box2_b {
			position: relative;
			width: 860px;
			background: url(../images/layout/box2_b.png) repeat-y;
			}
		.box2_c {
			position: relative;
			width: 860px;
			height: 84px;
			background: url(../images/layout/box2_c.png) no-repeat;
			}
			.box2_c a {
				position: absolute;
				top: 50px;
				right: 30px;
				font-family: 'Condor', arial, sans-serif;
				-webkit-font-smoothing: anti-aliased;
				text-shadow: #000 2px 2px 6px;
				font-size: 18px;
				}




/*
 * INTRO SLIDER
 */

 	#intro_slider {
 		position: relative;
 		margin: 30px 0 50px 0;
 		width: 860px;
 		height: 215px;
 		}
	#intro_slider .slides_container {
		width: 860px;
		display: none;
		z-index: 100;
		}
	#intro_slider .slides_container div {
		width: 860px;
		height: 215px;
		display: block;
		}
	
	#intro_slider a.prev,
	#intro_slider a.next {
		position: absolute;
		display: block;
		top: 83px;
		width: 32px;
		height: 48px;
		background: url(../images/layout/sprites.png) no-repeat transparent;
		text-indent: -10000px;
		cursor: pointer;
		z-index: 1000;
		}
	#intro_slider a.prev {
		left: 0;
		background-position: 0 -65px;
		}
	#intro_slider a.prev:hover {
		background-position: 0 -114px;
		}
	#intro_slider a.next {
		right: 0;
		background-position: -33px -65px;
		}
	#intro_slider a.next:hover {
		background-position: -33px -114px;
		}
	
/*
 * INTRO GAMES
 */
	
	#intro_games {
		margin: 0;
		}
	#intro_games .boxed {
		margin-top: 0;
		}
		
		.intro_game {
			float: left;
			margin: 0 0 0 30px;
			width: 380px;
			height: 240px;
			overflow: hidden;
			}
		.intro_game img {
			position: absolute;
			width: 380px;
			height: 240px;
			}
	

/*
 * NEWS + BLOG
 */

	#news td,
	#blog td {
		padding: 10px 10px 15px 10px;
		border-top: 2px solid #000;
		}
	#news td.news_date,
	#blog td.news_date {
		font-size: 10px;
		color: #fff;
		padding-top: 17px;
		}
	#news article img {
		float: right;
		margin: 0 0 20px 20px;
		width: 200px;
		height: 200px;
		border: 1px solid #000;
		-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
		   -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
				box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
		}
	#news article.excerpt img {
		margin: 0 0 0 10px;
		width: 50px;
		height: 50px;
		}
	#news article h3,
	#blog article h3 {
		margin: 0 0 15px 0;
		}
	#news article.excerpt h3,
	#blog article.excerpt h3 {
		margin: 0 0 5px 0;
		}
	
	.readmore {
		display: none;
		position: absolute;
		right: 5px;
		bottom: 2px;
		font-size: 10px;
		font-weight: bold;
		color: #4887f3;
		}


/*
 * GAME NAV
 */

	#game_nav {
		position: relative;
		width: 884px;
		height: 204px;
		margin-bottom: -40px;
		background: url(../images/games/nav-1.png) -16px -16px no-repeat;
		}
		#game_nav h1 {
			text-indent: -10000px;
			}
		#game_nav h1 a {
			position: absolute;
			top: 20px;
			left: 250px;
			width: 350px;
			height: 80px;
			}
		#game_nav div {
			position: absolute;
			top: 111px;	/* controls vertical position */
			left: 21px;
			}
		#game_nav div a {
			position: relative;
			display: block;
			float: left;
			width: 117px;
			height: 37px;
			color: #bdc8e3;
			}
		#game_nav div a h4 {
			position: relative;
			text-align: center;
			font-size: 16px;
			padding-top: 8px;
			text-shadow: #000 1px 1px 3px;
			}
		#game_nav div a h4.selected {
			color: #fff;
			font-size: 18px;
			padding-top: 7px;
			}

/*
 * CONTENT
 */
 
	.boxed {
		position: relative;
		margin-top: 30px;
		background: url(../images/layout/bg_box.png);
		border: 1px solid #40404d;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		-webkit-box-shadow: 8px 8px 15px rgba(0,0,0,0.5);
		   -moz-box-shadow: 8px 8px 15px rgba(0,0,0,0.5);
				box-shadow: 8px 8px 15px rgba(0,0,0,0.5);
		}
	#page_intro .boxed {
		background: url(../images/layout/bg_box_intro.png);
		}
	.boxed.pad {
		padding: 30px;
		}
/*		.boxed > header {
			margin-top: -24px;
			margin-bottom: -6px;
			}*/
		.boxed.h1pad {
			padding: 10px 30px;
			}
		.boxed.h1pad h1 {
			margin: 0;
			}
	
	.boxed.center {
		margin: 30px 18px 0 18px;
		}
		
	


/*
 * GAMES
 */

	#game_intro {
		position: relative;
		margin-top: 300px;
		}

	
	#apox_guys {
		position: absolute;
		left: 125px;
		top: 255px;
		width: 508px;
		height: 340px;
		background: url(../images/games/feature-1.png);
		}
	
	#media {
		min-height: 245px;
		}
	
	#media h2 {
		margin: 20px 0 0 28px;
		}
	
	#media header h1,
	#media header h4 {
		float: left;
		}
	#media header h4 {
		margin: 18px 0 0 24px;
		}
	
	#media header h4 a {
		color: #bdc8e3;
		}
	#media header h4 a.selected {
		color: #fff;
		text-decoration: underline;
		}

	#fancybox-facebook {
		position: absolute;
		padding: 5px;
		background: #000;
		z-index: 1005;
		}

/*
 * GAME SLIDER
 */
 	#game_slider {
 		position: relative;
 		margin: 0 0 -20px 120px;
 		width: 624px;
 		height: 140px;
 		}
	#game_slider .slides_container {
		width: 624px;
		display: none;
		}
	#game_slider .slides_container div {
		width: 624px;
		height: 140px;
		display: block;
		}
	
	#game_slider a.prev,
	#game_slider a.next {
		position: absolute;
		display: block;
		top: 30px;
		width: 32px;
		height: 48px;
		background: url(../images/layout/sprites.png) no-repeat transparent;
		text-indent: -10000px;
		}
	#game_slider a.prev {
		left: -80px;
		background-position: 0 -65px;
		}
	#game_slider a.prev:hover {
		background-position: 0 -114px;
		}
	#game_slider a.next {
		right: -80px;
		background-position: -33px -65px;
		}
	#game_slider a.next:hover {
		background-position: -33px -114px;
		}

/*
 * TRYST BETA
 */
	#beta_signup {
		border: 2px solid #000;
		background: #36365a;
		width: 280px;
		font-size: 90%;
		margin-bottom: 30px;
		}
	#beta_signup form {
		padding: 20px;
		}
	#beta_signup img {
		border-bottom: 2px solid #000;
		}
	
	#beta_signup label {
		display: block;
		padding-left: 20px;
    	text-indent: -20px;
		}


/*
 * GAME INFO
 */
	#gameinfo {
		display: table;
		}

 	#gameinfo_left {
 		display: table-cell;
 		width: 180px;
 		}
 		
		#gameinfo_left a {
			float: left;
			background: url(../images/layout/w_20.png);
			width: 120px;
			height: 48px;
			border: 1px solid #999;
			margin-bottom: 10px;
			clear: both;
			}
		#gameinfo_left a:hover {
			background: url(../images/layout/w_10.png);
			}
		#gameinfo_left a h2 {
			margin: 0;
			padding: 10px 0 0 10px;
			}
		
		#gameinfo_left a.selected {
			background: url(../images/layout/w_40.png);
			border: 1px solid #f00;
			border-right: none;
			color: #fff !important;
			}
		#gameinfo_left .redarrow {
			float: left;
			width: 30px;
			height: 50px;
			background: url(../images/layout/w_red_arrow.png);
			}

	#gameinfo_middle,
	#gameinfo_right {
 		display: table-cell;
		vertical-align: top;
		}
		
		#gameinfo_middle a.wikilist {
			font-size: 10px;
			white-space: nowrap;
			margin-right: 30px;
			}
			#gameinfo_middle a.wikilist {
				display: block;
				padding: 5px;
				margin-top: -1px;
				background: url(../images/layout/w_20.png);
				border: 1px solid #999;
				}
			#gameinfo_middle a.wikilist:hover {
				background: url(../images/layout/w_10.png);
				}
			#gameinfo_middle a.wikilist.selected {
				background: url(../images/layout/w_50.png);
				border-right: 4px solid #f00;
				}
		#gameinfo_right .wikisection {
			display: none;
			}
			#gameinfo_right .wikisection h1 {
				margin-top: -6px;
				}
	

/*
 * caroufredsel
 */

	.list_carousel {
		position: relative;
		margin: 0 0 0 20px;
		}
	.list_carousel ul {
		list-style: none;
		display: block;
		}
	.list_carousel li {
		width: 136px;
		height: 102px;
		border: 5px solid #000;
		margin-right: -5px;
		margin-bottom: 5px;
		display: block;
		float: left;
		background-color: #000;
		}
		.media_1 .list_carousel li {
			width: 166px;
			height: 144px;
			font-size: 10px;
			border: 10px solid #000;
			margin-right: -10px;
			margin-bottom: 10px;
			}
	
	.list_carousel a.prev,
	.list_carousel a.next {
		position: absolute;
		display: block;
		top: 35px;
		width: 32px;
		height: 48px;
		background: url(../images/layout/sprites.png) no-repeat transparent;
		text-indent: -10000px;
		}
	.list_carousel a.prev {
		left: -36px;
		background-position: 0 -65px;
		}
	.list_carousel a.prev:hover {
		background-position: 0 -114px;
		}
	.list_carousel a.prev.disabled {
		background-position: 0 -17px !important;
		cursor: default;
		}
	.list_carousel a.next {
		right: -20px;
		background-position: -33px -65px;
		}
	.list_carousel a.next:hover {
		background-position: -33px -114px;
		}
	.list_carousel a.next.disabled {
		background-position: -33px -17px !important;
		cursor: default;
		}
	.list_carousel a.prev span,
	.list_carousel a.next span {
		display: none;
		}

	.list_carousel .pager {
		padding: 10px 40px 0 0;
		text-align: center;
		height: 15px;
		}
	.list_carousel .pager a {
		background: url(../images/layout/sprites.png) 0 0 no-repeat transparent;
		width: 18px;
		height: 18px;
		margin: 0 5px 0 0;
		display: inline-block;
		}
	.list_carousel .pager a.selected {
		background-position: -18px 0px;
		cursor: default;
		}
	.list_carousel .pager a span {
		display: none;
		}



/*
 * DEV TEAM
 */
	#devteam .teambox {
		position: relative;
		float: left;
		width: 243px;
		padding: 10px;
		margin: 0 0 20px 20px;
		background: url(../images/layout/w_20.png);
		border: 1px solid #999;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
		   -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
				box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
		}
	#devteam .teambox:hover {
		background: url(../images/layout/w_10.png) !important;
		}	
	
	#devteam .teambox img {
		float: left;
		width: 80px;
		height: 80px;
		margin: 0 12px 0 0;
		border: 1px solid #000;
		}
	#devteam .teambox span {
		color: #a2aab8;
		font-weight: normal;
		font-size: 12px;
		}

	#devteam .teamtype {
		float: left;
		width: 182px;
		padding-right: 10px;
		text-align: right;
		}
	#devteam .teamlist {
		float: left;
		width: 570px;
		}
	
	#devteam .teambox .more {
		display: none;
		position: absolute;
		font-size: 11px;
		font-weight: normal;
		bottom: 5px;
		right: 5px;
		}
	
	
	#teamdetail {
		position: relative;
		width: 530px;
		}
	#teamdetail img {
		float: left;
		width: 200px;
		height: 200px;
		margin: 0 32px 12px 0;
		border: 1px solid #000;
		-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
		   -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
				box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
		}
	#teamdetail div {
		float: left;
		width: 290px;
		}
	#teamdetail h1 {
		line-height: 32px;
		color: #000;
		text-shadow: #859bcb 1px 1px 3px;
		}
	#teamdetail h3 {
		font-size: 16px;
		color: #000;
		text-shadow: #859bcb 1px 1px 3px;
		}
	#teamdetail span {
		font-weight: bold;
		}


/*
 * FOOTER
 */

	footer { /* height relative to #wrapper padding-bottom */
		position: absolute;
		display: block;
		width: 100%;
		height: 120px;
		bottom: 0;
		left: 0;
		z-index: 200;
		}
		#footer_bg_box {
			position: absolute;
			display: block;
			overflow: hidden;
			width: 100%;
			height: 120px;
			}
			#footer_bg { /* bg positioned by js recenter()*/
				position: absolute;
				width: 2600px;
				height: 300px;
				background: url(../images/layout/bar_below.png) center top;
				}
		#footer_content {
			position: relative;
			width: 860px;
			margin: 0 auto;
			padding: 26px 30px 0 30px;
			}
			
			#footer_copyright {
				position: absolute;
				top: 50px;
				right: 30px;
				color: #88a;
				font-size: 11px;
				}
				
			#socnets {
				position: absolute;
				left: 265px;
				top: 32px;
				}
				#socnets .link-facebook {
					position: absolute;
					top: 0;
					left: 0;
					width: 64px;
					height: 20px;
					}
				#socnets .fb-like {
					position: absolute;
					top: 0;
					left: 72px;
					}
				#socnets .link-twitter {
					position: absolute;
					top: 30px;
					left: 0;
					width: 68px;
					height: 20px;
					}
				
				.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
					position: absolute;
					bottom: -70px;
					}
				
				
			#optIn {
				position: absolute;
				top: 30px;
				left: 44px;
				font-size: 12px;
				}
			.optIn {
				width: 120px;
				}



/*
 * INVERSE COLOR SCHEME
 */
	.inverse {
		color: #000;
		}
	.inverse a {
		color: #99f;
		}
	.inverse a:hover {
		color: #f77;
		}
	.inverse h1,
	.inverse h2,
	.inverse h3 {
		color: #000;
		text-shadow: #fff 0px 1px 1px;
		}
	.inverse h1 {
		color: #99f;
		}

/*
 * checks
 */
	.check_yes,
	.check_no {
		float: left;
		margin: 0 0 0 -10px;
		background: url(../images/layout/checks.png) top left no-repeat;
		width: 24px;
		height: 18px;
		}
	.check_no {
		background-position: bottom left;
		}


/*
 * carousel
 */
	.cloudcarousel {
		border: 1px solid #000;
		}

/*
 * breadcrumbs
 */

										.breadcrumbs {
											position: relative;
											padding: 20px 0 0 0;
											border-bottom: 2px solid #000;
											}
											.breadcrumbs h1 {
												float: left;
												}




	#filters {
		position: absolute;
		top: 15px;
		right: 0;
		height: 100%;
		color: #fff;
		}
		#filters .filterbox {
			position: relative;
			float: left;
			margin-right: 20px;
			}
			#filters .filterbox select {
				font-size: 9px;
				}







					/* SUBNAV links */
					
					a.subnav {
						position: relative;
						float: left;
						width: 270px;
						text-align: center;
						border: 2px solid #99f;
						}
					
					/* ROUNDED APPEARANGE */
					.rounded {
						border: 2px solid #99f;
						}



/* MEMBERS */

	#members article.list {
		position: relative;
		float: left;
		width: 290px;
		padding-bottom: 20px;
		line-height: 14px;
		}
		#members article.list span {
			color: #000;
			}
		#members article.list .b {
			font-size: 120%;
			font-weight: bold;
			}
	#members article.shiv {
		padding-right: 20px;
		}
	#members article.list img.thumbnail {
		float: left;
		margin: 0 10px 8px 0;
		width: 80px;
		height: 80px;
		border: 2px solid #000;
		}
	#members article.list h2 {
		font-size: 22px;
		padding-bottom: 10px;
		}


/* MEMBER */

	#member .dots {
		clear: both;
		width: 860px;
		height: 1px;
		margin: 8px 0;
		background: url(../images/layout/blackdots.png);
		}
	
	#member .dots2 {
		clear: both;
		width: 734px;
		height: 1px;
		margin: 8px 0;
		background: url(../images/layout/blackdots.png);
		}
	
	#member #box {
		display: table;
		}
	
	#member #foto {
			display: table-cell;
			vertical-align: top;
		}
		#member #foto img.thumbnail {
			width: 196px;
			height: 196px;
			margin: 0 30px 10px 0;
			border: 2px solid #000;
			}
	
	#member #bio {
			display: table-cell;
			vertical-align: top;
			font-size: 12px;
			line-height: 18px;
			vertical-align: baseline;
		}
		
		#member #bio h2 {
			font-size: 36px;
			padding: 5px 0 10px 0;
			}
		
		#member #bio .col_1 {
			clear: both;
			float: left;
			width: 70px;
			margin-top: 1px;
			text-align: right;
			padding-right: 16px;
			}
		#member #bio .col_2 {
			float: left;
			color: #000;
			font-size: 14px;
			}
		
		#member #bio span {
			font-size: 18px;
			font-weight: bold;
			}
	
	
	
	#member header {
		color: #000;
		font-size: 22px;
		margin-bottom: 10px;
		}
	
	#member article {
		background: url(../images/layout/w_10.png);
		line-height: 16px;
		}
	#member a article span {
		color: #99f;
		}
	#member article.shiv {
		margin-right: 30px;
		}
	#member article h3 {
		font-size: 18px;
		}
	#member article .date {
		clear: both;
		float: left;
		width: 90px;
		margin: 5px 0 5px 10px;
		font-size: 10px;
		color: #555;
		}
	#member article .what {
		float: left;
		margin: 5px 0;
		max-width: 700px;
		}

	
/* CONTACT */

	#contactMsg {
		position: relative;
		font-size: 14px;
		line-height: 18px;;
		font-weight: bold;
		color: #82baff;
		}
	
	#contactForm {
		font-size: 11px;
		}
	#contactForm a.openbox {
		font-size: 9px;
		}

/* 
 * LISTS
 */

	.links ul ul,
	.links ul li {
		margin-left: 2em;
		list-style-type: disc;
		line-height: 120%;
		}
	.links ul li {
		margin-top: .75em;
		margin-bottom: .75em;
		}
	.links ul li li {
		margin-left: 1em;
		}

/*
 * TABLES
 */

	table {
		border-collapse: collapse;
		}
	table tr td {
		vertical-align: top;
		}
	
	table.middle tr td,
	table tr.middle td {
		vertical-align: middle !important;
		}
	
	table.tables {
		position: relative;
		text-align: left;
		}
	table.tables th {
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		padding: 5px 10px 5px 5px;
		}
	table.tables tr td {
		position: relative;
		padding: 0 10px 5px 0;
		}
	table.tables .desc {
		text-align: right;
		vertical-align: middle;
		margin-top: 4px;
		color: #777;
		font-size: 90%;
		}

	table.tables tr.hoverable {
		cursor: pointer !important;
		background: url(../images/layout/w_10.png);
		}
	
	table.tables tr.selected,
	table.tables tr.hoverable.selected:hover {
		background: #000 !important;
		}
	
	table.tables tr.hoverable:hover {
		background: url(../images/layout/w_20.png);
		}

	
	
	#feedback input[type="text"],
	#feedback textarea {
		width: 300px;
		}
	#feedback td {
		padding-top: 15px;
		}
	#feedback label {
		margin-right: 20px;
		}


/*
 * GLOBAL
 */

	.buttons {
		position: relative;
		padding: 3px 6px;
		color: #fff;
		border: 1px solid #000 !important;
		background: #454771 url(../images/layout/button_blur.png) center top no-repeat;
		font-size: 12px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
		}
		.buttons:hover {
			background-color: #000;
			color: #859bcb;
			}
		a.buttons {
			color: inherit;
			text-decoration: none;
			}
	
	.disabled {
		background-color: #666;
		}
	.disabled:hover {
		background-color: #666;
		cursor: default;
		}
	
	.bigger {
		padding: 6px 10px;
		font-size: 13px;
		}


/* ADMIN EXTRAS */

	.adminbutton {
		position: absolute;
		border: 1px solid #000;
		background: #f00;
		font-size: 9px;
		line-height: 9px;
		font-family: 'arial black',arial;
		z-index: 100;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
		-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
		   -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
				box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
		}
		.adminbutton:hover,
		.adminbutton:hover {
			background: #a00;
			}
		.adminbutton a,
		.adminbutton a {
			display: block;
			padding: 2px 4px 3px 4px;
			width: 100%;
			height: 100%;
			color: #fff;
			}
		.adminbutton a:hover,
		.adminbutton a:hover {
			color: #fff;
			}
	
	.admin_top {
		top: -20px;
		left: 48%;
		z-index: 10000 !important;
		}
		.admin_top a {
			padding: 10px 4px 3px 4px;
			}
	
	.admin_right {
		top: 0;
		right: 10px;
		}






/* PRETTY DATES */

	.date_d,
	.date_m,
	.date_y {
		font-family: verdana,arial;
		font-size: 26px;
		color: #999;
		text-align: center;
		line-height: 20px;
		}
	.date_d {
		}
	.date_m {
		font-weight:bold;
		}
	.date_y {
		font-size: 13px;
		line-height:14px;
		}



/*
 * fancyBox v2.0.6
 */

	.fancybox-tmp iframe, .fancybox-tmp object {
		vertical-align: top;
		padding: 0;
		margin: 0;
		}
	
	.fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8020;
		}
	
	.fancybox-skin {
		position: relative;
		padding: 0;
		margin: 0;
		background: #f9f9f9;
		color: #444;
		text-shadow: none;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		}
		.fancybox-type-image .fancybox-skin {
			background: #000 !important;
			}
	
	.fancybox-opened {
		z-index: 8030;
		}
	
	.fancybox-opened .fancybox-skin {
		-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
				box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		}
	
	.fancybox-outer, .fancybox-inner {
		padding: 0;
		margin: 0;
		position: relative;
		outline: none;
		}
	
	.fancybox-inner {
		overflow: hidden;
		}
	
	.fancybox-type-iframe .fancybox-inner {
		-webkit-overflow-scrolling: touch;
		}
	
	.fancybox-error {
		color: #444;
		font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 0;
		padding: 10px;
		}
	
	.fancybox-image, .fancybox-iframe {
		display: block;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		vertical-align: top;
		}
	
	.fancybox-image {
		max-width: 100%;
		max-height: 100%;
		}
	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite.png');
		}
	
	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -22px;
		margin-left: -22px;
		background-position: 0 -108px;
		opacity: 0.8;
		cursor: pointer;
		z-index: 8020;
		}
	
	#fancybox-loading div {
		width: 44px;
		height: 44px;
		background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
		}
	
	.fancybox-close {
		position: absolute;
		top: -18px;
		right: -18px;
		width: 36px;
		height: 36px;
		cursor: pointer;
		z-index: 8040;
		}
	
	.fancybox-nav {
		position: absolute;
		top: 0;
		width: 40%;
		height: 100%;
		cursor: pointer;
		background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 8040;
		}
	
	.fancybox-prev {
		left: 0;
		}
	
	.fancybox-next {
		right: 0;
		}
	
	.fancybox-nav span {
		position: absolute;
		top: 50%;
		width: 36px;
		height: 34px;
		margin-top: -18px;
		cursor: pointer;
		z-index: 8040;
		visibility: hidden;
		}
	
	.fancybox-prev span {
		left: 20px;
		background-position: 0 -36px;
		}
	
	.fancybox-next span {
		right: 20px;
		background-position: 0 -72px;
		}
	
	.fancybox-nav:hover span {
		visibility: visible;
		}
	
	.fancybox-tmp {
		position: absolute;
		top: -9999px;
		left: -9999px;
		padding: 0;
		overflow: visible;
		visibility: hidden;
		}
	
	/* Overlay helper */
	
	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		display: none;
		z-index: 8010;
		background: #000;
		}
	
	#fancybox-overlay.overlay-fixed {
		position: fixed;
		bottom: 0;
		right: 0;
		}
	
	/* Title helper */
	
	.fancybox-title {
		position: absolute;
		top: -36px;
		left: 0;
		visibility: hidden;
		font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		text-shadow: none;
		z-index: 8050;
		}
	
	.fancybox-opened .fancybox-title {
		visibility: visible;
		}
	
	.fancybox-title-float-wrap {
		position: absolute;
		z-index: 8030;
		}
	
	.fancybox-title-float-wrap .child {
		display: inline-block;
		margin-right: -100%;
		padding: 2px 20px;
		background: transparent; /* Fallback for web browsers that doesn't support RGBa */
		background: rgba(0, 0, 0, 0.8);
		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
				border-radius: 15px;
		text-shadow: 0 1px 2px #222;
		color: #FFF;
		font-weight: bold;
		line-height: 24px;
		white-space: nowrap;
		}
	
	.fancybox-title-outside-wrap {
		position: relative;
		margin-top: 10px;
		color: #fff;
		}
	
	.fancybox-title-inside-wrap {
		margin-top: 10px;
		}
	
	.fancybox-title-over-wrap {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		padding: 10px;
		background: #000;
		background: rgba(0, 0, 0, .8);
		}





/* Selectmenu */
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }



/*
 * debug
 */
	.dump h1 {
		margin-top: 0;
		font-size: 14px;
		color: #f99;
		}
	.dump td {
		vertical-align: top;
		padding-right: 10px;
		color: #fff;
		font-family: verdana;
		font-size: 10px;
		line-height: 12px;
		}
	.dump .lvl_0 {
		color: #fff;
		}
	.dump .lvl_1 {
		color: #afa;
		}
	.dump .lvl_2 {
		color: #8f8;
		}
	.dump .lvl_3 {
		color: #4f4;
		}




/*	Print styles */
@media print { }

/*	Media queries
	www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) { }
@media all and (orientation: portrait) { }
@media all and (orientation: landscape) { }