/* page layout */


html, body {
background: #e6e6e6 url(../images/gradient_texture.png) repeat 0 0;
}
body {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background-color: transparent;
color: #333;
-webkit-font-smoothing: antialiased;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
margin: 0;
padding: 0;
}


#frame{

   overflow: visible;
}
/* footer should stay at the bottom of the page */
#site{
	min-height:100%;
	position:relative;
}

@media screen and (max-width: 1280px){
	#content{
		padding-bottom:75px !important;
	}
}
@media screen and (max-width: 700px){
	#content{
		padding-bottom:96px !important;
	}
}
@media screen and (max-width: 500px){
	#content{
		padding-bottom:117px !important;
	}
}
@media screen and (max-width: 400px){
	#content{
		padding-bottom:180px !important;
	}
}







.graybar{
	border-top:10px #343434 solid;
}


#header{
border-bottom: 5px solid #fff;

	
}
img#logosmall{
	float:left;
	padding: 5px;
	
}
/* menu */
ul.menu li{
	float:left;
	list-style-type:none;
}
ul.menu li a{
	display:block;
	width:120px;
	height:80px;
	margin-top:14px;
	text-align:center;
	font-size:16px;
	color:#999 !important;
	text-decoration:none;
	font-weight:bold;
	padding-top:54px;
	background: no-repeat center top;
}
ul.menu li.cse a{
	margin:0px;	
	text-align:left;
	padding:0px;
	background: no-repeat center top;
}
ul.menu li a img{
	margin-top:7px;
	height:48px;
	display:none;
}
ul.menu li a:hover{
	color:#0ef;
}
a#logo{
	background-image:url(../images/logo.png);
}
a#menu_wiki{
	background-image:url(../images/wiki.png);
}
a#menu_wiki:hover{
	background-image:url(../images/wiki_hover.png);
}
a#menu_news{
	background-image:url(../images/news.png);
}
a#menu_news:hover{
	background-image:url(../images/news_hover.png);
}
a#menu_features{
	background-image:url(../images/features.png);	
}
a#menu_features:hover{
	background-image:url(../images/features_hover.png);	
}
a#menu_download{
	background-image:url(../images/download.png);
}
a#menu_download:hover{
	background-image:url(../images/download_hover.png);
}

a#menu_documentation{
	background-image:url(../images/documentation.png);
}
a#menu_documentation:hover{
	background-image:url(../images/documentation_hover.png);
}
a#menu_gallery{
	background-image:url(../images/gallery.png);
}
a#menu_gallery:hover{
	background-image:url(../images/gallery_hover.png);
}
a#menu_community{
	background-image:url(../images/community.png);
}
a#menu_community:hover{
	background-image:url(../images/community_hover.png);
}
a#menu_develop{
	background-image:url(../images/community.png);
}
a#menu_develop:hover{
	background-image:url(../images/community_hover.png);
}
/* menu end */

div#slogan{
	color: #fff;
	width:100%;
	position:absolute;
	text-align:center;
	z-index:2;
	background:rgba(54,54,54,0.5);
	font-weight:bold;
	padding:20px;
}
@media screen and (max-width: 650px) {
	div#slogan{
		background:#141415;
		position:static;
	}
}
div#banner{
	background:#000 url(../images/bannerstuff2.jpg) ;
	background-size:100% 100%;
	height: auto;
}
div#button_text{
		
  
	 padding-top:20px;   
	text-align:left;
    font-size:25px;
}
div#bottom{
		width:auto;
    padding:10px;
    border-radius:7px ;  
    border-color: #fff;  
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
		background-color: rgba(255, 255, 255, 0.1);
	
}
div#right{
		width:auto;
    padding:5px;
    border-radius:3px 0px 0px 3px;    
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.5);
}
div#button_image a{
	display:inline-block;
	color:#f50;
	background-color:#222;
	box-shadow: 4px 4px 5px #222222, 1px 1px 1px #ccc inset;

	border-radius:10px;

}
div#button_image a:hover{
	margin: 2px -2px -2px 2px;
	color:#ccc;
	box-shadow: 2px 2px 5px #222;
}
div#button_text a{
	display:inline-block;
	color:#f50;
	font-size:18px;
	font-weight: bold;
	text-decoration:none;
	background-color:#fff;   
	padding:8px 15px;
	box-shadow: 4px 4px 5px #222222, 1px 1px 1px #ccc inset;

	border-radius:5px;

}
div#button_text a:hover{
	margin: 2px -2px -2px 2px;
	color:#ccc;
	box-shadow: 2px 2px 5px #222;
	text-shadow: 0 -1px 0px #666;
}


