html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #855024;
  color: #000;
  text-align: center;   
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.92em;
}

/* -------------------------- 
   =LAYOUT 
   -------------------------- */
   
#container {
  position: relative;  
  background: url(/images/2006/ancillary-bottom.jpg) repeat-y right bottom;  
  width: 780px;
  margin: 0 auto;
  text-align: left;  
}
#branding {
  position: absolute;
  left: 50%;
  top: 70px;  
  margin-left: -251px;
  z-index: 101;   
}
#wrapper {
  background: url(/images/2006/secondary-nav.jpg) no-repeat 0 45px; 
  float: left;
  width: 582px;
}

div#main-nav {
  background: url(/images/2006/main-nav.jpg) no-repeat 0 0;   
  width: 780px;
  height: 45px;  
  left: 0;
  top: 0;  
  position: absolute;
  z-index: 100; 
}

#content {
  float: right;
  width: 426px;
  margin-top: 45px;
}

#secondary-nav {
  float: left;
  width: 156px;
  margin-top: 45px;
  padding-top: 100px;
}
#ancillary {
  background: url(/images/2006/ancillary-top.jpg) no-repeat right top;  
  float: right;
  width: 198px;
  margin-top: 45px;
  padding-top: 60px;
  height: 444px;
}
#site-info {
  clear: both;
}

/*  --------------------------
  =MAIN ELEMENTS 
  ---------------------------- */

input, select, textarea {
  font-size: 0.95em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
p, pre, ul, ol, dl, address {
  margin: 0 0 1em;
  padding: 0;
}
li, dd, blockquote {
  margin-left: 1.2em;
}  

h2 {
  margin: 0; 
  padding-top: 1em; 
  font-size: 1.3em;
  color: #363636;
}
h3 {
  margin: 1em 0;
  font-size: 1em;
  color: #363636;  
}  
h3.date {
    margin: 0 0 1em 0;
  font-weight: normal;
}
h4, h5, h6 {
  margin: 1em 0 5px 0;
  color: #fae6aa;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
}
#main-content h4 {
  font-weight: bold;
  color: #855024;
}

/* IMAGES
------------------- */
img {
  border: 0;
}
#content img {
  border: 1px solid #999;
  padding: 3px;
  margin: 0px 5px 5px 0px;
}
#content img.icon {
  border: 0;
  margin: 0;
  padding-bottom: 0;
}
.left {float: left;}
.right {float: right;}
#content img.left {position: relative; margin-right: 5px;}
#content img.right {position: relative; margin-left: 5px; }
#content img.plain {border-width: 0;}

/* other elements */


blockquote {
  margin-left: .5em;
  padding: 0 .5em;
  background: #fae6aa;
  border-top: 1px solid #855024;
  border-bottom: 1px solid #855024;  
}
blockquote p,
blockquote li {
  margin-top: .7em;
  margin-bottom: .7em;
}

acronym, abbr {cursor: help;}
code {color: #c00; font-family: monospace;}

ins {color: #090; text-decoration: none; font-style: italic;}
del {color: #f00;}


/* ---------------------------
   =MAIN DIV STYLES 
   --------------------------- */
.clear {clear: both;}
.clear-right {clear: right;}
.clear-left {clear: left;}
.block {display: block;}

/* BRANDING */

h1 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
h1 a {
  display: block;
  width: 111px;
  height: 67px;
  text-indent: -9000px;
  background: url(/images/2006/logo-sub.jpg) no-repeat left top;
  overflow: hidden;
}
h1 a:hover {
  background: url(/images/2006/logo-sub.jpg) no-repeat 0 -67px;  
}
#home.english-rules h1 a {
  background: url(/images/2006/logo.jpg) no-repeat left top;  
}
#home.english-rules h1 a:hover {
  background: url(/images/2006/logo.jpg) no-repeat 0 -67px; 
}   

/* MAIN NAV */   
#main-nav ul {
  margin-top: 10px;
  margin-left: 25px;
  list-style-type: none;
}
#main-nav li {
  float: left; 
  margin: 0;
  padding: 0;
}
#content #main-nav a {
  padding: 10px;
  border-left: 2px solid #a27138;  
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}  
#content #main-nav a.home {
  border-left: 0;
} 
#main-nav a:hover {
  background: #855024;
}    
#main-nav li#currentsection a {
  color: #fae6aa;
}  

/* -------------------------------
   =CONTENT AREA
   ------------------------------- */

#content a {
  color: #6b7b56;  
  text-decoration: none;
  font-weight: bold;
}
#content a:hover {
  text-decoration: underline;
}
#main-content {
  background: url(/images/2006/content-sub.jpg) no-repeat left top;
  padding: 170px 20px 10px;
  color: #000;
}
#home.english-rules #main-content {
  background: #fff url(/images/2006/content.jpg) no-repeat left top;
    padding: 240px 20px 10px;
}

