#main {max-width: 750px; margin: 0 auto; padding: 0; }
a {color: #000; text-decoration: none; }
a:hover {color: #900; text-decoration: underline; }

h1 {letter-spacing: .4em; font: small-caps 197% georgia, serif; 
    font-weight: normal; text-align: center; }
h1.sub {font: italic 100% georgia, serif; font-weight: normal; font-variant: normal;
        letter-spacing: .53em; }
h1.sub i {font-style: normal; }
h1.sub2 {color: #999; font: 77% verdana; font-weight: normal; letter-spacing: .5em;
         margin-top: .3em; }
h1.sub2 a {color: #999; }

#enter {margin: 15px 40px 20px; padding: 5px 20px; border: solid #CCC; border-width: 1px 0; }
#badLogin {color: #C00; }
#loggedInAs {float: right; width: 16em; font-size: 92%; padding: 2px; 
             margin: -5px -20px 0 0; background: #DDD; text-align: center; color: #999; }
#loggedInAs strong {color: #000; }
#loggedInAs a {color: #900; }
h2.legend {font: bold 100% verdana; padding-bottom: 4px; }
#enter p {display: inline; }
label {font: italic 92% georgia, serif; }
#enter input {margin-right: 10px; clear: right; }
#ccWord {width: 5em; text-transform: uppercase; font-family: georgia, serif; }
#ccClue {width: 20em; }
#ccDate {width: 5.5em; }

#words {float: right; width: 420px; margin-left: 10px; }
#clues {float: left; width: 270px; margin-right: 10px; }
#words, #clues {padding: 10px; background: url(../img/cw_bg.png) repeat-x; }
h2 {font: bold 136% verdana; padding-bottom: .3em; }
#clues h2, #words h2 {margin-bottom: -1em; }
#clues h3, #words h3 {text-align: right; border-bottom: 1px solid #999; margin-bottom: 3px;
                      font-weight: normal; font-size: 100%; }
#clues dl, #words ul {margin-bottom: 2em; }
#words ul {margin-left: -1em; }
#clues dt {font: 100% georgia, serif; text-transform: uppercase;
           float: left; clear: left; width: 7em;
           background: url(../img/dots.png) repeat-x 0 1em; }
#clues dt a, #clues dt span {background-image: url(../img/dots_white.png);
  background-repeat: repeat-x; background-position: 0 1em; }
#clues dd {text-indent: -.5em; padding-left: .5em; margin: 0 0 .1em 7.0em; }
#words h3 {clear: left; font-weight: bold; }
#words h3 span {width: 7em; float: right; text-align: left; padding: .2em 0 0 .5em;
                font-size: 85%; font-weight: normal; }
#words li {font: 100% georgia, serif; text-transform: uppercase;
           float: left; width: 4.7em; padding-bottom: .3em; }
#words li a {padding: .5em 1em .5em 1em; }

.clueList {width: 316px; }
.clueList h2 {text-transform: uppercase; border-bottom: 1px solid #CCC;
              padding-bottom: .1em; margin: 0; }
.clueList dl {padding-top: .3em; }
.clueList dt {float: left; clear: both; width: 100px; font: normal 85% verdana;
              padding: 2px; margin-bottom: 2px; background-color: #CCC; }
.clueList dd {width: 170px; font-size: 100%; text-indent: -10px;
              padding-left: 10px; margin: 2px 0 0 110px; }

#balloon {position: absolute; top: 0; left: 0; visibility: hidden; }
#balloonTxt {background: #FD4; }
#balloonHide {width: 10em; float: right; font: 85% verdana; }
#balloon h2, #balloon dl {padding-left: 10px; padding-right: 10px; }
#balloon h2 {border-bottom: 1px solid #CAAF36; }
#balloon dt {background: #DB4; }
.break {clear: both; line-height: 1px; border-top: 1px solid #FD4; }
.balloonUp #balloonTop {width: 316px; height: 46px; 
  background: url(../img/balloon_up_top.png) no-repeat; }
.balloonUp #balloonBottom {width: 316px; height: 20px; 
  background: url(../img/balloon_up_bottom.png) no-repeat; }
.balloonDown #balloonTop {width: 316px; height: 20px;
  background: url(../img/balloon_down_top.png) no-repeat; }
.balloonDown #balloonBottom {width: 316px; height: 46px; 
  background: url(../img/balloon_down_bottom.png) no-repeat; }
.balloonDown #balloonTop {width: 316px; height: 20px; }
.balloonDown #balloonBottom {width: 316px; height: 46px; }

a.ajaxLink:hover {background-color: #FFE882; text-decoration: none; }
#clues .ajaxLinkHover {background-color: #FFE882 !important; }
#clues .ajaxLinkHover a {color: #900 !important; text-decoration: none !important; }
/*#clues dd.recent1 {background: url(../img/recent1.png) no-repeat; }
#words a.recent1 {background: url(../img/recent1.png) no-repeat -.3em .5em; }*/
.recent1 {background-color: #F00 !important; }
.recent2 {background-color: #F66 !important; }
.recent3 {background-color: #FAA !important; }
.recent4 {background-color: #FDD !important; }
.recent5 {background-color: #FEE !important; }
.recent1 a, .recent2 a, .recent3 a, .recent4 a, .recent5 a {background-image: none !important; }

#wait {position: absolute; top: 50%; left: 50%; margin-left: -93px; margin-top: -58px;
       width: 185px; height: 116px; background: url(../img/wait_anim.gif) no-repeat; padding: 1em;
       z-index: 101; display: none; }