div#tabletborder{
	background:#999;
	padding:2px;
	border-radius:10px;
	display:inline-block;
    max-width:100%;
}
div#tabletinner{
	background:#000;
	border-radius:8px;
	padding:30px;
}
div#tabletinner img{
	width:100%;
}

/* responsibly center the tablet */
#outer {height: 450px; overflow: hidden; right:0px; position: relative;width:100%;}
#outer[id] {display: table; position: relative;}

#bottom {position: absolute; bottom: 10%;left:10%;width: 100%;} 
#bottom[id] {display: table-cell;  vertical-align: bottom;  position: absolute;}

#right {position: relative; bottom: 20%;right:0px;;width: 100%;} 
#right[id] {display: table-cell;  vertical-align: bottom;  position: absolute;}

#middle {position: absolute; bottom: 20%;width: 100%;} 
#middle[id] {display: table-cell;  vertical-align: bottom;  position: static;}

#inner {position: relative; top: -50%} 


@media screen and (max-width: 650px){
	#outer{
		display:block !important;		
		height:auto;
	}
	#banner{
		height:auto !important;
		padding-top:60px !important;
	}
}



div#highlights{
	background:#000;
	color:#eee;
		font-size: 14px;
		font-weight:lighter;
	
padding:25px 0px 30px;
}
div#highlights h2{
	color:#fff;
			font-size: 18px;
	
  line-height: 28px;
font-weight: bold;	
}

div#highlights ul a{
	color:#fff;
	font-weight: bold;
}
div#highlights summary {
  vertical-align: middle;
}
div#highlights section {
    margin-bottom: 1.5em;
}
div#highlights div div{
	padding:20px;
	padding:0px 20px 20px 50px;
	background-repeat:no-repeat;
	background-position:2px 3px;
	margin-top:15px;
}
div#highlights ul {
    list-style-type: disc;
}

div#highlights ul, ol {
    margin: 0px 1.5em 1.5em 0px;
    padding-left: 1.5em;
}
div#hl_easy{
	background-image:url(../images/hl_easy.png);
}
div#hl_open{
	background-image:url(../images/hl_open.png);
}
div#hl_crossplatform{
	background-image:url(../images/hl_crossplatform.png);
}
div#hl_modular{
	background-image:url(../images/hl_modular.png);
	
}
div#hl_fast{
	background-image:url(../images/hl_fast.png);
}
div#hl_community{
	background-image:url(../images/hl_community.png);
}


.container#showcase{
	padding: 20px;
}
div#topgameshead{
	background:#d9d9d9;
	padding: 10px;
}
div#topgameshead h1{
	color:#fff;
	font-weight:normal;
    margin-left:150px;
    padding:27px 0px;
}

@media (max-width: 430px) {
	div#topgameshead h1{
		margin-left:0px;
	}
	div#topgameshead img{
		display:none;
	}
}

div#topgames{
	padding:30px 0;
}
div#topgames a{
	display:block;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
	border:3px #fff solid;
   padding: 10px;
	margin:15px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	background:  rgba(255, 255, 255, 0.2);
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	
	
}
div#topgames a:hover{
	text-decoration:none;
		background: rgba(0, 0, 0, 0.1);
	
}
div#topgames span{ /*title of the game*/
	display:block;
	font-size:17px;
color: #111;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);	font-weight:bold;
	line-height:1;
	margin-top:5px;
}



#gc-footer div{
    font-size: 12px;
    color: #ccc;
    background: none repeat scroll 0% 0% rgb(51, 51, 51);
        line-height: 44px;
        padding: 5px;
}
#gc-footer #gc-copyright {
    float: right;
    width: 100%;
}

#gc-footer  div ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    
}



/* news feed */

#feed > div{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}




/* general stuff */
div#slogan a,#gc-footer  a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
div#slogan a:HOVER,#gc-footer a:hover{
	color:#fff;
	text-decoration:underline;
}



/* button link */
a.btn{
	color:#555;
	background:#fff;
	display:inline-block;
	padding:14px;
	height:48px;
	font-weight:normal;
	border-radius:3px;
	box-shadow:0px 1px 1px #ccc inset;
	font-size: 20px;
}
a.btn img{
	vertical-align:middle;
}
a.btn:hover{
		color:#fff;
	
	background:#555;
	box-shadow:0px 1px 1px #ccc inset;
	text-decoration:none;
}
p{
	margin:1em 4px;;
}
pre{
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:9px;
	border-radius:5px;
	margin:7px;
}
img{
	max-width:100%;
	vertical-align:middle;
}