/* =SECONDARY CONTENT */
#secondary-content {
  clear: both;
  margin-top: 10px;
  padding: 10px 20px;
  font-size: .95em;
}
#secondary-content h2 {
  margin-top: 1.5em;
}
.entry-footer {
  font-size: .90em;
  text-align: right;
  clear: both;
}  
.divide {
  background: #fff url(/images/2006/divider.gif) no-repeat center top; 
  padding-top: 16px;
  margin-top: 5px;
}  
#main-content img.fancy-letter {
  border: 0;
  float: left;
  display: inline;
  margin: -4px 0 0 0;
}
.poem {
  font-family: Times, "Times New Roman", serif;
  margin-left: 20px;
}
dl.dialogue dt {
  font-weight: normal;
  color: #666;
  margin-left: 1.5em;
  padding-left: 0;
}
dl.dialogue dd {
  margin: 0 0 .5em 2em;
  padding-left: 0;
}

.disclaimer {
  font-size: .8em;
  color: #999;
}
.back, .text-right {
  text-align: right;
}
#main-content .back a {
  font-weight: normal; 
  text-decoration: underline;
}
.redstrike {
	text-decoration: line-through;
	color: #f00; 
}
/* =SECONDARY NAV AND ANCILLARY */

#ancillary {
  position: relative;
}
#secondary-nav ul,
#ancillary ul {
  margin-left: 0;
  padding-left: 0;
  margin-right: 4px;
  list-style-type: none;
  font-size: 12px;
  color: #d6ceba;
}

#secondary-nav h4,
#secondary-nav h5,
#secondary-nav p,
#ancillary h4,
#ancillary p {
  margin-left:18px;
  padding-left: 12px;
}
#secondary-nav li,
#ancillary li  {
  margin: 0 0 0 18px;
  padding: 0 0 0 12px;
}  
#secondary-nav a,
#ancillary a {
  display: block;
  color: #d6ceba;
  text-decoration: none;
  padding: 2px 5px 8px 0;
  margin-right: 3px;
}  
#secondary-nav a {
  width: 106px;
}  
ul.extras li a {
  width: 120px;
}  
#secondary-nav a:hover,
#ancillary li a:hover {
  color: #fff;
  padding-bottom: 8px;
}
#secondary-nav li#currentpage a,
#ancillary li#currentpage a {
  color: #fff;
  margin-bottom: 5px;
  background: url(/images/2006/current.gif) no-repeat left bottom;
}
#secondary-nav input#search {
  width: 85px;
  border: 1px solid #aaa;
}
#secondary-nav input {vertical-align: bottom;}

#recent-comments {
  color: #fae6aa;
  font-size: 12px;
}
#recent-comments h4,
#twitter h4 {
  margin-top: 2em;
  margin-bottom: 1em;
  width: 102px;
}

#recent-comments p,
#twitter p {
  width: 102px;
}
div#twitter ul {
  width: 102px;
  padding-left: 0;
  margin-left: 30px;
  list-style-type: none;
  color: #FAE6AA;
}
#twitter li {
  overflow: hidden;
  margin: .5em 0;
  padding: 0 0 .5em;
  border-bottom: 1px solid #fae6aa;
}
#site-info {
  padding: 35px 220px 15px 176px;
  color: #999;
  font-size: 11px;
}
#site-info a {
  color: #656565;
}
#site-info a img {
  margin-right: 8px;
}
/* -------------------
   =MODULE STYLES
   ------------------- */

/* =LATEST WORD */
.wotd {
  position: absolute;
  height: 130px;
  overflow: hidden;
  top: 136px;
  width: 380px;
  color: #e9c042;
}

#content .wotd h4 a {
  font-size: 11px;
  text-transform: uppercase;
  color: #ffc581;
}
.wotd dt {
  margin-top: 15px;
  text-transform: uppercase;
}
.wotd dd {
  font-size: 11px;
  margin-left: 0;
}

#content .wotd dl a {
  color: #e9c042;
}
/* =LATEST PHOTO */
#latest-photo {
  position: absolute;
  top: 320px;
  margin-left: 5px;
}
#latest-photo a {
  position: relative;
  display: block;
  width: 160px;
  height: 190px;
  color: #d6ceba;
  text-decoration: none;
}
#latest-photo a img {
  position: absolute;
  top: 0;
  padding: 10px;
  width: 140px;
  height: 105px;
}
#latest-photo a span {
  position: absolute;
  display: block;
  top: 15px;
  left: 18px;
  width: 120px;
  border: 1px solid #999;
  text-transform: uppercase;
  font-size: 11px; 
  padding: 110px 0 5px 20px;
}

