/* CSS3 Document */

html,body,form,a img,img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
body,table,td,th,a,p,h1,h2,h3,h4,textarea,input,
body.gameDetails h2, #commentForm h2,body.careers h2.openings, body.careers h3 {
	font-family: Georgia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, 
		"DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	font-size: 1em;
}
html,body {height:100%}
body {
	font-size: 75%;
	line-height: 1.5;
	background: #ebede5 url(../images/body_border.png) repeat-y 100% 0 fixed;
	color: #333;
}
* html body {background-image:none}

p {
	margin: 0 0 1em;
}

a {
	color: #f05334;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a.more {
	font-weight: bold;
}
h1, h2, h3 {
	color: #e74b3a;
	margin: 0 0 .8em;
	font-family: LubalinGraphITCTTDemi, Georgia, "Lucida Bright", Lucidabright,	
		"Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", 
		"Liberation Serif", serif;
}
h1, h2 {
	font-size: 1.417em;
}

#container {
	width: 1050px;
	margin: -103px auto 0;
	position: relative;
	min-height: 100%;
	z-index: 10;
	background: #ebede5;
}
#extraBg1 {
	background: url(../images/body_border.png) repeat-y;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 41px;
	z-index: 3;
}
* html #extraBg1 {display:none}
#extraBg2,
#extraBg3 {
	position: absolute;
	top: 0;
	height: 50px;
	left: 0;
	right: 49px;
	z-index: 1;
	background: #ebede5 url(../images/top_bar_bg.png) repeat-x;
}
#extraBg3 {
	top: auto;
	margin-top: -63px;
	height: 63px;
	background-image: url(../images/footer_bg.png);
}


.offleft {
	left: -9999px;
	top: -9999px;
	position: absolute;
	width: 1px;
}

ul.navbar,
ul.social,
ul.thumbs,
ul.flickrThumbs,
ul.downloads,
ul.downloads ul,
ul.categories,
ul.nav_categories,
ul.archives {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topBar {
	width: 1029px;
	margin: 0 auto;
	padding: 0;
	background: #4c4346 url(../images/top_bar_bg.png) repeat-x 0 100%;
	color: #fff;
	overflow: hidden;
	padding: 103px 0 0 21px;
	min-height: 50px;
}
ul.navbar,
ul.navbar li {
	float: left;
	margin: 0 10px 0 0;
}
#topBar a {
	color: #fff;
	font-size: 1.2em;
	padding: 5px 0;
	float: left;
	height: 40px;
	position: relative;
	text-align: center;
}
#topBar a:hover,
#topBar a:focus {
	color: #e74b3a;
}
ul.navbar span.ir {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: url(../images/top_nav_sprite.png) no-repeat;
	cursor: pointer;
}

ul.navbar .games a,
ul.navbar .games span.ir {
	width: 79px;
}
ul.navbar .blog a,
ul.navbar .blog span.ir {
	width: 61px;
	background-position: -89px 0;
}
ul.navbar .community a,
ul.navbar .community span.ir {
	width: 107px;
	background-position: -161px 0;
}
ul.navbar .careers a,
ul.navbar .careers span.ir {
	width: 83px;
	background-position: -278px 0;
}
ul.navbar .about a,
ul.navbar .about span.ir {
	width: 78px;
	background-position: -371px 0;
}
ul.navbar .engineering a,
ul.navbar .engineering span.ir {
	width: 113px;
	background-position: -529px 0;
}
/* ul.navbar .store a,
ul.navbar .store span.ir {
	width: 78px;
	background-position: -465px 0;
}
*/
#topBar li.games a:hover span.ir,
#topBar li.games a:active span.ir,
body.games #topBar li.games span.ir {
	background-position: 0 -50px;
}
#topBar li.blog a:hover span.ir,
#topBar li.blog a:active span.ir,
body.blog_nav #topBar li.blog_nav span.ir {
	background-position: -89px -50px;
}
#topBar li.community a:hover span.ir,
#topBar li.community a:active span.ir,
body.community #topBar li.community span.ir {
	background-position: -161px -50px;
}
#topBar li.careers a:hover span.ir,
#topBar li.careers a:active span.ir,
body.careers #topBar li.careers span.ir {
	background-position: -278px -50px;
}
#topBar li.about a:hover span.ir,
#topBar li.about a:active span.ir,
body.about #topBar li.about span.ir {
	background-position: -371px -50px;
}
#topBar li.engineering a:hover span.ir,
#topBar li.engineering a:active span.ir,
body.engineering #topBar li.engineering span.ir { 
	background-position: -529px -50px;
}
/*
#topBar li.store a:hover span.ir,
#topBar li.store a:active span.ir,
body.about #topBar li.about span.ir {
	background-position: -465px -50px;
}
*/


