/* mearnsbooks.css
 * Style sheet for MearnsBooks.com
 * By Júlio Reis. Last update: 2007-Aug-11
 */

body
{
  background: #F9F9F7;
  font-family: "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
  /*font-family: "Palatino Linotype", Roman, "Times New Roman", serif;*/
  color: black;
}

a {
  color: #800000; text-decoration: underline;
}
a:hover {
  color: #a52a2a; text-decoration: none;
}

#top {
  width: 100%; }
#header {
  margin: 0; height: 100px; font-size: 150%;
  vertical-align: middle; padding: 0 10px 0 10px;
  color: #fff; background: #8b4513 url('images/bg-title.jpg'); background-position: 100% 0%;
  border: 2px solid #8b4513;
}
#header strong {
  font-weight: bold;
}
#site-subtitle {
  font-size: 60%; font-style: italic;
}

#menu {
  background: #fffacd url('images/bg-menubar.png') repeat-x bottom;
  border: 2px solid #d2b48c;
}
#menu a {
  padding: 8px 8px 8px 8px; line-height: 40px;
  font-weight: bold;
}
#menu a:hover {
  background: #8b4513 url('images/bg-menuhover.png') repeat-x top;
  color: #fffacd; text-decoration: none;
}

#content {
  margin-left: 3px; margin-right: 3px;
}
#content p, #content h1, #content td, #content th {
  line-height: 150%;
}
#content td {
 vertical-align: top;
}
#content img {
  border: 1px solid #999; padding: 5px;
}

#footer {
  padding-top: 1ex; text-align: center; color: #333;
}

/* other styles */

table.narrowpic {
  border: none; border-collapse: separate; clear: both;
  margin-left: auto; margin-right: auto;
}
table.narrowpic td {
  width: 334px; padding: 5px;
}
table.narrowpic img {
  margin: 5px;
}
div.caption {
  margin: 0 5px 0 5px; font-style: italic; font-size: 90%;
}

div.caption i, div.caption em {
  font-style: normal;
}

img.float {
  float: right; margin: 0px 0px 3px 14px; 
}
div.float {
  float: right; margin: 0px 0px 3px 14px;
}
/*** not used (yet?) ***/
div.submenu {
  width: 150px; float: left;
}
div.submenu ul {
  list-style-type: none;
}
div.submenu li {
/*  margin-bottom: 3px;*/
}
div.submenu a {
}
div.submenu a:hover {
}