@charset "utf-8";
/* CSS Document */
/* RESET */
html, body, div, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img {border:0px none;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both;}
a {text-decoration:none; color:#7E75AC; outline:none; font-weight:bold;}

a:active{outline:none;}
a:hover {color:#FF3F00;}

p { color:#565656; margin:0 0 9px 0;}
.serif{font-family:Georgia, "Times New Roman", Times, serif;}
a.mailto {font-weight:bold;}
a:hover.mailto {color:#FF3F00;}

/* STRUCTURAL FORMATTING */
body{
font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;;
background:url(images/bg.jpg) repeat-x #ffffff ;
color:#565656;
}

#wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
}

#header{
background:url(images/header.jpg) no-repeat center top;
height:121px;
position:relative;
}
.headerlink{
position:absolute;
top:0;
left:0;
}
.ituneslink{
position:absolute;
width:197px;
height:56px;
top:26px;
right:20px;
}
.ituneslink a{
display:block;
background:url(images/appstore_but.jpg) no-repeat top left;
text-indent:-9999px;
width:197px;
height:56px;

}
.ituneslink a:hover{
background-position:bottom left;
}
#content{

}

#footer{
clear:both;
display:block;
color:#9c9c9c;
font-size:10px;
text-align:center;
margin-bottom:40px;
}
.footer_ruler{
border-bottom:#999999 1px dashed;
height: 10px;
margin:10px 0 ;
clear:both;
}

/* NAVBAR FORMATTING */

#nav {width:331px; margin:0px; padding:0px; position:relative; top: 59px; left:350px; display:block; height:28px; text-indent:-9999px; }
#nav > li { list-style-type:none; float:left; margin:0;  padding:0px;  cursor:pointer; }
#nav > li:hover ul { display:block; }
#nav > li:hover { }
#nav li ul  { margin:0px; padding:0; float:left;}

#nav li ul li { list-style-type:none; margin:0px 0 0 0; }
#nav li ul li a { display:block; padding:0px 0px; color:#A2E200; text-decoration:none; }
#nav li ul li:hover a { background-color:#606060; }
#nav li span { cursor:pointer; margin:0px 0px; font-weight:bold; }
#nav li {float:left;}
#nav li a {display:block; text-indent:-99999px;  }
#games_subnav {width:319px; height:33px;  position:absolute; left:-175px; top:28px;}
#games_subnav li{float:left; list-style-type:none;  }
#games_subnav li a{height:32px;}

#games a{background:url(images/nav.jpg) 0 0 no-repeat; width:114px; height:28px;}
#games a:hover{background-position:0 -28px;}
#nav li#games a:hover #games_subnav{display:block;}
#iphone{width:75px;}
#ipad{width:64px;}
#pspgo{width:81px;}
#casual{width:82px;}

#iphone a{background:url(images/games_subnav.png) -227px 0; width:75px; }
#iphone a:hover {background-position:-227px -33px;}
#ipad a{background:url(images/games_subnav.png) -163px 0; width:64px; }
#ipad a:hover {background-position:-163px -33px;}
#pspgo a{background:url(images/games_subnav.png)  0px 0; width:81px;  }
#pspgo a:hover{ background-position: 0px -33px; }
#casual a{background:url(images/games_subnav.png) -81px 0; width:82px;}
#casual a:hover{ background-position: -81px -33px; }

#about a{
background:url(images/nav.jpg) -114px 0 no-repeat;
width:116px;
height:28px;
}
#about a:hover{background-position:-114px -28px;}
#about_subnav {width:248px; height:33px;  position:absolute; left:135px; top:28px;}
#about_subnav li{float:left; list-style-type:none;  }
#news a{background:url(images/about_subnav.png) 0 0; width:70px; }
#news a:hover {background-position:0 -33px;}
#studio a{background:url(images/about_subnav.png) -70px 0; width:85px; }
#studio a:hover{ background-position: -70px -33px; }
#contact a{background:url(images/about_subnav.png) -155px 0; width:93px;}
#contact a:hover{ background-position: -155px -33px; }



#home a{background:url(images/nav.jpg) 101px 0px; width:101px; height:28px; }
#home a:hover{background-position:101px -28px;}



body#iphone-page #games .nav_iphone, body#iphone-page-free #games .nav_iphone{background-position:-227px -33px;}
body#iphone-page #games_subnav, body#iphone-page-free #games_subnav{display:block;}
body#iphone-page .nav_games, body#iphone-page-free .nav_games { background-position: 0px -28px; }



body#ipad-page #games .nav_ipad, body#ipad-page-free #games .nav_iphone{background-position:-163px -33px;}
body#ipad-page #games_subnav, body#ipad-page-free #games_subnav{display:block;}
body#ipad-page .nav_games, body#ipad-page-free .nav_games { background-position: 0px -28px; }