#searchForm {
	float: right;
	min-width: 330px;
	padding-right: 20px;
	margin-top: 13px;
	position: relative
}
#searchForm input.txt {
	border: 2px solid #827e7f;
	background: #605b5d;
	color: #fff;
	width: 223px;
	padding-left: 3px;
	float: left;
	font-size: 1.1em;
}
button.submit {
	border: 0 none;
	background: transparent;
	padding: 0 2px;
	position: relative;
	margin: 0 -2px -2px 0;
	width: 100px;
	height: 29px;
}
#searchForm button.submit {
	float: left;
	padding: 0;
	margin: 0;
	position: static;
}
button.submit img {
	width: 100px;
	position: relative;
	margin: -3px 0 0 -3px;
	top:-2px;
}
*:first-child+html button.submit img {top:-1px}
#searchForm button.submit img {
	position: absolute;
	right: 20px;
	top: -3px;
	margin: 0;
}

/* Search Results */
.searchUL{
	padding: 40px;
	line-height: 20px;
}
.searchUL li{
	padding-bottom: 20px;
}


#header {
	background: #4c4346 url(../images/header_bg.png) no-repeat 0 100%;
	clear: both;
	height: 110px;
}
#logo {
	float: left;
	display: inline;
	margin: 22px 0 0 38px;
}

ul.social {
	float: right;
	display: inline;
	background: url(../images/social_icons_bg.png) no-repeat;
	width: 128px;
	height: 39px;
	padding: 8px 0 0 9px;
	margin: 35px 35px 0 0;
}
ul.social li {
	float: left;
	padding-right: 10px;
}
ul.social img {
	display: block;
	width: 32px;
	height: 32px;
}
li.facebook a,
li.twitter a,
li.email a {
	background: url(../images/social_icons_sprite.png) 0 0 no-repeat;
	float: left;
}
li.twitter a {
	background-position: -42px 0;
}
li.email a {
	background-position: -84px 0;
}
li.facebook a:hover {
	background-position: 0 -34px;
}
li.twitter a:hover {
	background-position: -42px -34px;
}
li.email a:hover {
	background-position: -84px -34px;
}


#mainContent {
	margin: 40px 0 0;
	width: 100%;
	background: #fff url(../images/content_bg.png) no-repeat 0 100%;
	padding: 0 0 40px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#mainContent:after,.colWrapper:after,.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#mainContent,.colWrapper,.clearfix {display:inline-block}
#mainContent,.colWrapper,.clearfix {display:block}

/*
----------------------------------------------------
## Home Page and Press Page
----------------------------------------------------
*/

#homeGallery {
	height: 451px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#homeGallery .gallery {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#homeGallery a.pause,