/* =BOOKSHELF */
#bookshelf {
  background: url(/images/2006/my-bookshelf.gif) no-repeat 0 1px;
  position: absolute;
  top: 530px;
  width: 140px;
  padding-left: 0;
  margin-left: 22px;
  border: 1px solid #aaa;
}
#bookshelf .now-reading {
  background: #a36d34;
}
#bookshelf ul {
  margin-left: 12px;
  padding-left: 0;
  text-align: center;
}
#bookshelf li {
  float: left;
  margin-left: 0;
  padding-left: 0;
}
#bookshelf h4,
#bookshelf h5 {
  margin-left: 0;
  padding-top: 3px;
  padding-left: 0;
  text-align: center;
}
#bookshelf h4 {
  margin-top: 6px;  
}
#bookshelf h5 {
  margin-top: 3px;
  clear: left;
  margin-bottom: 0;
  text-transform: none;
}
#bookshelf img {
  width: 54px;
  height: 76px;
}
#bookshelf a {
  position: relative;
  display: block;
}

#ancillary #bookshelf li a:hover {
  background: none;
}

/* MY BOOKSHELF PAGE */
#my-bookshelf #content img {
  width: 105px; 
  height: 160px;
}
/* NOTEWORTHY ARTICLES PAGE */

#noteworthy-articles h3 {
  margin-bottom: 0;
}

/* ----------------------------
   =COMMENTS 
   ----------------------------*/
h4.comments-header {
  font-weight: bold;
  color: #855024;
}

.comment-by {
  position: relative;
  color: #fff;
  background: #bc8542 url(/images/2006/comment-by.gif) no-repeat left top;
  padding: 3px 20px;
}
.c-karl .comment-by {
  background: #855024 url(/images/2006/comment-by-k.gif) no-repeat left top;
}
.comment-by span.comment-number {
  position:absolute;
  font-family: times,"times new roman",serif;
  top: -2px;
  left: -40px;
  padding: 5px;
  font-size: 24px;
  color: #855024;
  font-weight: bold;
}
.comment-by > span.comment-number {
  left: -20px;
}

#secondary-content .comment-by a {
  color: #fff;
  text-decoration: underline;
}
.comments-odd, 
.comments-even {
  margin-bottom: .5em;
}
.comments-even {
 background: #f9f0e2;
}

.comments-odd p, .comments-even p,
.comments-odd ol, .comments-even ol,
.comments-odd ul, .comments-even ul
{
  padding: .6em 20px 0px;
}
.comments-odd blockquote, .comments-even blockquote {
  margin-right: 20px;
  margin-left: 20px;
}
p.comment-date {
  text-align: right;
  font-size: .95em;
  margin-bottom: 2px;
}  

/* TABLES WITHIN CONTENT 
---------------------------
*/
#content table {
  border: 1px solid #855024;
  margin-bottom: 1em;
}
#content table caption {
  font-weight: bold; 
  margin: 1px;
}
#content thead tr {
  color: #fff; 
  font-weight: bold; 
  background: #855024; 
}
#content thead td {
  vertical-align: bottom;
}
#content tr.alt {
  background: #ededed;
}
#content td {
  padding: 3px;
}
#content td.rowhead {
  font-weight: bold; 
  text-align: right;
}
#content table.aligntop tbody td {
  vertical-align: top;
}

#content table.plain {
  border: 0;
}
#content table img {
  border: 0;
}

/* ----------------------------
   =FORMS 
   ---------------------------- */

.formwrap label {
  display: block;
}
.formwrap .radiobuttons label {
  display: inline;
}
.formwrap .radiobuttons {
  margin-bottom: 1em;
}
#main-content form {
  margin-top: 2em;
}
legend {
  margin-left: -.5em;
  padding-left: 0;  
  font-weight: bold;
  color: #855024;
}
fieldset > legend {
  margin-left: 0;
}  
/* =comment form */
#comments-open {
  margin-top: 1.2em;
  padding-top: 1.5em;
  background: url(/images/2006/divider.gif) no-repeat center top;
}
#comments-open {
  margin-top: 1.2em;
  padding-top: 1.5em;
  background: url(/images/2006/divider.gif) no-repeat center top;
}
#comments-open fieldset,
#secondary-content fieldset {
  border: 0;
}

#comments-open label {
  display: block;
}
#comments-open input[type="text"] {
  width: 200px;
  border: 1px solid #855024;
}

#comments-open textarea {
  width: 370px;
  border: 1px solid #855024;
}
#addsubscriber {
  background: #fff url(/images/2006/divider.gif) no-repeat center top; 
  padding-top: 16px;
}
.msg {
  color: #f00;
}
/*.error {
  padding: 10px;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  background: #ffe;
  color: #f00;
}
*/
/* ----------------------------
   =WORD OF THE DAY 
   ---------------------------- */