body#studio-page #about .nav_about{background-position:-114px -28px;}
body#studio-page #about_subnav{display:block;}
body#studio-page #studio a{ background-position: -70px -32px; }

body#news-page #about .nav_about{background-position:-114px -28px;}
body#news-page #about_subnav{display:block;}
body#news-page #news a{ background-position: 0px -32px; }

body#contact-page #about .nav_about{background-position:-114px -28px;}
body#contact-page #about_subnav{display:block;}
body#contact-page #contact a{ background-position: -155px -32px; }


/* CONTENT PAGE FORMATTING */
#billboard {
width:960px;
height:415px;
margin:0 0 26px 0;
}



/* NEWS ITEM FORMATTING */
body#index #newsboard{background:#fff url(images/news_title.jpg) no-repeat top left; width:300px; float:left; margin:0 10px 30px 0; padding:30px 10px 10px; color:#8c8c8c; font-size:12px; display:inline;}
body#news-page #newsboard{  width:310px; margin:0 0 18px 0; padding: 0; color:#8c8c8c; font-size:12px; }

#news-headboard{background:url(images/news_title2.jpg); width:310px; height:29px; display:block;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.newsblock{  background:url(images/spacer.gif) #dfdbd5; width:310px; margin-top:0px; padding:10px 10px 10px 0; position:relative; top:36px; float:left; display:block; } 
.newsblock .newsbox_ruler{border-bottom:#fff 1px dashed; height: 10px; margin:0px 0 10px; clear:both; }
#page_navigation{ display:block; margin:5px; text-align:center;  width: 300px; }
#page_navigation span{font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#page_navigation a{border:1px solid #c0c0c0; margin:0 1px; padding:1px 3px;}
#page_navigation a.active_page {background:#9c9c9c; color:#fff;}
#page_navigation a:hover{background:#c0c0c0; color:#fff;}
#page_navigation a.previous_link{border:none; margin-right:4px;}
#page_navigation a.next_link{border:none; margin-left:4px;}
.previous_link, .next_link{ color:#5c5c5c; padding-bottom:2px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:bold;}
.active_page{
	background:#9c9c9c;
	color:white !important;
}
#page_navigation:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#news-page-bg{background: url(images/news-page.jpg) no-repeat top left;  width:330px; min-height:471px; float:left; padding: 20px 0 20px 330px;}

p.menu_head span.date{position:absolute; top:11px; left:0px; font-size:9px; line-height:18px; font-weight: bold; font-style:normal; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:34px; padding:0 0 10px 0; text-align:right;}
.newsbox_ruler{border-bottom:#999999 1px dashed; height: 10px; margin:0px 0 10px; clear:both; }
#newsboard p{  display:block;  margin:0; padding:10px 40px 10px 44px; }
body#news-page #newsboard p{  display:block;  margin:0; padding:10px 40px 10px 44px; }
#newsboard p strong{
	color:#6C8057;
}
p.menu_head {color:#4c4c4c;	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; cursor: pointer; position: relative; text-decoration:none;	background: url(images/plus.gif)  280px 0 no-repeat;  }
p.menu_head.active{background: url(images/minus.gif)  280px 0 no-repeat;}
body#index p.menu_head{ }
body#index .menu_body{}
body#news-page .newsItem{border-bottom:#999999 1px dashed; float:left; width:310px; }
.newsItem{border-bottom:#999999 1px dashed; float:left; width:300px; }
.newshover{background-color:#ecebeb;}
.newsItem:hover {background-color:#ecebeb;}
.newsbox_ruler:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.menu_body{color:#4c4c4c; font-family:Georgia, "Times New Roman", Times, serif;display:none; padding:10px 10px 10px 51px;    }

.newsItem a{ color:#cc3333; }
.newsItem a:hover{text-decoration:underline; color:#8A482D;}


.morenews a {float:left; width:300px; height:18px; display:block; border-top:1px solid #5db561; background:url(images/morenews.jpg) no-repeat top right; text-indent:-9999px; margin-top:8px;}
.morenews a:hover{background-position:bottom right;}




/* FEATURED BOARD FORMATTING*/
#featuredboard{
background:#ffffff url(images/featured_title.jpg) no-repeat top left;
width:280px;
float:left;
margin:0 10px 0 0px;
padding:30px 10px 10px 10px;
color:#7f7f7f;
display:inline;
}



#featuredboard a {text-decoration:none; color:#8c8c8c;}
#featuredboard ul li {list-style-type:none; }
.game-title{ font-size:24px ; line-height:24px; padding-top:4px; font-weight:bold; letter-spacing:-1px; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
.game-format span{font-style:italic; font-weight:normal; font-family:"Georgia", Times New Roman, Times, serif;}
.game-format {font-weight:bold; }
.game-summary a {background:url(images/findoutmore.jpg) left bottom no-repeat; width:190px; float:right; display:block; padding:5px 10px 38px;  margin-bottom:10px;}
.game-summary a:hover{background-image:url(images/findoutmore_over.jpg); color:#5c5c5c; background-color:#ecebeb;}
.game-applink-sm {width:64px; float:left; margin: 7px 6px 0 0;}


.allgames a{

width:280px;
height:18px;
display:block;
clear:both;
border-top:1px solid #ee2924;
background:url(images/allgames.jpg) no-repeat top right;
}
.allgames a:hover {
background-position:bottom right;
}




/* FOLLOW BOX FORMATTING */
#followboard{
background:#ffffff url(images/follow_title.jpg) no-repeat top left;
width:300px;
margin:0;
display:inline;
float:left;
padding:30px 10px 10px;
color:#8c8c8c;
font-size: 14px; font-weight:bold; line-height:18px;  font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
}
#followboard a {text-decoration:none; color:#8c8c8c;}
#followboard a:hover {text-decoration:none; color:#5c5c5c; background:#ecebeb;}

#followboard img {float:left; border:none;}
#blogger-box, #youtube-box, #twitter-box {float:left; padding: 10px ; width:190px;}
#followboard span{float:left; font-size: 12px; line-height:14px; font-style:normal; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#followboard a, #followboard a span {display:block;}
#followboard a:hover, #followboard a:hover span {text-decoration:none; color:#5c5c5c; background-color:#ecebeb;}
#youtube-box:hover, #blogger-box:hover ,  #twitter-box:hover {text-decoration:none; color:#5c5c5c; background-color:#ecebeb;}


/* GAMES PAGE FORMATTING */
#left-column{width:200px; float:left; margin: 20px 0px 10px 0px;  }
#center-column{width:300px; float:left; margin: 27px 30px 10px 20px;}
#right-column{width:400px; float:left; margin: 8px 0px 10px 00px;}

ul#premium-nav{ height:22px; width:200px; list-style-type:none; display:block; text-indent:-99999px; margin:13px 0 9px 0; padding:0; }
ul#premium-nav li {  float:left;}
ul#premium-nav li a{ display:block; text-indent:-9999px; }
#premium a{width:112px; }
#free a{width:88px; }
#premium-nav #premium a{background:url(games/premium_free.png)  0 0 no-repeat;  height:22px;}
#premium-nav #free a{background:url(games/premium_free.png) right top;   height:22px;}
#premium-nav #premium a:hover{background-position:left bottom;}
#premium-nav #free a:hover{background-position:right bottom;}
#premium-nav #premium a:active{background-position:left bottom;}
#premium-nav #free a:active{background-position:right bottom;}
body#iphone-page ul#premium-nav #premium a, body#ipad-page ul#premium-nav #premium a{background-position:left bottom;}
body#iphone-page-free #premium-nav #free a, body#ipad-page-free #premium-nav #free a{background-position:right bottom;}

#games-list{    }
.game  { width:194px; position:relative; display:block; float:left;  border-top:1px dashed #ccc;  cursor:pointer; z-index:1; color:#4c4c4c; padding:3px ;}
.game:hover {background-color:#b3c8e7; color:#fff;}
.game  img{ margin:0px 10px 0 0;}
.game a{display:block; height:3em; }
.game a span{float:left;  margin-left:0px; color:#757575; }
#games-list .game:hover span {background-color:#b3c8e7; color:#fff;}
.new {background:url(images/games-new.jpg) no-repeat; width:42px; height:14px; position:absolute; left:0; top:3px;}
.woip{background:url(images/woip.png) no-repeat; width:120px; height:15px; float:left;}
.game.new:hover {background-color:#b3c8e7; color:#fff;}

.game-header { padding:0px; display:inline-table; width:100%;}
#center-column img.alignleft{clear:both;}
.game-header h1{color:#6C6C6C;  font-size:22px; line-height:1.2em; letter-spacing:-1px;  padding: 4px 10px 6px 10px; margin:0 0 14px; border-bottom: 4px #6C6C6C solid;}
.game-header h2{color:#444444; font-size:18px; line-height:1em; margin:0; padding:0; font-weight:normal; }

.appStore-Link {background:url(games/app-store-m.jpg) no-repeat; width:100px; height:33px; display:block; float:left; text-indent:-99999px; margin:5px 0 0 10px; }
#game-blurb{clear:left;  margin:14px 0px 0 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:13px; }
#game-blurb h3{margin-bottom:4px;}

#game-blurb ul{list-style-type:none; margin:2px 0 8px 0px; padding-left:2em; padding-right:20px;}
#game-blurb ul li{text-indent:-1em;}
.indent { display:block; margin-left:1em; margin-top:2px;}
.quote span{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; font-size:12px; line-height:16px; color:#8c8c8c; margin:0.5em 1em 0px 1em; display:block;}
.quote {margin:1.5em 0}
span.subtext{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:13px; font-weight:bold; font-style:normal; color:#565656; text-align:right;}
ul#screenshots{background:url(images/screenshots.jpg) no-repeat;  padding:11px 0 0 0; width:323px; margin:0 0 0 38px;}
ul#screenshots li{border-bottom:1px solid #a0a0a0; list-style-type:none;}
ul#screenshots .screenshots img{ border:1px solid #333;}
.screenshots{ padding-top:4px;}

#reviews{  width:321px; border-top:1px dotted #a0a0a0;  margin:18px 0 0 38px;}
.review { padding:14px 12px 0px 0px; width:309px; color:#4c4c4c; border-bottom:1px dotted #a0a0a0; }
.review h1{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; line-height:16px; color:#8c8c8c; padding-bottom:4px; padding-left:80px; }
.review p{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; line-height:16px; color:#4c4c4c; padding-bottom:4px; padding-left:80px; }
.review img{padding:10px; }
.review h2{font-size:10px; text-transform:uppercase; font-weight:bold; text-align:right; }
.review a {font-weight:normal;}
a:hover .review  { color:#ffffff; background-color:#7ea6e8;}
.silver-award{background:url(games/silveraward.png) no-repeat 10px 10px; }
.bronze-award{background:url(games/bronzeaward.png) no-repeat 10px 10px; }
.oreilly{background:url(games/oreilly.png) no-repeat 10px 10px; height:130px;}
.iphone-portrait{background:url(games/iphone-tall.jpg) no-repeat; width:289px; height:390px; margin-top: 40px; padding:80px 0 0 111px;}
.iphone-landscape{background:url(games/iphone.jpg) no-repeat; width:400px; margin-top: 36px; height:280px; text-align:center; padding:37px 0 0 0px;}
.ipad-portrait{ width:296px; height:389px; padding:0px 0 0 0px; margin:40px auto;}
.ipad-portrait img{border: #B7B7B7 solid 8px;}
.ipad-landscape{ width:380px; height:290px; padding:0px 0 0 0px; margin:40px auto;}
.ipad-landscape img{border: #B7B7B7 solid 8px;}
p.awards{text-align:right; margin-top:6px;}

/* STUDIO FORMATTING */
#studio-gallery{width:480px; float:left; margin-left:46px; margin-top:20px; padding:0; display:inline;}
#studio-gallery a img {padding:4px;}
#studio-gallery a:hover img {background-color:#cad1e2;}
#studio-gallery .logobar{ float:right; width:480px;}
#studio-blurb{ padding-top:60px; width:300px; float:left;}
#studio-social{float:left; width:300px; margin-top:-9px;}
/*	CONTACT PAGE FORMATTING */
.contact-window{background:url(images/contact.jpg) no-repeat 0 0; height:300px; margin-top:69px;}
dl.contact-info{margin-left:350px; }
dt {clear:both;}
.contact-info dt{float:left;  width:50px; display:block; text-align:right; margin-right:20px;}
.contact-info dd{float:left; width:400px;  margin: 0 0 10px 0px;}
.googlepin{background:url(images/googlepin.jpg) no-repeat top right; width:39px; height:41px; text-indent:-99999px;}
dd.serif{margin-left:-20px;}

/* GAMES PAGE FORMATTING */
body#games-page #content {padding:25px 0;}
.outer-games-box{ width:502px; height:505px;  margin:0 0 30px 229px;  }

.column-iphone{width:236px; height:252px; float:left; border-right:1px dotted; border-bottom:1px dotted; color: #aca3b4;}
.column-ipad{
	width:236px;
	height:252px;
	float:left;
	border-bottom:1px dotted;
	color: #aca3b4;
}
.column-psp{width:236px; height:252px; float:left; border-right:1px dotted; color: #aca3b4;}
.column-casual{width:236px; height:252px; float:left;color: #aca3b4; }
.column-iphone a{display:block; float:left; width:216px; height:232px; padding:2px;  background:url(images/games-iphone.jpg) no-repeat 2px 2px; margin:8px;  }

.column-psp a{display:block; float:left; width:216px; height:232px; padding:2px; background:url(images/games-psp.jpg) no-repeat 2px 2px;  margin:8px;}

.column-casual a{display:block; float:left; width:216px; height:232px; padding:2px; background:url(images/games-casual.jpg) no-repeat 2px 2px;  margin:8px; }

.column-ipad a{display:block; float:left; width:216px; height:232px; padding:2px; background:url(images/games-ipad.jpg) no-repeat 2px 2px; margin:8px; }

.column-iphone a:hover, .column-psp a:hover, .column-casual a:hover, .column-ipad a:hover{padding:0px;  height:232px; border:2px solid #ea1d25; background-position:0 0 ; }