#homeGallery .gallery li.slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 1050px;
	height: 451px;

}
#homeGallery a.pause {
	display: block;
	height: 100%;
	z-index: 5;
}
.imageInfo {
	position: absolute;
	z-index: 10;
	top: 270px;
	right: 0;
	width: 521px;
}
.imageInfo h2,
.imageInfo p,
.imageInfo ul.thumbs {
	background: url(../images/home/image_info_bg.png) no-repeat;
}
.imageInfo h2 {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1;
	padding: 16px 10px .75em 22px;
	margin: 0;
}
.imageInfo h2 .num { 
	color: #ecede5;
}
.imageInfo p {
	color: #fff;
	padding: 0 10px 1em 22px;
	margin: 0;
	background-position: 0 -20px;
}
.imageInfo ul.thumbs {
	float: left;
	width: 489px;
	padding: 0 10px 16px 22px;
	background-position: 0 100%;
}
.imageInfo ul.thumbs li {
	float: left;
	margin-right: 21px;
	border: 1px solid #444;
	border-color: rgba(255,255,255,.24);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.imageInfo ul.thumbs li:hover,
.imageInfo ul.thumbs .selected {
	border-color: #e74b3a !important;
}
.imageInfo ul.thumbs a:hover img,
.imageInfo ul.thumbs a:hover canvas {
	visibility: hidden;
}
.imageInfo .thumbs .selected a:hover img,
.imageInfo .thumbs .selected a:hover canvas {
	visibility: visible;
}
.imageInfo ul.thumbs a {
	float: left;
	background: no-repeat;
}
.imageInfo ul.thumbs img,
.imageInfo ul.thumbs canvas {
	display: block;
}


div.smallCols {
	margin-left: 19px;
	padding-top: 39px;
}

div.smallCols .col1,
div.smallCols .col2,
div.smallCols .col3,
div.smallCols .col4 {
	border-right: 1px solid #a5a1a2;
	min-height: 214px;
	padding: 0 21px;
	width: 210px;
	display: table-cell;
	vertical-align: top;
	word-wrap: break-word;
}
*+html .smallCols .col1, *+html .smallCols .col2,
*+html .smallCols .col3, *+html .smallCols .col4 {
	display: inline-block; /* for IE7 */
}
*+html .smallCols .col1, *+html .smallCols .col2,
*+html .smallCols .col3, *+html .smallCols .col4 {
	display: inline; /* for IE7 */
}
div.smallCols .col4 {
	border-right: 0 none;
}
div.smallCols h2 {
	line-height: 1.3;
	margin-top: -.15em;
	position: relative;
}
div.smallCols .date {
	font-weight: bold;
	font-size: .917em;
	font-style: italic;
	color: #999;
	display: block;
}
div.smallCols p {
	width: 210px;
	overflow: hidden;
	clear: both;
}
ul.flickrThumbs {
	width: 216px;
	margin: 0 -6px 13px 0;
	position: relative;
	float: left;
}
ul.flickrThumbs li {
	float: left;
	margin: 0 4px 4px 0;
}
ul.flickrThumbs img {
	display: block;
}


a.pdf {
	font-weight: bold;
	display: block;
}

ul.downloads ul {
	margin-top: .3em;
}
ul.downloads li {
	margin-bottom: 1em;
}
ul.downloads li li {
	margin-bottom: 0;
}
ul.downloads a,
body.contact a.map {
	font-weight: bold;
}
ul.downloads .downloadInfo {
	font-weight: normal;
	font-style: italic;
	color: #999;
}

body.contact h3,
body.press h3 {
	color: #333;
	margin: .8em 0 0;
}
div.phone h3 {
	display: inline;
	margin: 0;
}
address {
	font-style: normal;
}


.col2 .news { margin-bottom: 20px; }


/*
----------------------------------------------------
## Contact Page
----------------------------------------------------
*/

body.contact .smallCols .col1,
body.contact .smallCols .col2,
body.contact .smallCols .col3 {
	min-height: 214px;
	width: 210px;
	padding: 0 21px;
	float: none;
	border-left: 0 none;
}
body.contact .smallCols .col3 {
	width: 448px;
	border: 0 none;
}
body.contact .smallCols p {
	width: auto;
}
#subscribeForm {
	width: 100%;
	position: relative;
	margin: 2em 0 1em;
}
#subscribeForm input.txt {
	border: 2px solid #e9e9e9;
	background: #c6c6c6;
	color: #000;
	width: 229px;
	padding-left: 3px;
	float: left;
}
input.labelHighlight {
	font-style: italic;
	color: #333;
}


/*
----------------------------------------------------
## Games Page
----------------------------------------------------
*/

#mainContent.noBg {
	background: transparent none;
	padding: 0;
}

ul.gamesList,
ul.clientsList {
	list-style-type: none;
	padding: 0;
	margin: 0 -14px 0 0;
	position: relative;
	width: 1064px;
	float: left;
	margin-top: -14px; /* IE7 fix */
	padding-bottom: 14px; /* IE7 fix */
}
ul.gamesList li,
ul.clientsList li {
	float: left;
	margin: 14px 14px 0 0;
	width: 244px;
	padding: 4px;
	text-align: center;
	background: #fff;
	position: relative;
}
ul.pagination {
	float: left;
	margin: 14px 14px 0 0;
	padding: 4px;
	width: 720px;;
	text-align: left;
	background: #fff;
	position: relative;
}

