/* @override http://www.ttgames.com/_css/screen.css
	http://ttgames.com/_css/screen.css */

/* SCREEN STYLES //////////////////////////////////////////////////////*/

body { font-family: Helvetica, Arial, sans-serif; color: #000; font-size: 100%; background: #f1f0f1; -webkit-text-size-adjust: none; }



/* PAGE STRUCTURE //////////////////////////////////////////////////////*/

body { overflow-x: hidden; }

#menu-home { position: relative; top: 140px; z-index: 99999; width: 960px; margin: 0 auto; }
	.menu, menu ul { position: absolute; top: -89px; right: 0; padding: 2px 10px 0 10px; background: url('../_img/bg-slider-title.png') repeat-x;  font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; box-shadow: 0px 0px 2px #666; background: url('../_img/bg-menu.png') repeat-x; font-size: 14px; line-height: 19px; z-index: 99999; text-transform: uppercase; }
	.menu a:link, .menu a:visited { color: #666 !important; padding: 0 5px; line-height: 35px; letter-spacing: -1px; font-weight: 500; }
	#menu span.menu ul li.selected a, #menu span.menu ul li.ancestor a, #menu-home span.menu ul li.selected a { color: #df9c06 !important; }
#menu-home .menu ul { list-style: none; padding: 0; margin: 0; }
#menu-home .menu ul li { float: left; padding: 0 5px; }

.content { width: 840px; height: auto; margin: 0 auto; padding: 40px 60px; background: #fff url('../_img/bg-content2.png') repeat-x; box-shadow: 0px 0px 2px #666; overflow: auto; z-index: 9999; position: relative; top: -60px; }



/* HOME PAGE //////////////////////////////////////////////////////*/

#top-wrap-home { width: 100%; text-align: center; height: 517px; }
#logo-home { position: relative; top: 160px; left: -412px; z-index: 99999; }
#slider { height: 537px !important; position: relative; top: -132px; }
	li#slide-1, li#slide-2, li#slide-3, li#slide-4, li#slide-5 { height: 577px; }
	ul.bxslider { padding: 0; margin: 0; }
	.caption-holder { width: 960px !important; position: relative; margin: 0 auto; text-align: left; }
	span.caption {
		position: relative; top: 370px; left: 0; padding: 13px 20px 32px 20px; background: url('../_img/bg-slider-title.png') repeat-x; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 28px; letter-spacing: -1px; box-shadow: 0px 0px 2px #666; text-align: left !important; width: 400px !important; }
	
	div.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
		width: 180px;
		margin: 0 auto;
		position: relative;
		top: -184px;
		left: -374px;
		z-index: 99999 !important;
	}
	
	#slider div.bx-wrapper div.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto div.bx-controls-auto div.bx-controls-auto-item { display: none; }
	
	.content-home { position: relative; top: -60px; }
	
#bottom-wrap { width: 100%; background: #f1f0f1; padding-bottom: 10px; }
#bottom-left { float: left; width: 225px; padding-right: 55px; background: url('../_img/vertical-divider-1.png') no-repeat right top; }
#bottom-right { float: right; width: 515px; }

#bottom-left div.paging { display: none; }
#bottom-left ul.hfeed.listing { padding: 0; margin: 10px 0 25px 0; }

#bottom-left ul.hfeed.listing li.hentry div.description.entry-summary p { margin: 5px 0 5px 0; }
#bottom-left ul.hfeed.listing li.hentry { list-style: none; margin: 10px 0 25px 0; }
#bottom-left ul.hfeed.listing li.hentry h3 { margin: 0; }
p.entry-published.date { text-transform: uppercase; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; line-height: 11px; margin: 7px 0 10px 0; color: #777; }

#bottom-right div a.game-name img { display: block; position: relative; left: -5px; }
#bottom-right div.recent-games-home-container div.recent-games-home a.game-name img { width: 120px; }
#bottom-right div.recent-games-home { float: left; margin: 10px 25px 5px 0; text-align: center; width: 110px; line-height: 15px; }

#footer { width: 960px; margin: 0 auto; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; position: relative; top: -50px; }



/* GAMES SECTION //////////////////////////////////////////////////////*/

#top-wrap { height: 335px !important; background: url('../_img/bg-section-top.png') repeat-x left top; }
#top-games { width: 960px; margin: 0 auto; height: 335px !important; background: url('../_img/bg-section-games.png') no-repeat -20px -50px; }
#logo { position: relative; top: 28px; left: 2px; z-index: 99999; }
#logo-light { width: 444px; height: 262px; background: url('../_img/bg-logo-light.png') no-repeat left top; position: relative; top: -112px; left: -160px; }
#menu { position: relative; top: -254px; z-index: 99999; width: 960px; margin: 0 auto; }
	.menu, menu ul { position: absolute; top: -89px; right: 0; padding: 2px 10px 0 10px; background: url('../_img/bg-slider-title.png') repeat-x;  font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; box-shadow: 0px 0px 2px #666; background: url('../_img/bg-menu.png') repeat-x; font-size: 14px; line-height: 19px; z-index: 99999; text-transform: uppercase; }
	.menu a:link, .menu a:visited { color: #707070; padding: 0 5px; line-height: 35px; }
	.menu a:hover, .menu a:active { color: #df9c06 !important; line-height: 35px; }
#menu .menu ul { list-style: none; padding: 0; margin: 0; }
#menu .menu ul li { float: left; padding: 0 5px; }
.title { position: relative; top: 60px; left: 0; padding: 8px 20px 10px 20px; background: url('../_img/bg-slider-title.png') repeat-x; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 34px; letter-spacing: -1px; box-shadow: 0px 0px 2px #666; text-align: left !important; }


/* Tabs */

.section { width: 840px; margin: 0 0 30px; }
ul.tabs { height: 40px; line-height:25px; list-style: none; border-bottom: 1px solid #DDD; position: relative; top: 10px; z-index: 99999; padding: 0 0 0 60px; }
.tabs li { float: left; display: inline; color: #777; cursor: pointer; background: url('../_img/bg-tab-inactive.png') repeat-x; border: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; position: relative; left: 110px; margin: 0 10px 0px 0; padding: 8px 13px 6px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; }
.tabs li:hover,.vertical .tabs li:hover { color: #df9c06; padding: 8px 13px 6px; background: url('../_img/bg-tab-active.png') repeat-x; }
.tabs li.current { color: #df9c06; background: url('../_img/bg-tab-active.png') repeat-x; border: 1px solid #D4D4D4; border-bottom: 1px solid #f5f5f5; padding: 8px 13px 6px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; z-index: 9999; }
.box { display: none; padding: 0 12px; }

.box.visible { display: block; background: none; margin: 60px 0 0 0; padding: 0; }
.box { display: none; background: none; margin: 60px 0 0 0; padding: 0; }


/* Individual games on tabs */

#bottom-wrap div.content div.section div.box.visible ul, #bottom-wrap div.content div.section div.box ul { margin: 0; padding: 0; overflow: auto; }
#bottom-wrap div.content div.section div.box.visible li, #bottom-wrap div.content div.section div.box li { float: left; list-style: none; margin: 0 30px 40px 0; width: 395px; }
#bottom-wrap div.content div.section div.box.visible li:nth-child(even), #bottom-wrap div.content div.section div.box li:nth-child(even) { margin-right: 0 !important; }

.game-name img { float: left; margin: 3px 15px 0 0; width: 152px; }

#bottom-right-game h3 { margin: 30px 0 18px 0; }

span.button-small.mb30 { position: relative; top: 5px; }
div.game-medium a.game-name { font-size: 20px; line-height: 21px; letter-spacing: -1px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
#bottom-left-game { float: left; width: 225px; padding-right: 55px; }
#bottom-left-game img { margin: 33px 0 0 0; }
#bottom-right-game { float: right; width: 560px; }
#bottom-right-game img { margin: 0 20px 10px 0; height: 13px; }
#bottom-right-game p a.button-small { float: left; margin: 0 20px 30px 0; }
#bottom-right-game p a.button-small[href='']{ display:none; }

img[src=""] { display: none; } /* Left-aligns title when no box art present for Upcoming Games */
a.game-name[href=''] span { display: none; } /* Hide More Information buttons for Upcoming Games */



/* NEWS SECTION //////////////////////////////////////////////////////*/

#top-news { width: 960px; margin: 0 auto; height: 335px !important; background: url('../_img/bg-section-news.png') no-repeat -20px -50px; }

#bottom-right-news ul.hfeed.listing li.hentry { padding: 0 0 20px 0; border-bottom: 1px solid #ccc; }
#bottom-right-news ul.hfeed.listing li.hentry:last-child { border-bottom: none; }

#bottom-left-news { float: left; width: 125px; height: 400px; padding-right: 55px; background: url('../_img/vertical-divider-1.png') no-repeat right top;  }
#bottom-right-news { float: right; width: 615px; }
#bottom-right { float: right; width: 515px; }
#bottom-left-news ul, div.paging { list-style: none; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 300; line-height: 19px; padding: 0; }
ul.hfeed.listing { list-style: none; padding: 0; }
#bottom-right-news ul.hfeed.listing li.hentry h3 {  }
.year { font-size: 16px; }
#bottom-left-news ul li ul li a { margin-left: 15px; }



/* JOBS SECTION //////////////////////////////////////////////////////*/

#top-jobs { width: 960px; margin: 0 auto; height: 335px !important; background: url('../_img/bg-section-jobs.png') no-repeat -20px -50px; }
#bottom-wrap div.content div.container { padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
#bottom-wrap div.content div.container:last-child { border-bottom: none; }
h3.job-title { margin: 15px 0 10px 0; }
#bottom-wrap div.content div.container div.toggle_container div.block p:first-child { margin-top: 0; }



/* LINKS SECTION //////////////////////////////////////////////////////*/

#top-links { width: 960px; margin: 0 auto; height: 335px !important; background: url('../_img/bg-section-links.png') no-repeat -20px -50px; }
#bottom-wrap div.content table tbody tr td a { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px; background: #f5f5f5 url('../_img/bg-button-small.png') repeat-x; border-radius: 4px; padding: 5px 8px; border: 1px solid #ccc; }



/* CONTACT SECTION //////////////////////////////////////////////////////*/

#form1_contact p { width: 250px; }

#top-contact { width: 960px; margin: 0 auto; height: 335px !important; background: url('../_img/bg-section-contact.png') no-repeat -20px -50px; }
#bottom-left-contact { float: left; width: 290px; padding-right: 25px; background: url('../_img/vertical-divider-1.png') no-repeat right top; }
#bottom-right-contact { float: right; width: 480px; }

label { display: block; color: #777; font-size: 14px; line-height: 19px; margin: 20px 0 5px 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; width: 230px; }

input, textarea#form1_message { width: 240px; -webkit-appearance: none; border: 1px solid #ccc; border-radius: 4px; font-family: 'Source Sans Pro', sans-serif; font-size: 14px;
	font-weight: 300; color: #333; padding: 5px; }

input#form1_submit { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px; background: #f5f5f5 url('../_img/bg-button-small.png') repeat-x; border-radius: 4px; padding: 5px 8px; border: 1px solid #ccc; width: 100px; cursor: pointer; margin: 20px 0 0 0; }

p.error { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #f00; }

.checker { display: none; }



/* TYPOGRAPHY //////////////////////////////////////////////////////*/

h1 { font-size: 24px; line-height: 36px; margin-bottom: 15px; letter-spacing: -1px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #fff; }
h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; letter-spacing: -1px; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; color: #eaab1d; -webkit-font-smoothing: antialiased; }
h3 { font-size: 20px; line-height: 21px; letter-spacing: -1px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #555; }
h4 { font-size: 16px; line-height: 19px; margin: 30px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; color: #555; }


em { font-style: italic; }
strong { font-family: 'Source Sans Pro', sans-serif; font-weight: 500; }
p { color: #555; font-size: 14px; line-height: 19px; margin-bottom: 15px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }

p.trigger, p.trigger.active { font-size: 14px line-height: 19px; margin: 0 !important; padding-bottom: 15px !important; }

ul, ol { font-size: 14px; margin-bottom: 20px; }
ul li { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #777; }



/* SPACING //////////////////////////////////////////////////////*/

.mb30 { margin-bottom: 30px !important; }



/* LINKS & BUTTONS //////////////////////////////////////////////////////*/

a:link, a:visited { text-decoration: none; color: #0bc0e5; -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; }

a:hover, a:active { text-decoration: none; color: #0095b3; }

p.trigger:hover, p.trigger.active:hover { color: #0095b3; }
p.trigger, p.trigger.active { color: #0bc0e5; cursor: pointer; }

a.game-name:link, a.game-name:visited { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px; }

.button-small { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 14px; background: #f5f5f5 url('../_img/bg-button-small.png') repeat-x; border-radius: 4px; padding: 5px 8px; border: 1px solid #ccc; }

#bottom-right div.recent-games-home-container {
	overflow: auto;
	height: 230px;
	width: 550px;
	clear: both;
}

.button-small:active { position: relative; top: 1px; }

li.selected, li.ancestor { background: url('../_img/bg-selected.png') no-repeat center bottom; }
li.selected a, li.ancestor a { color: #df9c06 !important; }

.read-more { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }



/* ETC. //////////////////////////////////////////////////////*/
   
::-moz-selection { background: #FFF; color: #000; }
::selection { background: #FFF; color: #000; }



/* COOKIE LAW //////////////////////////////////////////////////////*/

#cookie-container {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #f1f0f1;
	display: none;
	box-shadow: 0px 0px 2px #333;
	z-index: 9999999 !important;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}
#cookies { width: 700px; margin: 0 auto; padding: 10px 0 1px 0; text-align: center; }