/* CSS for the Daily Sudoku site                          */
/* Copyright (c) Daily Sudoku 2006.  All rights reserved. */
/* http://www.dailysudoku.com/                            */
/* Author: Sam Griffiths-Jones                            */
/* Email: sudoku@dailysudoku.co.uk                        */


/* Global settings */

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
  color: black;
}
a:link { 
  color: #00f;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #00f;
  font-weight: bold;
  text-decoration: none;
}
a:hover { 
  color: #00f;
  font-weight: bold;
  text-decoration: underline;
}

.Button120 { width: 120px; }

.floatright { 
  float: right;
  margin: 0 0 10px 10px;
}


/* main page layout is 3 columns */

#rightColumn {
  position: absolute;
  right: 10px;
  top: 7em;
  text-align: right;
  width: 10em;
  z-index: 0;
}

#centerColumn {
  margin-left: 11em;
  margin-right: 11em;
  min-height: 50em;
  padding: 5px;
  _height: 50em;
  z-index: 1;
}

#leftColumn {
  position: absolute;
  left: 10px;
  top: 7em;
  width: 10em;
}

/* unfortunately the right hand div overlaps the puzzle
   if we shrink the window or use big fonts, so resort
   to table use on the front page */

#mainLayout {
  width: 100%;
}

#leftTd {
  vertical-align: top;
  width: 10em;
  padding-top: 10px;
  padding-bottom: 20px;
}

#centerTd {
  vertical-align: top;
  padding: 10px;
}

#rightTd {
  vertical-align: top;
  width: 10em;
  text-align: center;
  padding-top: 10px;
}

#centerRightColumn {
  text-align: center;
  float: right;
}

#centerLeftColumn {
  float: left;
}


/* nav container */

.navcontainer { 
  margin: 0 0 50px 0;
  padding: 0;
  border: 0;
}

.navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 2px solid #006;
}

/* do not give this a width */
.navcontainer li {
  color: #000;
  padding: 0;
  margin: 0;
  background-color: #ddf;
  border: 1px solid #006;
}

.navcontainer a {
  display: block;
  padding: 5px;
  margin: 0;
  border: 0;
}

.navcontainer a:link, .navcontainer a:visited {
  color: #000;
  text-decoration: none;
}

.navcontainer a:hover {
  background-color: #369;
  color: #fff;
}

.navcontainer #disable {
  background-color: #ddf;
  color: #888;
}

/* General things */

.boxed {
  background-color: #ddf;
  border: 2px solid #006;
  padding: 5px;
}

.boxed p {
  margin: 0.2em;
}


/* top of page banner */

#banner { 
  background-color: #006;
}

#banner h1 { 
  color: #fff;
  font-size: 3em;
  display: inline;
  vertical-align: middle;
}

#banner img {
  display: inline;
  vertical-align: middle;
}

#rightLogo {
  width: 4em;
}


/* footer */

#footer {
  background-color: #006;
  color: #fff;
  padding: 6px;
}

#footer a {
  color: #fff;
}


/* book ads */

.bookAdvert {
  text-align: center;
}

.bookAdvert h3 {
  font-size: 1em;
  margin: 0;
}

.bookAdvert h4, .bookAdvert p {
  font-size: 0.7em;
  margin: 0;
}

.bookAdvert img {
  border: 0;
}

.adBottom {
  padding-top: 32em;
}

/* news */

.news {
  background-color: #ddf;
  border: 2px solid #006;
  text-align: left;
}

.news h3 {
  text-align: center;
  display: block;
  background-color: #006;
  color: #fff;
  margin: 0 0 5px 0;
}

.news h4 {
  font-size: 0.7em;
  margin: 0 5px 0 5px;
}

.news p { 
  font-size: 0.7em;
  margin: 0.3em 5px 0.6em 5px;
}

#morenews {
  text-align: right;
}


/* small note in a box */

.noteBoxed {
  background-color: #ddf;
  text-align: center;
  border: 2px solid #006;
  padding: 5px;
}  

.noteBoxed h4, .noteBoxed p {
  font-size: 0.7em;
  margin: 0;
  padding: 0;
}

.notePlain {
  font-size: 0.7em;
}



/* affiliate ads */

.affiliateAdNarrow {
  border: 1px solid #999;
  float: left;
  text-align: center;
  width: 10em;
  margin: 10px 0 10px 0;
}