ul.gamesList li:hover,
ul.clientsList li:hover {
	margin: 11px 11px -3px -3px;
	border: 3px solid #4c4346;
}
ul.gamesList a,
ul.gamesList .img,
ul.gamesList .title,
ul.clientsList a,
ul.clientsList .img,
ul.clientsList .title {
	display: block;
	cursor: pointer;
}
ul.gamesList a:hover,
ul.clientsList a:hover {
	text-decoration: none;
}
ul.gamesList .img,
ul.clientsList .img {
	height: 210px;
}
ul.gamesList .title,
ul.clientsList .title {
	min-height: 34px;
	font-weight: bold;
	font-size: 1.083em;
}
ul.gamesList img,
ul.clientsList img {
	vertical-align: bottom;
}

/*
----------------------------------------------------
## Game Details Page
----------------------------------------------------
*/

body.gameDetails #mainContent {
	padding: 39px 42px;
	width: 966px;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
body.gameDetails div.col1 {
	float: left;
	width: 320px;
}
div.sectionNav p.adjacent {
	float: left;
}
div.sectionNav p {
	float: right;
}
body.gameDetails .sectionNav a {
	color: #4c4346;
}
body.gameDetails .sectionNav a:hover {
	color: #e74b3a;
}
body.gameDetails h1 {
	clear: both;
	margin: 0;
	font-size: 1.917em;
}
body.gameDetails h2 {
	font-size: 1.167em;
	font-weight: normal;
	color: #4c4346;
}
body.gameDetails div.col2 {
	float: right;
	width: 603px;
}
body.gameDetails div.col2 img {
	display: block;
}
body.gameDetails ul.thumbs {
	margin-top: 14px;
}
body.gameDetails ul.thumbs li {
	float: left;
	margin-right: 15px;
}
body.gameDetails ul.thumbs a {
	border: 1px solid #fff;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
body.gameDetails ul.thumbs a:hover,
body.gameDetails ul.thumbs .selected a {
	border-color: #e74b3a !important;
}


/*
----------------------------------------------------
## Pagination Styles
----------------------------------------------------
*/
div.pagination {
	float: left;
	width: 1050px;
	position: relative;
	border-top: 1px solid #4a4244;
	background: #fff;
	padding-top: 4px;
	min-height: 27px;
}

ul.pagination ul{
	float: left;
	width: 1050px;
	position: relative;
	border-top: 1px solid #4a4244;
	background: #fff;
	padding-top: 4px;
	min-height: 27px;
}

ul.pagination li{
	display:inline;
	padding-left:5px;
	padding-right: 5px;
	background: #fff;


}
div.pagination .pages {
	float: left;
	margin: 0;
}
body.games .pagination .pages,
body.clients .pagination .pages {
	padding-left: 36px;
}

div.pagination .pages a, ul.pagination li a {
	padding: 0 3px 3px;
	font-weight: bold;
	font-size: 1.167em;
	color: #333;
	display: inline-block;
}
ul.pagination li a:hover{
	color: #e74b3a;
}
div.pagination .pages a:hover, ul.pagination li a:hover, .here {
	text-decoration: none;
	padding: 0 3px 1px;
	border-bottom: 2px solid #e74b3a;
	color: #333;
}
div.pagination .adjacent {
	float: right;
	margin: 0;
}

body.games .pagination .adjacent,
body.clients .pagination .adjacent {
	padding-right: 33px;
}
p.adjacent a.next,
p.adjacent a.prev,
ul.pagination li.next a,
ul.pagination li.previous a {
	background: url(../images/pagination_arrows.png) repeat-x 0 2px;
	padding: 2px 2px 2px 19px;
	font-weight: bold;
	color: #333;
	line-height: 1;
}

p.adjacent a.next, ul.pagination li.next a {
	background-position: 100% 2px;
	padding: 2px 19px 2px 2px;
	margin-left: 15px;
}

p.adjacent a.next:hover, ul.pagination li.next a:hover, ul.pagination li.previous a:hover {
	background-position: 100% -58px;
	color: #e74b3a;
}
p.adjacent a.prev:hover, ul.pagination li.previous a:hover {
	background-position: 0 -58px;
	color: #e74b3a;
}
ul.pagination li.next a, ul.pagination li.next a:hover {
	color:#333;
}

ul.pagination li.next a {
	padding: 2px 22px 2px 2px;
	margin-left: 13px;
}




/*
----------------------------------------------------
## About Pages
----------------------------------------------------
*/

#sectionNav {
	height: 41px;
	background: url(../images/sub_nav_bg.png) no-repeat 50% 100%;
	padding: 0 20px 13px;
	margin: 0 auto -29px;
	position: relative;
	width: 1010px;
}
#sectionNav li {
	margin: 0 8px 0 0;
}
#sectionNav a {
	float: left;
	padding-top: 14px;
	height: 27px;
	color: #4c4346;
	position: relative;
	text-align: center;
	border: 0 solid red;
}
#sectionNav a:hover {
	color: #e74b3a;
}
body.about #sectionNav span.ir {
	background-image: url(../images/about/section_nav_sprite.png);
}
#sectionNav .aboutMain a,
#sectionNav .aboutMain span.ir {
	width: 69px;
}
#sectionNav .services a,
#sectionNav .services span.ir {
	width: 123px;
	background-position: -74px 0;
}
#sectionNav .team a,
#sectionNav .team span.ir {
	width: 60px;
	background-position: -197px 0;
}
#sectionNav .clients a,
#sectionNav .clients span.ir {
	width: 84px;
	background-position: -257px 0;
}
/* #sectionNav .testimonials a,
#sectionNav .testimonials span.ir {
	width: 105px;
	background-position: -298px 0;
}
*/
#sectionNav .contact a,
#sectionNav .contact span.ir {
	width: 88px;
	background-position: -343px 0;
}
#sectionNav li.aboutMain a:hover span.ir,
#sectionNav li.aboutMain a:active span.ir,
body.aboutMain #sectionNav li.aboutMain span.ir {
	background-position: 0 -41px;
}
#sectionNav li.services a:hover span.ir,
#sectionNav li.services a:active span.ir,
body.services #sectionNav li.services span.ir {
	background-position: -74px -41px;
}
#sectionNav li.team a:hover span.ir,
#sectionNav li.team a:active span.ir,
body.team #sectionNav li.team span.ir {
	background-position: -197px -41px;
}
#sectionNav li.clients a:hover span.ir,
#sectionNav li.clients a:active span.ir,
body.clients #sectionNav li.clients span.ir {
	background-position: -257px -41px;
}