.word-of-the-day dt {
  margin-top: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.word-of-the-day .wotddate {
  font-weight: normal;
  font-size: .85em;
  color: #999;
  text-transform: none;
}
.word-of-the-day dd {
  margin-top: .5em;
  padding-top: 1em;
}
.word-of-the-day dd.definition {
  background: url(/images/2006/definition.gif) no-repeat 0 .2em;
}
.word-of-the-day dd.inspiration {
  background: url(/images/2006/inspiration.gif) no-repeat 0 .2em;
}   


/* ----------------------------
   =PHOTOGRAPHY
   ---------------------------- */

#photo-blogroll.photos h3 {
  text-transform: uppercase;
  margin-bottom: 0;
}

#photo-blogroll.photos p {
  color: #666;
  font-size: .9em;
}

ul.thumbs {
  list-style: none;
  margin: .5em 0;
  padding: 0;
}
ul.thumbs li {
  float: left;
  display: inline;
   margin: 0 18px 10px 0;
}

#photo-entry #container {
  background: url(/images/2006/ancillary-bottom-photo.jpg) repeat-y right bottom;   
}  
#photo-entry #wrapper { 
  background: url(/images/2006/secondary-nav-photo.jpg) no-repeat 0 45px;   
  width: 780px;
}
#photo-entry #main-content {
  background: url(/images/2006/content-sub-photo.jpg) no-repeat left top;
  padding: 170px 30px 10px 20px;
  color: #000;
}
#photo-entry #secondary-content {
  margin-right: 20px;
  margin-left: 20px;
}
#photo-entry #content {
  width: 624px;
  margin-top: 45px;
background-color: transparent;
  margin-right: 0px;
}

#photo-entry .entry-footer {
  position: absolute;
  top: 220px;
  right: 40px;
}

/* ----------------------
   =SEARCH RESULTS 
   ---------------------- */
.photosearch {
  float: left;
  padding: 10px;
}
form div.left {
  float: left;
  width: 185px;
}
/* ----------------------
   =EXPERIMENTATION 
   ---------------------- */
#container a.internal {
  color: #e9c042;
  text-decoration: none;
  border-bottom: 1px dotted #e9c042;  
}
#keyhole {
  position:absolute;
  top:35px;
  left:50%;
  margin-left: -27px;
  z-index: 400;
}
body.wide {
  margin-left: -200px;
}
.wide #keyhole {
  margin-left: -127px;
}
.wide #branding {
  margin-left: -351px;
}
#keyhole a {
  text-indent: -9000px;
  display:block;
  width:25px;
  height:80px;
  overflow: hidden;
}
#keyhole a:hover {
  background: url(/images/2006/key.png) no-repeat;
}

#widescreen {
  background: transparent;  
  position: absolute;
  left: 50%;
  margin-left: 283px;
  top: 0;
  width: 210px;
  height: 700px;
  text-align: left;    
}
#widescreen .widescreenbox {
  font-size: .9em;
  padding-top: .5em;
  height: 600px;    
  overflow: auto;  
  background: #f9f0e2;
  color: #000;      
}
#widescreen h4 {
  color: #fff;
  margin: 1em 0 .5em 10px;
}
#widescreen img {
  margin-left: 25px;
}

#widescreen .widescreenbox p,
#widescreen .widescreenbox h3 {
  padding: 0 7px;
  margin-left: 0;
}
#widescreen a {
  color: #e9c042;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #e9c042;  
}
#widescreen .widescreenbox a {
  color: #6B7B56;
  text-decoration: underline;
  border-bottom: 0;
}

/* Advanced Search */

#open-advanced-search,
div.advanced-search {
  font-size: .85em;
  font-size: 12px;
}
a#open-advanced-search,
a#open-advanced-search:hover {
  display: inline;
  padding: 2px;
  margin-right: 0;
  outline: 0;
}

#secondary-nav .advanced-search {
  color: #fae6aa;
  border-bottom: 1px solid;
  margin: 0 6px 0 24px;
}
#secondary-nav .advanced-search p,
#secondary-nav .advanced-search ul,
#secondary-nav .advanced-search h5 {
   margin-left: 0;
  padding-left: 2px;
}


a#lucy-martian  {
  display: block;
  background: url(/images/blog/lucy-martian.jpg) no-repeat 0 0; 
  width: 160px;
  height: 150px;
  text-indent: -9000px;
  overflow: hidden;
}
a#lucy-martian:hover {
  background: url(/images/blog/lucy-martian.jpg) no-repeat 0 -150px; 
  cursor: help;
}
/* ----------------------------
=Aslett Clearing Method for floats 
-------------------------------*/  
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* end backslash hack */