/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-universal-droplist.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {width:270px; background:#000; height:100%; overflow:auto; position:fixed; right:-270px; z-index:500;
-webkit-transition:0.5s;
transition:0.5s;
}
.menu ul li a {display:block; font:bold 14px/30px arial, sans-serif; color:#ddd; text-decoration:none; border-bottom:1px solid #666; text-align:left;}
.menu ul li a:hover {color:#fff; text-decoration:underline;}
.menu ul li label {display:block; font:bold 14px/30px arial, sans-serif; color:#ddd; cursor:pointer; background:#333; border-bottom:1px solid #666; text-transform:uppercase; text-align:left;
-webkit-transition:0.5s;
transition:0.5s;
}
.menu ul li label:after {content:""; display:block; width:6px; height:6px; border:3px solid #888; border-color:transparent transparent #888 #888; float:right; margin-top:9px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:0.5s;
transition:0.5s;
}
.menu ul li label:hover {color:#fff; background:#444;}

.menu input {position:absolute; left:-9999px; display:none;}

.menu ul > li > a {padding:0 10px;}
.menu ul ul > li > a {padding:0 10px 0 20px;}
.menu ul ul ul > li > a {padding:0 10px 0 30px;}
.menu ul ul ul ul > li > a {padding:0 10px 0 40px;}

.menu ul > li > label {padding:0 10px;}
.menu ul ul > li > label {padding:0 10px 0 20px;}
.menu ul ul ul > li > label {padding:0 10px 0 30px;}
.menu ul ul ul ul > li > label {padding:0 10px 0 40px;}

.menu ul {padding:0; margin:0; list-style:none;}
.menu ul ul {position:relative; max-height:0; overflow:hidden;
-webkit-transition:0.4s;
transition:0.4s;
}
.menu ul input:checked ~ ul {max-height:750px; /* make this heigher than the highest sub menu */
transition:1s;
-webkit-transition:1s;
}

.menu ul input:checked + label {background:#555; padding-left:20px;}
.menu ul ul input:checked + label {background:#666; padding-left:30px;}
.menu ul ul ul input:checked + label {background:#777; padding-left:40px;}

.menu ul input:checked + label:after {border-color:transparent transparent #eee #eee;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.menu ul:after {content:""; display:block; width:1px; height:100%; background:#666; position:absolute; top:0; left:0;}
.menu ul ul:after {width:10px; background:#555; box-shadow:5px 0 5px -2px rgba(0,0,0,0.4);} 
.menu ul ul ul:after {width:20px; background:#666;}
.menu ul ul ul ul:after {width:30px; background:#777;}

#menuopenclose {position:absolute; left:-9999px; display:none;}
.menuopenclose span {position:absolute; left:-9999px;}
.menuopenclose {display:block; width:30px; height:15px; border:5px solid #000; border-width:5px 0; position:fixed; right:10px; top:20px; cursor:pointer; z-index:500;
-webkit-transition:0.5s;
transition:0.5s;
}
.menuopenclose:before,
.menuopenclose:after {content:""; display:block; width:30px; height:5px; background:#000; position:absolute; left:0; top:5px;} 

#menuopenclose:checked ~ .menu {right:0;}
#menuopenclose:checked ~ .menuopenclose {right:280px; border-color:transparent; background:#c00; border-radius:30px;}

#menuopenclose:checked ~ .menuopenclose:before {background:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#menuopenclose:checked ~ .menuopenclose:after {background:#fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* from Jesse */
	#topmenu, #openings, #subnav{display:none}
	#banner img{margin-right:1em;margin-top:0em}
	#author{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 15px;
		color: #A82B2B;
		font-weight: normal;
		padding-top: 1em;
		margin-bottom:1em;
	}
	#title{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 29px;
		color: #000;
		padding-top: 5px;
		padding-bottom: 1px;
	}


	.downloadgames{width:200px;}
	#subtitle {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 18px;
		color: #2E305F;
		font-weight: bold;
	}

	li a{line-height:2em;}
	#menu {display:none}
	#menu a {
		/* subscribe, upgrade, gold plus*/
		line-height:2em;
		display:block;
		display:none;
	}
	#menu a #logo{display:visible;display:inline !important}
	#content a{padding:1em;line-height:2em;display:inline}

	/* chessboard*/
	.pgbb td img {height:29px;}

.pgbb{
	background-image:url(/images/boardshadow.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:300px;
	height:238px !important;
	padding-left:2px;
}


	.oldpgbb{border-style:ridge;border-color:#87CEFA;border-width:3px;}

#mlogo{top:-10px;position:relative;}