body.clients ul.pagination {
	width: 990px;
}

body.games ul.pagination {
	width: 1042px;
}

#sectionNav li.testimonials a:hover span.ir,
#sectionNav li.testimonials a:active span.ir,
body.testimonials #sectionNav li.testimonials span.ir {
	background-position: -298px -41px;
}
#sectionNav li.contact a:hover span.ir,
#sectionNav li.contact a:active span.ir,
body.contact #sectionNav li.contact span.ir {
	background-position: -343px -41px;
}



#aboutGallery {
	padding-bottom: 39px;
}
body.about div.col1 {
	border-right: 1px solid #a5a1a2;
	float: left;
	width: 464px;
	padding: 0 20px 0 40px;
}
body.about div.col2 {
	border-left: 1px solid #a5a1a2;
	float: right;
	margin-left: -1px;
	position: relative;
	padding: 0 34px 0 23px;
	width: 468px;
}
ul.services {
	padding:0;
	margin: 0;
	list-style-position: inside;
	color: #e74b3a;
	float: left;
	width: 100%;
}
*:first-child+html ul.services {margin-bottom: 1.5em}
ul.services li {
	float: left;
	margin: 0 0 1.5em;
	min-width: 139px;
}
*:first-child+html ul.services li {
	padding-left: 10px;
	min-width: 129px;
	margin: 1em 0 .5em;
	background: url(../images/bullet_point_sm.png) no-repeat 0 50%;
}
ul.services span.service {
	color: #4c4346;
}


body.clients #mainContent {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: none;
	padding: 35px 42px 0;
	width: 966px;
}
body.clients ul.clientsList {
	left: 56px;
	margin: 35px 0 0 -98px;
	width: 1064px;
	background: #EBEDE5;
	display: inline;
}
body.clients div.pagination {
	margin-left: -84px;
	left: 42px;
	display: inline;
}

.original_games_set {
	margin: -3em 0 4em 0;
}

.original_games {
	margin-bottom: 4em;	
}

.original_games h2 {
	font-size: 2em;
	margin: 4em 0 0.5em 0;
}