.affiliateAd {
  border: 1px solid #999;
  margin: 10px 10px 10px 10px;
  text-align: center;
  max-width: 340px;
  _width: 300px;
  float: left;
}

.affiliateAd h3, .affiliateAdNarrow h3 {
  display: block;
  background-color: #999;
  margin: 0;
  font-size: 0.8em;
}

.affiliateAd h4, .affiliateAdNarrow h4 {
  display: block;
  font-weight: bold;
  margin: 0;
  font-size: 0.8em;
  clear: both;
}

.affiliateAd p, .affiliateAdNarrow p {
  margin: 2px;
  font-size: 0.8em;
}

.affiliateAd a, .affiliateAdNarrow a, .affiliateAd a:hover, .affiliateAdNarrow a:hover {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

.affiliateAd img, .affiliateAdNarrow img {
  margin: 2px;
  float: right;
  border: 0;
  width: 80px;
}

.affiliateAdNarrow img {
  width: 4em;
}


/* Books page */

.ebookSale {
  width: 40em;
  background-color: #ddf;
  border: 2px solid #006;
  font-size: 0.8em;
  margin: 10px 0 10px 0;
}

.ebookSale h3 {
  font-size: 1.8em;
  margin: 0;
}

.ebookSale h4, .ebookSale form {
  margin: 0;
}

.ebookSale td {
  padding: 10px;
  vertical-align: middle;
}

#forKids {
  background-color: #fcf;
}

#forSquiggly {
  background-color: #afa;
}

.booksPage {
  font-size: 0.8em;
}

.tdLeft {
  padding-right: 10px;
}

.tdRight {
  padding-left: 10px;
}


/* archive page */

.archiveTable {
  font-size: 0.8em;
}

#rightArchive ul {
  font-size: 0.8em;
}

.archiveTable a {
  text-align: center;
  width: 5em;
  display: block;
}

.archiveInlineTable {
  text-align: center;
  margin: 5px;
  padding: 0;
  font-size: 0.8em;
}

/* do not give this a width */
.archiveInlineTable li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
/*  background-color: #ddf; */
}

.archiveInlineTable a {
  text-align: center;
  width: 6em;
  margin: 1px;
  padding: 0 10px 0 10px;
}

.archiveTable h4 {
  text-align: center;
  margin: 0;
}

#archiveSplit {
  width: 100%;
}

#archiveSplit tr {
  vertical-align: top;
}

#rightArchive {
/*  text-align: right; */
  width: 9em;
  padding-left: 2em;
}

#rightArchive ul {
  padding-left: 1.5em;
}

.newYearListItem {
  margin-bottom: 1em;
}

.date {
  width: 10em;
  text-align: right;
  padding-right: 10px;
}

.classic {
  background-color: #ddf;
  padding: 0 5px 0 5px;
}
.kids {
  background-color: #fbf;
  padding: 0 5px 0 5px;
}
.monster {
  background-color: #aaa;
  padding: 0 5px 0 5px;
}
.xmas {
  background-color: #afa;
  padding: 0 5px 0 5px;
}
.squiggly {
  background-color: #afa;
  padding: 0 5px 0 5px;
}

.puzzleTypes td {
  text-align: center;
  padding: 0 10px 0 10px;
}


/* Transcribe page */
.transcribeText h4 {
  margin-bottom: 0;
}
.transcribeText p {
  margin-top: 0;
}


/* sort out floating things */
.textBlock {
  clear: both;
}



/* help box things */

#helpBox {
  background-color: #ddf;
  border: 2px solid #006;
  margin: 3px;
  padding: 5px;
  font-size: small;
}

#helpBox h3 {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
}

#helpBox ul {
  margin: 0;
  padding-left: 1.5em;
  list-style-type: disc;
}

#helpBox li {
  margin: 0;
  padding: 0;
}

#helpBox .highlight {
  color: #f00;
}

#helpBox a {
  font-weight: normal;
}

#playOnlineButton {
  visibility: hidden;
}


#javascriptTest {
  border: 2px solid #600;
  background-color: #fdd;
  padding: 5px;
}

#javascriptTest h4 {
  padding: 0;
  margin: 0;
}

#javascriptTest p {
  padding: 0;
  margin: 0;
}