/* @override 
	http://sudoku.local/css/main.css
	http://sudoku.labs/css/main.css
*/

* {
	margin:0;
	padding:0;
}

ul{
}
body{
		background: url(images/background.png) no-repeat top center #fff;

	color: #1e002f;
	font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
	}


/* @group SideBar */

#sidebar {
	float: right;
	width: 200px;
	
	
}
#aspace{
	padding:10px;
}

/* @group Daily Puzzle */


#sidebar #dailyPuzzle{
	width:200px;
	background-image:url(images/dp-mid.png);
}

#sidebar #dailyPuzzle div.dp-header {
	background-image:url(images/dp-top.png);

}
#sidebar #dailyPuzzle div.dp-header h4{
	padding: 5px 7px 0;
	color: #28003d;
	font: bold 23px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	letter-spacing: -1px;
}



#sidebar #dailyPuzzle div.puz div span.hidden{
	display:none;
}

#sidebar #dailyPuzzle div.shown div span.hidden{
	display:block;
	background-color: #fff9a4;
	color: #784521;
}

#sidebar #dailyPuzzle div.dp-header p.details{
	padding: 0 7px 3px;
	text-align: center;
}
#sidebar #dailyPuzzle div.dp-header p.details strong{
	color: #410861;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
}
#sidebar #dailyPuzzle div.dp-header p.details em{
	color: #717171;
	font-size: 12px;
}

#sidebar #dailyPuzzle div.puz-controls{
	margin: 0 auto;
	padding: 0;
	height: 19px;
	background: url(images/dp-bot.png) 0 bottom;
}
#sidebar #dailyPuzzle div.puz-controls a{
	text-transform: uppercase;
	color: #717171;
	text-decoration: none;
	display: block;
	padding: 2px 10px 0;
	font: bold 9px Verdana, Helvetica, Arial, sans-serif;
}
#sidebar #dailyPuzzle div.puz-controls a:hover{
	color: #4d2574;
}
#sidebar #dailyPuzzle div.puz-controls a.pc-view{
	float: left;
}
#sidebar #dailyPuzzle div.puz-controls a.pc-view:hover{
	
}
#sidebar #dailyPuzzle div.puz-controls a.pc-play{
	
}
#sidebar #dailyPuzzle div.puz-controls a.pc-play:hover{
	
}
#sidebar #dailyPuzzle div.puz-controls a.pc-answer{
	float: right;
}
#sidebar #dailyPuzzle div.puz-controls a.pc-answer:hover{
	
}

#sidebar #dailyPuzzle div.puz{
	position: relative;
	width: 180px;
	height: 180px;
	border: 1px solid #333;
	margin: 0 auto;
	background-color: #fff;
}


#sidebar #dailyPuzzle div.puz div{
	
	width: 20px;
	height: 20px;
	float: left;
	text-align: center;
	color: #1a0027;
	font: bold 14px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

#sidebar #dailyPuzzle div.puz div.overlay{
	position: absolute;
	width: 180px;
	height: 180px;
	top: 0; left:0;
	background: transparent url(images/puzzleBack180.gif);
}

/* @end */



 div.puz2{
	background-color: #f0ff00;
	position: relative;
	width: 108px;
	height: 108px;
		background-image: url(images/puzzleBack108.gif);
			margin: 0 auto;
				border: 1px solid #666;



}
 div.puz2 div{
	
	width: 12px;
	height: 12px;
	float: left;
	text-align: center;
	color: #1a0027;
	font: 9px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	
}





/* @end */

a {
	color: #85559d;
}
	
a:hover{
	
	}
	
p{
}
	
h1{
	
	}
	
h2{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
}
	
#header{
	background: url(images/header.png) no-repeat;
	height:130px;
	width:770px;
	margin:0 auto;

	}
	
#puzzle{
	text-align:center;
	margin:0 auto;
	}
	
	
#puzzle table{
	border-collapse:collapse;
	border:solid 5px #666;
	margin:0 auto;
}

#puzzle table td{
	height:50px;
	width:50px;
	text-align:center;
	border:solid 2px #ddd;
	font-size:22px;
	font-weight:bold;
	color:#000;
	
}	
	
	

#puzzle table td.hidden{
	color:#eee;
}	
#content{
	width:770px;
	padding:0 0px;
	margin:0 auto;
	clear: both;
}

#maincontent {
	width: 550px;
}



#maincontent p {
	line-height: 180%;
	padding:2px 5px 2px 5px;
	font-size: 14px;
}

	
	
	
	
#solution{
	
	}
	