.original_games p {
	font-size: 1.25em;
}

.original_games .og_left {
	float: left;
}

.original_games .og_right {
	float: right; 
}

.original_games .og_text {
	width: 50%;
}

.original_games .clearfix {
	clear:both;
}


/*
----------------------------------------------------
## Team Page
----------------------------------------------------
*/

body.team #mainContent {
	width: 986px;
	padding: 31px 24px 31px 40px;
}
body.team #mainContent p {
	margin-right: 16px;
}
div.employee {
	float: left;
	margin: 0 16px 16px 0;
	width: 290px;
	padding-left: 183px;
}
div.employee_more {
	float: left;
	margin: 0 16px 16px 0;
	width: 350px;
	padding-left: 10px;
	padding-top: 10px;
}

body.team #mainContent .employee p {
	margin-right: 0;
}
body.team h2,
body.team h3,
body.team h4 {
	font-size: 1em;
	color: #333;
}
body.team h2 {
	clear: both;
}
body.team h3,
body.team h4 {
	margin: 0;
	line-height: 1.5;
}
body.team h4 {
	font-weight: normal;
	font-style: italic;
}
div.employee img.photo {
	float: left;
	margin: .3em 16px 0 0;
	display: inline;
	position: relative;
	left: -1px;
	margin-left: -182px;
}

body.team div.hr {
	margin-bottom: 1.9em;
}
.team_more_title{
	text-align: right;
	margin-right: 32px;

}



/*
----------------------------------------------------
## Blog Styles
----------------------------------------------------
*/

body.blog div.colWrapper {
	width: 100%;
	margin: 40px 0 0;
	background: #fff;
}

body.blog #mainContent {
	width: 705px;
	float: left;
	padding: 39px 38px 39px 40px;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0;
	border-right: 16px solid #ebede5;
}
*:first-child+html body.blog #mainContent {padding-bottom:6px}

div.entry {
	border-top: 1px solid #4c4346;
	margin-bottom: 34px;
	clear: both;
}
div.entry .head {
	padding: 15px 0 14px;
	float: left;
	width: 100%;
}
div.entry .head h1 {
	float: left;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	/* width: 530px; */
	line-height: 1.2;
}
div.entry .head .meta {
	float: right;
	white-space: nowrap;
}
div.entry .head .date,
div.entry .head .author {
	display: block;
	margin-right: 38px;
	text-align: right;
}
div.entry .head .date {
	color: #4c4346;
}
div.entry .head .author {
	color: #999;
	font-style: italic;
}
div.entry .head .numComments {
	float: right;
	background: url(../images/comments_icon.png) no-repeat;
	width: 27px;
	text-align: center;
	margin-top: .3em;
}
div.entry .head .numComments a {
	display: block;
	padding: 2px 2px 9px;
	line-height: 1;
	font-weight: bold;
	font-style: italic;
}
div.entry .foot {
	clear: both;
}
div.entry .body {
	clear: both;
	border-top: 1px dotted #4d4447;
	padding: 20px 0 0;
	width: 100%; /* IE fix */
}

div.entry p.bigImage {
	width: 100%;
	overflow: auto;
}
div.entry p.smallImages {
	width: 716px;
	overflow: hidden;
	margin-right: -11px;
	position: relative;
}
div.entry p.smallImages img {
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
}
div.entry .infobar {
	clear: both;
	display: block;
	border-top: 1px dotted #000;
	padding: 10px 0 10px;
}
div.entry .infobar .meta {
	float: right;
	padding-top: 0.25em;
	text-align: right;
	white-space: nowrap;
	width: 40%;
}
div.entry .infobar .infoshare {
	float: left;
	width: 60%;
}
div.entry .infobar .author {
	padding-left: 4px;
}
div.entry .infobar .date {
	color: #4c4346;
}
div.entry .infobar .author {
	color: #999;
	font-style: italic;
}
div.entry .infobar .numComments {
	display: block;
	float: right;
    background: url(../images/comments_icon.png) no-repeat;
    width: 27px;
    text-align: center;
    margin-top: -0.25em;
    margin-left: 0.5em;
    padding-bottom: 1em;
}
div.entry .infobar .numComments a {
    padding: 2px 2px 9px;
    line-height: 1;
    font-weight: bold;
    font-style: italic;
}

