/* Theme Name: ChessPuzzles.com Theme URI: http://chesspuzzles.com Description: A custom theme designed by Breakaway Web Design. Version: 1.0 Author: Andy Vaughn Author URI: http://breakawaywd.com/ */ @import url("reset.css"); body {background: #FFF; text-align: center; font: 62.5% Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif;} #wrapper {background: #fff; width: 960px; margin: 0 auto 30px; text-align: left;} /*------------ Head ------------*/ .adbanner {width: 728px; height: 90px; margin: 15px auto;} #masthead {width: 958px; height: 238px; border: 1px solid #CCC; position: relative; background: url(images/masthead.jpg) top left no-repeat; margin: 0 0 10px;} #masthead h1 {width: 332px; height: 36px; background: url(images/title.jpg) top left no-repeat; display: block; text-indent: -9999px; overflow: hidden; outline: none; position: absolute; left: 67px; top: 35px;} #masthead h3 {background: url(images/learnchess.gif) top left no-repeat; display: block; text-indent: -9999px; overflow: hidden; outline: none; position: absolute; top: 71px; left: 67px; width: 332px; height: 68px;} /*----------- Nav ------------*/ ul#nav {list-style: none; width: 958px; background: #f5f5f5 url(images/nav_bg.gif) bottom left repeat-x; float: left; border: 1px solid #CCC; border-width: 1px 1px 0; margin: 0 0 10px 0;} ul#nav li {font: bold 1.5em Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; text-transform: lowercase; float: left; text-align: center;} ul#nav li a, ul#nav li a:visited {padding: 0 20px; display: block; color: #666; line-height: 40px; text-decoration: none; border: 1px solid #CCC; border-width: 0 1px 0 0; border-color: #CCC;} ul#nav li a:hover {color: #cc6600;} ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover {color: #cc6600; background: #FFF url(images/nav_current_bg.gif) top left repeat-x; border-width: 0 1px; border-color: #999;} /*----------- Content ------------*/ #content {width: 790px; margin: 0 10px 10px 0; float: left; } #content p {font: 1.3em/1.384 Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #333; margin: 0 0 1.384em;} #content a, #content a:link, #content a:visited, #content a:hover, #content a:active {color: #03C; text-decoration: underline;} #content cite {font-weight: bold; display: block; width: 100%; padding: .384em 0 1em; border-bottom: 1px solid #CCC;} #content #chesspuzzles {border: 1px solid #CCC; background: #f5f5f5 url(images/content_div_bg.gif) top left repeat-x; margin: 0 0 10px 0; float: left; width: 780px; padding: 20px 4px 20px;} #content #chesspuzzles .puzzle {float: left; width: 260px; text-align: center;} #content #chesspuzzles .puzzle img {display: block; width: 200px; height: 192px; margin: 0 auto 10px;} #content #chesspuzzles .puzzle h4 {margin: 0 0 10px 0; font: 1.8em Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; text-indent: 0;} #content #chesspuzzles .puzzle h4 a {color: #0033CC; text-decoration: underline; font-style: normal;} #content #chesspuzzles .puzzle h5 {margin: 0 0 10px 0; font: 1.3em Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; text-indent: 0;} #content #chesspuzzles p, #content #chesspuzzles h4 {clear: both; text-indent: 30px;} #content .content_box {border: 1px solid #CCC; background: #f5f5f5 url(images/content_div_bg2.gif) bottom left repeat-x; margin: 0 0 10px 0; clear: left; width: 720px; padding: 20px 34px 20px;} #content .content_box h3 {font: bold 1.8em Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #333; margin: 0 0 10px 0;} #content .content_box dl, #content ul {margin: 0 0 18px;} #content .content_box dl dt {font: bold 1.3em/1.384 Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #360; margin: 1.384em 0 0;} #content .content_box dl dd, #content ul li {font: 1.3em/1.384 Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #333; text-indent: 20px;} h4 {font: italic 1.5em/1.2 Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1em 0;} h4 a, h4 a:visited { color: #03C; text-decoration: underline;} #content img.left {float: left; padding: 0 15px;} #content img.right {float: right; padding: 0 15px;} h4.testimonial {display: block; width: 100%; border-bottom: 1px solid #CCC; padding: 0 0 1em;} a.read_more {display: block; width: 100%; padding: 0 0 1em; border-bottom: 1px solid #CCC;} /*----------- Sidebar ------------*/ #sidebar {width: 160px; float: left;} #sidebar .ad {padding: 0 2px 18px;} #sidebar h4 {font: bold 1.3em Arial, sans-serif; margin: 0;} #sidebar h4 a:link, #sidebar h4 a:visited {text-decoration: underline; color: #03C;} #sidebar h4 a:hover, #sidebar h4 a:active {} #sidebar p {font: 1.3em/1.23 Arial, sans-serif; color: #000;} #sidebar h5 {font: 1em Arial, sans-serif;} #sidebar h5 a:link, #sidebar h5 a:visited {color: #008000; text-decoration: none;} #sidebar h5 a:hover, #sidebar h5 a:active {} /*----------- Footer ------------*/ #footer {width: 960px; padding: 20px 0; border-top: 1px solid #ccc; float: left; clear: both; margin: 30px 0 0 0; text-align: center;} #footer ul {width: 41em; margin: 0 auto;} #footer ul li {display: block; float: left; border-right: 1px solid #03C;} #footer ul li a {display: block; padding: 0 10px; font: 1.3em/1.384 Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #03C; text-transform: uppercase; text-decoration: underline; text-align: center;} #footer p {clear: left; font: 1.3em/1.384 Verdana, "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", sans-serif; color: #000; text-align: center;} #footer p a {color: #03C; text-decoration: underline;} /*------------------- Chess Puzzles --------------------*/ 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 {} .winners_list dt {font-weight: bold;} dl.winners_list dd.name {margin: 0 0 1.384em 0;} ul#mate_list {float: right; width: 250px; text-align: left;} ul#mate_list li {margin: 0 0 .6em;} ul#mate_list li a:link, ul#mate_list li a:visited, ul#mate_list li a:hover, ul#mate_list li a:active {font: 1.5em/1.2 Verdana, "Lucida Grande", "Bitstream Vera Sans", sans-serif;} table#chesspuzzle {margin: 0 0 10px; width: 450px;} 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: transparent !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;} #content .content_box h4#notation {font-style: normal !important; color: #333; font-weight: bold;} 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;} /*------------------- Worksheet ---------------------*/ #content .worksheet {height: 400px;} body>#content .worksheet {height: auto !important; min-height: 400px;} ul#worksheet_list {float: right; position: relative; width: 250px; text-align: left; margin: 1.5em 0 0; padding: 1.5em 0 0; list-style: square inside; border: 1px solid #CCC; background: #EEE;} ul#worksheet_list li {margin: 0 0 1.8em; padding: 0 10px;} ul#worksheet_list li a:link, ul#worksheet_list li a:visited, ul#worksheet_list li a:hover, ul#worksheet_list li a:active {font: 1em/1.5 Verdana, "Lucida Grande", "Bitstream Vera Sans", sans-serif;}