/* "responsive" design media queries */
@media (max-width: 1290px) {
	img#logo{
		float:none;
	}
	ul.menu{
		padding-left:0px;
	}
}
@media (max-width: 950px) {
	ul.menu li a{
		background:none !important;
		padding-top:0px;
		height:auto;
		width:auto;
		padding-left:5px;
		padding-right:5px;
	}
	
	.one-of-four{
		width: 50%; 
	}
}

/* show entry */

h1 span.creator{
	font-size:23px;
	color:#666;
	padding:24px 0px 27px 0px;
	display:inline-block;
}



/* gallery end */





.gplus {
  background-image: url(../images/gplus.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}

.cloudsave {
  background-image: url(../images/cloudIconSmall.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}

.leaderboards {
  background-image: url(../images/leaderboardsIcon.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}

.achievements {
  background-image: url(../images/achievementsIcon.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}



.multiplayer {
  background-image: url(../images/multiplayer.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}
.3d {
  background-image: url(../images/3DIcon.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}

.redcyan {
  background-image: url(../images/redcyan.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 65px;}

/* ==== Three platform buttons ==== */

.feature-button-container {
  text-align: center;
  width: 100%;
}

.feature-button-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}

.feature-button {
  width: 98px;
  height: 37px;
  padding-right: 3px;
}

.feature-android-button {
  width: 116px;
  height: 37px;
  padding-right: 3px;

}


/* aaaaaaaaaaaaa*/
#main {
    height:auto;
    min-height: 800px;
}

.ads{
			padding: 10px 100px 10px 100px;
	
}
.ads #main.content{
			padding: 10px 100px 10px 100px;
	
}

.psp #content.box:nth-child(n) {
    border: medium none;
}
.psp #content.box {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/bg_box.png");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 984px 10px;
    margin: 0px;
    padding: 0px;
    width: inherit;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
    min-height: 400px;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgb(229, 229, 229) rgb(219, 219, 219) rgb(210, 210, 210);
}


.psp #sidebar {
    position: relative;
    float: left;
    width: 224px;
    margin-left: 0px;
    margin-right: -3px;
    z-index: 3;
    padding: 15px 10px 10px;
    	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}
.psp #section {
    margin-bottom: 18px;
    position:inherit;
    width: 100%;
    height:auto;
    padding:10px 10px 10px 254px;
}
.psp .nav {
    margin: 0px -10px;
}

.psp .nav li.selected {
    background-color: rgb(76, 161, 255) !important;
    position: relative;
}

.psp .nav li.selected {
    color: rgb(255, 255, 255);
    cursor: default;
}
.psp .nav li {
    display: block;
    position: relative;
    padding: 6px 0px 6px 49px;
    text-decoration: none;
    color: rgb(140, 140, 140);
    transition: color 0.3s ease-in-out 0s;
    background-size: 15px 14px;
    cursor: default;
    
}
.psp .nav img {
    margin: -4px 14px 0px -39px;
    position: absolute;
    height: 25px;
    width: 25px;
}
img {
    border: 0px none;
}

#sidebar {
    width: 228px;
    float: left;
}
.clear {
    clear: both;
}
.psp .padtop15, .psp .padtop5 {
    padding-top: 0px;
}
.padtop5 {
    padding-top: 5px;
}
.psp .padtop15, .psp .padtop5 {
    padding-top: 0px;
}
.padtop15 {
    padding-top: 15px;
}
.loaded #intro {
    transition: opacity 0.3s linear 0s;
    opacity: 1;
}
#intro {
	width:100%;
    margin: 10px auto 0px;
}

#intro_txt {
    padding: 0px 303px 0px 42px;
    width: 70%;
    background: url("../images/logo.png") no-repeat scroll right top transparent;
    height: 256px;
    float: left;
    text-align: center;
    border-bottom: 1px solid rgb(243, 243, 243);
}

#intro_txt h2 {
    font-size: 18px;
    line-height: 1.779;
    font-weight: normal;
    color: rgb(136, 136, 136);
}
.loaded #promos {
    transition: opacity 0.3s linear 0.6s;
    opacity: 1;
}
#promos {
    border-bottom: 1px solid rgb(243, 243, 243);
    margin: 0px auto;
    overflow: hidden;
}
.promoswrapper {
    width: 980px;
    margin: 30px auto;
    background: url("../images/home_bottom_divider.gif") repeat-y scroll center top transparent;
    overflow: hidden;
}
.promobox {
    text-align: center;
    padding: 0px 86px;
    width: 318px;
    float: left;
    display: block;
    text-decoration: none;
    color: rgb(119, 119, 119);
}



/* LAYOUT */

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