blockquote.blog_team_img {
	width: 120px;
	padding: 20px;
	margin: 0;
	float: left;

}

blockquote.pullquote {
	width: 220px;
	padding: 0;
	margin: 0;
	color: #999;
}
div.entry blockquote.pullquote {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 10px;
}
blockquote.pullquote p {
	font-size: 1.75em;
	line-height: 1.15;
	margin: 0 0 .5em;
	font-style: italic;
}
blockquote.pullquote p.cite,
blockquote.pullquote cite {
	font-size: 1em;
	line-height: 1.5;
	font-style: normal;
}
blockquote.pullquote .author {
	font-weight: bold;
}


/*
## Blog Sidebar
*/
body.blog #sidebar {
	width: 173px;
	float: right;
	padding: 39px;
	background: #fff;
	position: relative;
	margin-left: -16px;
	border-left: 16px solid #ebede5;
}

body.blog #sidebar .section {
	border-top: 1px solid #4c4346;
	padding: 15px 0;
}

body.blog #sidebar h2 {
	font-weight: normal;
	font-size: 1em;
	color: #333;
	margin: 0 0 1.167em;
}
body.blog #sidebar h2.about {
	font-weight: bold;
}
body.blog #sidebar h2.rss {
	margin: 0;
}
body.blog #sidebar a.rss {
	background: url(../images/rss_icon.png) no-repeat 0 50%;
	padding-left: 22px;
	display: block;
}
body.blog #sidebar a {
	display: block;
}
body.blog #sidebar li {
	margin-bottom: 3px;
}

/*
## Blog Details
*/
div.commentsWrap {
	background: url(../images/blog/comments_separator.png) no-repeat 50% 20px;
	padding-top: 75px;
	clear: both;
}
div.comment {
	border-bottom: 1px solid #d2d0d1;
	padding-bottom: 2em;
}
div.comment .head .author {
	float: left;
}
div.comment a.commentReply {
	float: right;
}
div.comment .body {
	clear: both;
	color: #666;
}
div.comment .foot {
	clear: both;
}
div.comment .foot .date {
	color: #999;
}

#commentForm {
	clear: both;
	padding-top: 25px;
}

#commentForm h2 {
	color: #4c4346;
	font-size: 1.33em;
	font-weight: normal;
}
#commentForm .formField {
	float: left;
	width: 100%;
	padding-bottom: 9px;
	position: relative;
}
#mainContent label {
	color: #4c4346;
	font-weight: bold;
	font-style: italic;
	font-size: .917em;
	cursor: pointer;
	display:-moz-inline-stack;
	display:inline-block;
}
#mainContent label span {
	display:block;
	display:inline-block;
	min-width: 24em;
}
* html #mainContent label span {
	width: 24em; /* for IE5-6 */
	white-space: nowrap;
}
div.formField.textarea label {
	display: block;
	padding-bottom: .2em;
}

#commentForm input[type=text],
#commentForm textarea {
	border: 1px solid #ccc;
	background: #f2f1f1;
	width: 308px;
	padding: 2px 3px;
}
#commentForm textarea {
	width: 694px;
	overflow: auto;
}
#commentForm .buttons {
	clear: both;
}
#commentForm button.submit img {top:0}
#commentForm button.submit img, #hideFrom#IE8 {top:-2px}
*:first-child+html #commentForm button.submit img {top:-1px}

/*
----------------------------------------------------
## Careers Page
----------------------------------------------------
*/

body.careers #mainContent {
	padding: 0 39px 40px;
	width: 972px;
}
#careersGallery {
	position: relative;
	margin: 0 0 26px -78px;
	left: 39px;
}
body.careers div.col1 {
	float: left;
	width: 472px;
	margin: 0 34px 20px 0;
}
body.careers div.col2 {
	float: left;
}
body.careers h2.openings {
	font-size: 1em;
	color: #333;
	margin: 0 0 0.5em 0;
}
body.careers #mainContent ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body.careers #mainContent .openings li {
	color: #4c4346;
	font-weight: bold;
	background: none;
	margin: 0;
	padding: 0.25em 0 0 0;
}
body.careers #mainContent .openings li ul {
	font-weight: normal;
	padding: 0;
	background: none;
	margin: 0 0 0.25em 0;
}
body.careers #mainContent .openings li ul li {
	font-weight: normal;
}
body.careers h3 {
	font-size: 1.417em;
	color: #4c4346;
}
body.careers #mainContent li {
	padding-left: 12px;
	background: url(../images/bullet_point_sm.png) no-repeat 0 .55em;
	margin-bottom: 10px;
}

