/* ----------------------------------
Chess for Students Puzzle Stylesheet
http://www.chessforstudents.com/
Author: http://www.breakawaywd.com/
August, 2007
-------------------------------------*/
#content #contest {height: 1100px !important;}
#container {text-align: left;}
#container span {font-weight: bold;}
#contest h2 {font-size: 1.5em; line-height: 1.2; font-weight: normal;}
#instructions {float: left; width: 320px;}
#instructions h3 {text-align: left; font-size: 1.5em; line-height: 1.2; color: #111 !important; margin: .5em 0 .5em 10px;}
#instructions h4 {font-size: 1.2em; color: #333; line-height: 1.5; margin: 0 0 0 10px;}
#instructions h4#notation {font-size: 1.2em; color: #111 !important; margin: 0 0 10px 10px !important;}
#instructions h4#announcement {color: #C00;}
#instructions ul {margin: 10px 0 0 50px; list-style: disc;}
#instructions ul li {margin: 0 0 .5em; padding: 0 0 0 10px; font-size: 1.2em; line-height: 1.5;}
#instructions ul li a:link, #instructions ul li a:visited {text-decoration: none;}
#instructions ul li a:hover, #instructions ul li a:active {text-decoration: underline;}
table#chesspuzzle {margin: 10px; float: left;}
table#chesspuzzle tr td {height: 50px; width: 50px; background: #070; text-align: center; vertical-align: middle; border: 1px solid #777;}
table#chesspuzzle tr td.even {height: 50px; width: 50px; background: #DDD;}
table#chesspuzzle tr td div {display: block; height: 48px; width: 48px;}
table#chesspuzzle tr#letters td, td.notation {background: #FFF !important; text-align: center; color: #111;}
table#chesspuzzle tr td.notation {border-width: 0 1px 0 0;}
table#chesspuzzle tr#letters td {border-width: 1px 0 0 0;}
table#chesspuzzle tr#letters td.blank {border: none !important;}
#contest_form {display: none; padding: 0 0 10px 0;}
#contest_form dl dt, #contest_form dl dd {font-size: 1em; line-height: 1.25; color: #222; margin: 0 0 1.25em 0; padding: 0 10px;}
#contest_form dl dt {float: left; width: 80px;}
#contest_form dl dd {}
#contest_form form {margin: 16px 0;}
#contest_form p {font-size: 1em; color: #222; padding: 0 10px;}
#contest_form em {font-style: normal; text-decoration: underline;}
#contest_form span.caps {text-transform: uppercase;}
#puzzles {width: 665px; margin: 0 auto; text-align: center;}
div.puzzle {margin: 10px 0; padding: 10px; float: left; width: 200px;}
div.puzzle img {display: block; width: 200px; margin: 0 auto;}
div.puzzle a {display: block; font: 1.2em Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #0000FF; text-decoration: underline; margin: 10px 0;}
div.puzzle a.to_move {font-size: 1em;}

div.empty {background-image: none; cursor: default;}

/*-------------------
	White Pieces
---------------------*/
div.wbishop {background: url('pieces/wbishop_b.gif') center center no-repeat; cursor: pointer;}
div.wpawn {background: url('pieces/wpawn_b.gif') center center no-repeat; cursor: pointer;}
div.wrook {background: url('pieces/wrook_b.gif') center center no-repeat; cursor: pointer;}
div.wknight {background: url('pieces/wknight_b.gif') center center no-repeat; cursor: pointer;}
div.wqueen {background: url('pieces/wqueen_b.gif') center center no-repeat; cursor: pointer;}
div.wking {background: url('pieces/wking_b.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wbishop {background: url('pieces/wbishop_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wpawn {background: url('pieces/wpawn_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wrook {background: url('pieces/wrook_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wknight {background: url('pieces/wknight_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wqueen {background: url('pieces/wqueen_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.wking {background: url('pieces/wking_w.gif') center center no-repeat; cursor: pointer;}


/*-------------------
	Black Pieces
---------------------*/
div.bbishop {background: url('pieces/bbishop_b.gif') center center no-repeat; cursor: pointer;}
div.bpawn {background: url('pieces/bpawn_b.gif') center center no-repeat; cursor: pointer;}
div.brook {background: url('pieces/brook_b.gif') center center no-repeat; cursor: pointer;}
div.bknight {background: url('pieces/bknight_b.gif') center center no-repeat; cursor: pointer;}
div.bqueen {background: url('pieces/bqueen_b.gif') center center no-repeat; cursor: pointer;}
div.bking {background: url('pieces/bking_b.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.bbishop {background: url('pieces/bbishop_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.bpawn {background: url('pieces/bpawn_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.brook {background: url('pieces/brook_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.bknight {background: url('pieces/bknight_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.bqueen {background: url('pieces/bqueen_w.gif') center center no-repeat; cursor: pointer;}
table#chesspuzzle tr td.even div.bking {background: url('pieces/bking_w.gif') center center no-repeat; cursor: pointer;}

div.midwidth {width: 500px; margin: 0 auto; text-align: left; clear: left;}
.midwidth ul {margin-top: 2em;}
.midwidth h4 {color: #000 !important;}
dl.winners_list {clear: left; text-align: left; margin: 10px 0;}
.winners_list dt {margin-top: 1em; font-weight: bold;}
.winners_list dd.name {margin: 0 0 10px 0;}