/* CSS Document */

.number {
	background:	url(images/styles/wood/tile.png) no-repeat;
	width:32px;
	height:32px;
	border:none;
	font-size:22px;
	text-align:center;
	color:#5B0800;
	margin:0px;
	padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.joker_number, .joker_empty {
	background:	url(images/styles/wood/joker.png) no-repeat;
	width:32px;
	height:32px;
	border:none;
	font-size:22px;
	text-align:center;
	color:#5B0800;
	margin:0px;
	padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.number_selected {
	float:left;
	width:28px;
	height:28px;
	border:none;
	font-size:22px;
	text-align:center;
	color:#5B0800;
	margin:0px;
	padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background:	url(images/styles/wood/number_selected.png) no-repeat;
}

.number_selectable {
	float:left;
	width:28px;
	height:28px;
	border:none;
	font-size:22px;
	color:#5B0800;
	text-align:center;
	vertical-align:middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background:	url(images/styles/wood/number_selectable.png) no-repeat;
}

.wrong {
	background:	url(images/styles/wood/wrong.png) no-repeat;
	width:32px;
	height:32px;
	border:none;
	font-size:22px;
	text-align:center;
	color:#5B0800;
}


.place {
	width:32px;
	height:32px;
	border:none;
	margin:0px;
	padding:0px;
	font-size:22px;
	text-align:center;
}

.empty_place {
	width:33px;
	height:33px;
	border:none;
	margin:0px;
	padding:0px;
}

.sum_place {
	background:	url(images/sum.png) no-repeat;
	width:33px;
	height:33px;
	border:none;
	margin:0px;
	padding:0px;
	color:#333333;
}

.duck_place {
	background:	url(images/empty.png) no-repeat;
	width:33px;
	height:33px;
	border:none;
}

.empty_place {
	width:33px;
	height:33px;
	border:none;
}

.sum_top {
	width:33px;
	height:15px;
	font-size:9px;
	text-align:left;
	color: #50210d;
	font-weight:bolder;
	padding: 5px 0px 0px 24px;
}

.sum_bottom {
	width:33px;
	height:15px;
	font-size:9px;
	text-align:left;
	color: #50210d;
	font-weight:bolder;
	padding: 0 0 0 5px;
}


#bottom_left ul{
	list-style-type: none;
	padding:3px 0px 0px 15px;
	margin:0px;
}

#bottom_left ul li{
	padding:0px;
	margin:0px;
	width:26px;
	float: left;
	vertical-align:middle;
}

#bottom_left ul li a{
	padding:0px;
	margin:0px;
}

#clock{
	font-size:12px;
	margin: 5px auto;
	padding: 4px 0px 0px 0px;
	color:#444444;
	text-decoration:none;
	font-weight:bolder;
	width:59px;
	height:23px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background:	url(images/styles/wood/background_clock.png) no-repeat;
}

#congratulations {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color:#5B0800;
	background:	url(images/styles/wood/background_congrat.png) no-repeat;
	width:288px;
	height:288px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#congratulations h1{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	text-align:center;
	font-size:12px
}


#congratulations p{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:center;
	font-size:11px
}


#debug {
	color:#333333;
}

/* game stae */

#kakuro {
	margin:0px;
	padding:0px;
	float:left;
	width:420px;
	height:420px;
}

#top_left {
	padding:0;
	margin:0px;
	float:left;
	width:95px;
	height:95px;
	background:	url(images/styles/wood/background_top_left.png) repeat-y;
}

#top {
	margin:0px;
	padding:0px;
	float:left;
	width:297px;
	height:95px;
	background:	url(images/styles/wood/background_top.png) repeat-x;
}

#top_right {
	margin:0px;
	padding:0px;
	float:left;
	width:28px;
	height:95px;
	background:	url(images/styles/wood/background_top_right.png) no-repeat;
}

#left {
	margin:0px;
	padding:0px;
	float:left;
	width:95px;
	height:297px;
	background:	url(images/styles/wood/background_left.png) repeat-y;
}

#stage_container {
	padding: 0px;
	margin:0px;
	float:left;
	width:297px;
	height:297px;
	background:	url(images/styles/wood/background_stage.png) no-repeat;
	border:none;
}

#right {
	margin:0px;
	padding:0px;
	float:left;
	width:28px;
	height:297px;
	background:	url(images/styles/wood/background_right.png) no-repeat;
}

#bottom_left {
	margin:0px;
	padding:0px;
	float:left;
	width:95px;
	height:43px;
	background:	url(images/styles/wood/background_bottom_left.png) no-repeat;
}

#bottom {
	margin:0px;
	padding:0px;
	float:left;
	width:297px;
	height:43px;
	background:	url(images/styles/wood/background_bottom.png) no-repeat;
	border:none;
}

#bottom_right {
	margin:0px;
	padding:0px;
	float:left;
	width:28px;
	height:43px;
	background:	url(images/styles/wood/background_bottom_right.png) no-repeat;
}

#hs_container{
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 15px;
	float:left;
	width:95px;
	height:32px;
	background:	url(images/styles/wood/hs_1.png) no-repeat;
}

#hs{
	margin:0px 4px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	font-size:10px;
	font-weight:bolder;
	width:10px;
	height:32px;
	text-align:center;
	color:#5B0800;
}

#vs_container{
	margin:0px 0px 0px 0px;
	padding:13px 0px 0px 0px;
	float:left;
	height:95px;
	width:32px;
	background:	url(images/styles/wood/vs_1.png) no-repeat;
}

#vs{
	margin:3px 4px 0px 0px;
	padding:0px;
	float:inherit;
	font-size:10px;
	font-weight:bolder;
	height:10px;
	width:32px;
	text-align:center;
	color:#5B0800;
}

#numbers_container {
	float:left;
	width:84px;
	height:84px;
	padding: 0;
	margin: 10px 0 0 10px;
	border:none;
}

/*
#stage_container {
	margin:30px 0 0 30px;
	float:left;
	width:360px;
	height:360px;
	border:none;
}


*/