img, .search-wrapper .left, .search-wrapper .right, ul.sp-results li.viewall a, ul.sp-results li .replacementimg, 
#globalfooter #breadcrumbs, #globalfooter #breadcrumbs span, #directorynav .capbottom, 
#productheader h1 a, #productheader h2 a, #main .maincap { behavior: url(/global/scripts/lib/iepngfix.htc); }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
#omniture, #top { position: absolute; top: 0; }
#container { width: 980px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; }
#content { padding: 20px; position: relative; color: #333; }
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }

.content { 
	background: #fff; 
	border: 1px solid; 
	border-color: #e5e5e5 #dbdbdb #d2d2d2; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.content:nth-child(1n) { border: none; } /* reset border for smart browsers */

.content,
.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }


.callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; }

.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }

.grabbable { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; }
.grabbing,
.grabbing .grabbable { cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

/* box */
#promobar { clear:both; margin-bottom:15px; width:980px; padding:0; font-size:1em; line-height:1.25em; border-top:1px solid #fff; 
	background-image:-webkit-gradient(linear, 0 0, 0 35, from(#f7f7f7), to(#fff));
	background-image:-moz-linear-gradient(center top, #f7f7f7 0%, #fff 35px);
}
#promobar a { color:#85898c; }
#promobar h4 { margin-bottom:1px; /* Holiday Engraving headline nudge */ margin-left: -4px; width: 180px; }
#promobar p { margin-bottom:0; /* Holiday Engraving headline nudge */ margin-left: -4px; }
#promobar .giftguide h4 { width: 192px; margin-left: -11px; }
#promobar .giftguide p { margin-left: -11px; }
#promobar img { display:block; position:absolute; bottom:0; }
#promobar .column.first { border-left:none; }
#promobar .column { min-height:145px; *height:145px; position:relative; z-index:1; zoom:1; display:inline; width:165px; padding:15px 15px 0; margin:0; border-left:1px solid #f0f0f0; }
#promobar .column:hover {
	background-image:-webkit-gradient(linear, 0 0, 0 70, from(#ebebeb), to(#fff));
	background-image:-moz-linear-gradient(top, #ebebeb, #fff 70px);
}
#promobar h4.red { color: #cc0000;}
#promobar .holiday h4 { color: #cc0400;}
#promobar .holiday p { width: 176px; }
/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: underline; }
a.more, em.more, span.more { white-space: nowrap; padding-right: 10px; background: url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; cursor: pointer; zoom: 1; }
a.morelarge, em.morelarge, span.morelarge { white-space:nowrap; padding-right:12px; background:url(http://images.apple.com/global/elements/arrows/morearrow_big_08c.gif) no-repeat 100% 50%; cursor:pointer; zoom:1; }
a.lesslarge, em.lesslarge, span.lesslarge { white-space:nowrap; padding-left:12px; background:url(http://images.apple.com/global/elements/arrows/lessarrow_big_08c.gif) no-repeat 0 50%; cursor:pointer; zoom:1; }
@media only screen {
	a.more, em.more, span.more { background-image:url(./../elements/arrows/morearrow_08c.svg); }
	a.morelarge, em.morelarge, span.morelarge { background-image:url(./../elements/arrows/morearrow_big_08c.svg); }
	a.lesslarge, em.lesslarge, span.lesslarge { background-image:url(./../elements/arrows/lessarrow_big_08c.svg); }
}
a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(http://images.apple.com/global/elements/icons/external10x10.gif) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: bold; }
em, i, cite { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; line-height:1.5; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
sup, sup a { color:#666; }
sup a:hover { color:#08c; text-decoration:none; }
sub { line-height:1; }
abbr { border: 0; }



.dot-nav { width:100%; margin:0; padding:0; text-align:center; line-height:1px; }
.dot-nav li,
.dot-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; *zoom:1; }
.dot-nav li { position:relative; z-index:1; margin:0; width:13px; height:15px; overflow:hidden; }
.dot-nav li a { position:absolute; z-index:1; width:13px; height:45px; top:0; left:0; cursor:pointer; text-indent:-1000em; background:url(http://images.apple.com/global/elements/buttons/dots_08c.png) no-repeat 0 0; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.dot-nav li a:hover { top:-15px; }
.dot-nav li a.active { cursor:default; top:-30px; }

.dot-nav:nth-child(1n) li { width:10px; height:10px; padding:0; margin:0 2px; }
.dot-nav:nth-child(1n) li a { border-radius:5px; width:10px; height:10px; background:#e0e1e3;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
	   -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
	        box-shadow:inset 0 1px 1px rgba(0, 0, 0, .25);
}
.dot-nav:nth-child(1n) li a:hover { top:0; background:#ccc;}
.dot-nav:nth-child(1n) li a.active { top:0; background:#08c;
	background:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,rgb(126,198,234)),color-stop(24%,rgb(70,179,234)),color-stop(100%,rgb(3,135,201)));
	background:-webkit-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	background:   -moz-linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	background:        linear-gradient(top,rgb(126,198,234)0%,rgb(70,179,234)45%,rgb(3,135,201)100%);
	-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
	   -moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
	        box-shadow:inset 0 1px 0 rgba(0, 0, 0, .25);
}

.last { margin-bottom: 0; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#333; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }

body.specs #main { font-size: 11px; line-height: 16px; }

/* OTHER */



#extra.content {
	width: auto;
	padding: 20px;
}

#extra .column {
    padding: 10px 22px 15px;
        text-align: center;
    
}

#extra .column p {
    margin-bottom: 0px;
}

#extra .column.first {
    width: 49%;
    
}

#extra .column.last {
    width: 49%;
        border-left: 2px #eee solid;
    
}

#extra-warranty {
    padding: 15px 22px 20px;
    width: 936px;
    margin-bottom: 0px;
    background: none;
    background-color: #fff;
}

#extra-asp.content {
    width: 936px;
    height: 121px;
    padding: 15px 22px 20px;
    background: none;
    background-color: #fff;
}

#extra-asp.content.touchable {
    width: 936px;
    height: 121px;
    padding: 15px 22px 20px;
    background: none;
    background-color: #fff;
    margin-bottom: 10px\9;
}


.wikichess{

	width: 100%;
	height:800px;
}
#plugin-title.with-banner h2 {
    font-size: 30px;
    max-width: 682px;
    position: absolute;
    left: 30px;
    bottom: 20px;
    padding: 8px 15px;
    margin-bottom: 4px;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgba(30, 30, 30, 0.9);
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.1);
    border-radius: 8px 8px 8px 8px;
}

/* moremenu */

.moremenu {
  float: none;
  right:25px;
  top:25px;
  bottom:auto;
  position: fixed;
  width: 50px;
  height:28px;
  margin-top:-3px;
  margin-bottom:7px;
  overflow:hidden;
  -webkit-transition: width 0.25s ease;
     -moz-transition: width 0.25s ease;
       -o-transition: width 0.25s ease;
          transition: width 0.25s ease;
}

.moremenu #more-btn {
  width:40px;
  height:28px;
  background:#fff url(../images/icon_more.png) no-repeat;
    border-radius: 3px;
  float:left;
  cursor:pointer;
}

.moremenu:hover #more-btn {
  background-position:0 -28px;
}

.morehover {
  float: none;
  right:31px;
  top:16px;
  bottom:auto;
  position: fixed;
  width:40px;
  height:35px;
  z-index:99;
  overflow:hidden;

  -webkit-opacity:0;
     -moz-opacity:0;
       -o-opacity:0;
          opacity:0;

  -webkit-transform-origin:100% 0%;
     -moz-transform-origin:100% 0%;
       -o-transform-origin:100% 0%;
          transform-origin:100% 0%;

  -webkit-transition-property: -webkit-opacity;
  -webkit-transition-duration: .25s;
  -webkit-transition-timing-function:ease;

  -moz-transition-property: -moz-opacity;
  -moz-transition-duration: .25s;
  -moz-transition-timing-function:ease;

  -o-transition-property: -o-opacity;
  -o-transition-duration: .25s;
  -o-transition-timing-function:ease;

  transition-property: opacity;
  transition-duration: .25s;
  transition-timing-function:ease;
}

.morehover:hover,
.morehover.hover {
  opacity:1;
  height:385px;
  width:268px;
  -webkit-transition-property:height,  -webkit-opacity;
}

.morehover .top {
  width:268px;
  height:39px;
  background:url(../images/more_top.png) no-repeat;
}

.morehover .mid {
  width:228px;
  background:url(../images/more_mid.png) repeat-y;
  padding:10px 20px 0 20px;
  -webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.morehover .mid .header {
  border-bottom:1px solid #ccc;
  font-weight:bold;
}

.morehover .bottom {
  width:268px;
  height:6px;
  background:url(../images/more_bottom.png) no-repeat;
}

.morehover ul {
  margin:10px 10px 20px 0;
}

.morehover ul li {
  list-style:none;
}

.morehover ul li.active a,
.morehover ul li.active a:hover {
  color:#222 !important;
}

.morehover ul li.active img {
  margin-right:4px;
}