div.hr {
	margin: 2.4em auto;
	clear: both;
	background: #ebede5 url(../images/horizontal_line.png) no-repeat 50%;
	height: 13px;
	width: 930px;
	overflow: hidden;
}
div.hr hr {
 display: none;
}


/*
----------------------------------------------------
## Static Page
----------------------------------------------------
*/
div.static_page {
	Padding:30px;
}



/*
----------------------------------------------------
## FOOTER STYLING
----------------------------------------------------
*/

#footer {
	border-top: 40px #ebede5 solid;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 50;
	width: 1028px;
	margin: 0 auto;
	padding: 0 0 0 22px;
	height: 63px;
	color: #bbb;
	color: rgba(255,255,255,.6);
	background: #4c4346 url(../images/footer_bg.png) 0 -63px repeat-x;
}
#footer a {
	color: #bbb;
	color: rgba(255,255,255,.6);
	text-decoration: none;
}
*+html #footer,*+html #footer a {color: #bbb}
* html #footer,* html #footer a {color: #bbb}
#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: underline;
}
p.copyright {
	float: right;
	padding: 22px 42px 20px 10px;
	font-size: .917em;
}
p.copyright,
p.copyright a {
	font-family: arial, helvetica, "Helvetica Neue", sans-serif;
}

/*
  footer nav shares a lot of styles with the top nav
*/
#footer .navbar a {
	color: #aaa;
	font-size: 1.2em;
	padding: 5px 0;
	float: left;
	height: 53px;
	position: relative;
	text-align: center;
}
#footer .navbar a:hover {color: #fffffe}
#footer .navbar span.ir {
	background-image: url(../images/footer_nav_sprite.png);
}
#footer li.games a:hover span.ir,
#footer li.games a:active span.ir {
	background-position: 0 -63px;
}
#footer li.blog a:hover span.ir,
#footer li.blog a:active span.ir {
	background-position: -89px -63px;
}
#footer li.community a:hover span.ir,
#footer li.community a:active span.ir {
	background-position: -161px -63px;
}
#footer li.careers a:hover span.ir,
#footer li.careers a:active span.ir {
	background-position: -278px -63px;
}
#footer li.about a:hover span.ir,
#footer li.about a:active span.ir {
	background-position: -371px -63px;
}
#footer li.contact a:hover span.ir,
#footer li.contact a:active span.ir {
	background-position: -455px -63px;
}
#footer li.engineering a:hover span.ir,
#footer li.engineering a:active span.ir {
	background-position: -529px -63px;
}

/*
#footer ul.navbar .contact a,
#footer ul.navbar .contact span.ir {
	width: 93px;
	background-position: -455px 0;
}

#footer li.store a:hover span.ir,
#footer li.store a:active span.ir {
	background-position: -522px -63px;
}
*/

/*
## ColorBox Styles
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxClose,#cboxNext,#cboxPrevious{cursor:pointer}

#cboxOverlay{background:#000}
	#cboxContent{padding:28px 20px 15px;}
		#cboxLoadedContent{background:#fff; padding:5px;
			-webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000;}
		#cboxTitle{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#999;}
		#cboxLoadingOverlay{background:#000 url(../images/lightbox/loading.gif) no-repeat 5px 5px;top:28px}
		#cboxClose{position:absolute; top:0; right:15px; display:block; color:#fff; padding: 7px 3px;}
		#cboxNext,#cboxPrevious{display:none;left:0;background: #fff url(../images/pagination_arrows.png) no-repeat;width:15px;height:15px;border:solid #fff;border-width:10px 5px;}
		#cboxNext{left:auto;right:0;background-position:100% 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
		#cboxPrevious{-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
		#cboxContent:hover #cboxNext, #cboxContent:hover #cboxPrevious{position:absolute;top:50%;margin-top:-10px;display:block;}
		#cboxNext:hover{background-position: 100% -60px}
		#cboxPrevious:hover{background-position: 0 -60px}

/*
----------------------------------------------------
## Print Styles
----------------------------------------------------
*/

@media print {
	#topBar { display: none; }
}