#footer{
	clear:both;
	padding:10px 10px;
	margin:20px auto 0 auto;
	text-align:center;
	border-top: 2px solid #3b0063;
	}

/* @group Navigation */



#navigation{
	padding: 78px 0 0;
	margin:0 auto;
	height: 20px;
	text-align:right;
}
#navigation ul{
	float: right;
	padding: 0;
	text-align: right;
}

	
#navigation ul li{
	display: inline;
}
	
#navigation ul li a{
	font: bold 12px Verdana, Helvetica, Arial, sans-serif;
	color: #cdb7d2;
	text-decoration: none;
	padding-right: 6px;
	padding-left: 6px;
}
	
#navigation ul li a:hover{
	color: #fff;
}

/* @end */
	










#puzzle{
	margin: 0;
	width: 550px;
	padding-top: 10px;
}

#puzzle h4{
	text-align: center;
	text-transform: uppercase;
	font: bold 19px Arial, Helvetica, Geneva, sans-serif;
}


#puzzle div.puz { 
	width: 360px;
	height: 360px;
	position: relative;
	border: 2px solid #000;

}

#puzzle div.puz #showlayer div{ 
	width: 40px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
	color: #3b0063;
	font: bold 26px/39px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}

#showlayer.normal span.hidden{
	display: none;
}

#showlayer.reveal span.hiddegn{
	display: block;
	color: #535fff;
	background-color: #eee;
	width: 42px;
	height: 42px;
	margin: 4px;
	line-height: 36px;
}

#showlayer.reveal span.hidden{
	display: block;
	color: #fff7f1;
	background-color: #ff5f17;
	width: 40px;
	height: 40px;
}

#puzzleControls {
	float: right;
	width: 178px;
	text-align: left;
}
#puzzleControls a{
	display: block;
	padding: 8px;
	margin: 2px;
	text-align: center;
	width: 120px;
	background-color: #e0e0e0;
	color: #595959;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 11px Verdana, Helvetica, Arial, sans-serif;
}
#puzzleControls a:hover{
	background-color: #560082;
	color: #fbf1ff;
}

#puzzleControls #showButton{}
#puzzleControls #playButton{}




#cover{
	width: 360px;
	height: 360px;
	background-image: url(images/primaryGrid.gif);
	position: absolute;
	top: 0;
	left: 0;
}











/* @group PAGES */







/* @group Home Page */




#puzzle_select_buttons
{
	width: 536px;
	height:  60px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#puzzle_select_buttons a
{
	display: block;
	width: 130px;
	height: 60px;
	float:left;
	padding-right: 2px;
	padding-left: 2px;
}



#puzzle_select_buttons a span
{
	display:none
}


#puzzle_select_buttons a#easy_puzzle_button	{ 				background:url(images/easy_button.png) no-repeat 0 0;				}
#puzzle_select_buttons a#average_puzzle_button { 			background:url(images/average_button.png) no-repeat 0 0;				}
#puzzle_select_buttons a#challenging_puzzle_button{ 		background:url(images/difficult_button.png) no-repeat 0 0;				}
#puzzle_select_buttons a#random_difficulty_puzzle_button{ 	background:url(images/random_button.png) no-repeat 0 0;					}




#puzzle_select_buttons a:hover
{
	background-position:0 -60px !important;
}












/* @end */




/* @group How to */

#instructions{}
#instructions h3{
	font-size: 15px;
	text-transform: uppercase;
	color: #692d86;
	padding: 5px 0 2px;
}
#instructions p{
	font-size: 12px;
	line-height: 160%;
	padding: 5px;
}
#instructions ul{
	padding-left: 20px;
}
#instructions ul li{
	margin-left: 10px;
	list-style-type: square;
	padding: 3px;
}
#instructions{}

/* @end */




/* @group Solution  */

#find_solution_form{
	margin: 20px auto;
	width: 400px;
	padding:5px;
	border: 3px solid #bca1ca;
	background-color: #e2d7e8;
}
#find_solution_form fieldset{
	border: 0;
	padding: 10px;}
#find_solution_form fieldset legend{
	font-size: 14px;
	font-weight: bold;
}
#find_solution_form input[type='text']{}
#find_solution_form input[type='submit']{}


/* @end */






/* @end */

div.getFlash {
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	margin:10px 25px;
}

div.getFlash p{
	font-size: 11px !important;
	color: #3e3e3e;
	margin: 0 !important;
	padding: 0 !important;
}
.getFlash .flashBadge{
	float: right;
	border: 0;
	padding-top: 4px;
		padding-right: 4px;

}