BODY
{ 
  margin: 4px;
  width: 885px;
/* A try of a fluid layout 
  max-width: 885px;
  width: 100%;
*/
 }

.TODO
{
  -moz-outline: 1px dashed magenta;
  outline: 1px dashed magenta;
  }

/***
   * All tables are presentational.
   */
TABLE
{
  width: 100%;
  }

#h-banner
{
  text-align: right;
  width: 100%;
  margin-bottom: 2px;
 }

#h-banner, #content-wrapper, #menu, #issue-list-wrapper
{ background-color: black; }

#content-wrapper, #issue-list-wrapper, #footing-wrapper
{
  margin-left: 4px;
  width: 774px;
/* A hack for FF1 for a fluid layout.
  max-width: 774px;
*/
  }

#issue-list-wrapper, #footing-wrapper
{
  margin-top: 4px;
  }

/*{{{ The menu */
#menu
{
  height: 100%;
  width: 87px;
  text-align: center;
  vertical-align: top;
  }

#menu A
{
  display: block;
  padding: 9px 0px;
  width: 87px;
  }
/*}}}*/

/***
   * No borders for images inside anchors
   */
#menu A IMG,
#book-excerpt A IMG,
#issue-list A IMG,
#footing A IMG
{ border: 0px; }


/***
   * Content's properties
   */
#content-wrapper
{
  padding: 10px 10px;
  }

#content
{
  width: 100%;
  font-size: 7pt;
  font-family: Verdana, sans-serif;
  color: #fe0000;
  }

#content.thm-sample
{
  color: white;
  }

#content A
{
  color: gray;
  }

#content STRONG
{
  color: white;
  }

/* #content .title
{
  margin-top: 18px;
  margin-bottom: 30px;
  }
 */
#content P
{
  margin: 0px;
  padding: 0px;
  text-align: justify;
  }

#content.book-sample TD
{
  vertical-align: bottom;
  padding: 0px 20px;
  }

#content #book-excerpt,
#content #why-a-book
{
  width: 40%;
  }

#book-excerpt .title
{
  height: 50px;
  vertical-align: top;
  }

#book-excerpt .price
{
  height: 50px;
  vertical-align: top;
  }

/* Nested box + positioning hack for bottom alignment of content (the
   next two rules) */

#book-excerpt .excerpt {
  height: 129px;
  position: relative;
  }

#book-excerpt .excerpt P
{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  }

#content #book-announce
{
  padding-left: 0px;
  text-align: left;
  }

#content #why-a-book
{
  color: #989898;
  font-style: italic;
  padding-right: 0px;
  }

#content #why-a-book .title
{
  margin-bottom: 25px;
  }

#content #why-a-book STRONG
{
  font-weight: normal;
  }

/***
   * The table of issues
   */
#issue-list-wrapper
{
  padding: 6px 10px;
  }

#issue-list
{
  width: 100%;
  text-align: center;
  }

#issue-list IMG
{
  height: 196px;
  }

#issue-list .first
{
  padding-left: 0px;
  text-align: left;
  }

#issue-list .last
{
  padding-right: 0px;
  text-align: right;
  }

/***
   * Footing styling
   */

/*
   The content and issue list wrapper have padding, so their with must
   be smaller by W3C's CSS box model.
   */
 #footing-wrapper
{
  width: 794px;
/* A try of a fluid layout
  max-width: 794px;
*/
  }

#footing-wrapper TABLE
{
  height: 100%;
  }

#footing
{
  vertical-align: top;
  }

#footing TD
{
  text-align: left;
  vertical-align: top;
  height: 70px;
  }

#footing A
{
  display: block;
  padding-left: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 70px;
  }

#footing-feedback
{
  background-color: #654a51;
  margin-right: 3px;
  }

#footing-tHMusic
{
  background-color: #990100;
  margin-right: 3px;
  }

#footing-buy
{
  background-color: black;
  }

/***
   * Article excerpts
   */

#content.thm-sample TD
{
  vertical-align: top;
  padding: 0px 0px;
  text-align: left;
  }

#content.thm-sample #article-excerpt
{
  padding: 0px 8px;
  vertical-align: top;
  }

#article-excerpt .issue
{
  color: #fe0000;
  font-weight: bold;
  font-size: 9pt;
  }

#article-excerpt .redactor,
#article-excerpt .photographer
{
  color: #fe0000;
  text-transform: capitalize;
  }

 #content.thm-sample #article-excerpt .title
{
  font-weight: bold;
  font-size: 10pt;
  text-transform: uppercase;
  margin: 10px 0px;
  }

#content.thm-sample #article-excerpt .text-wrapper
{
  vertical-align: bottom;
  }

#content.thm-sample #article-excerpt P
{
  margin-top: 10px;
  }

#content.thm-sample #article-excerpt A
{
  color: #fe0000;
  }

#content.thm-sample #article-excerpt *[lang|="es"]
{
  color: gray;
  }

#content.thm-sample #article-excerpt *[lang|="en"]
{
  color: white;
  }


/***
   * The photogallery styles
   */
#content.photographers .heading
{
  margin-bottom: 4px;
  }

#content.photographers .data-wrapper
{
  position: relative;
  }

#content.photographers .data
{
  color: white;
  width: 26em;
  }

#content.photographers .data,
#content.photographs .data
{
  color: white;
  padding: 0px;
  padding-right: 4px;
  vertical-align: middle;
  }

#content.photographers .data .name,
#content.photographs .data .name
{
  color: #f30000;
  }

#content.photographers .data .email,
#content.photographs .data .email
{
  color: gray;
  }

#content.photographers UL.data
{
  list-style: none;
  }

#content.photographers .data,
#content.photographers .data P
{
  text-align: left;
  }

#content.photographers UL.data LI + LI
{
  margin-top: 6px;
  }

#content.photographers .photos
{
  position: absolute;
  top: 0;
  right: 0;
  }

#content.photographers .photos IMG
{
  height: 167px;
  border: 0px;
  }

#content.photographs
{
  text-align: center;
  }

#content.photographs .heading
{
  color: white;
  font-style: italic;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: right;
  }

#content.photographs .data-wrapper
{
  position: relative;
  }

#content.photographs .data.left
{
  position: absolute;
  left: 0;
  text-align: left;
  }

#content.photographs .data.right
{
  text-align: right;
  width: 100%;
  }

#content.photographs .data,
#content.photographs .data P
{
  text-align: right;
  vertical-align: top;
  }

#content.photographs .photos
{
/*   margin-top: 3.5em;
 */  }

#content.photographs .photos IMG
{
  border: 0px;
  }

/***
   * The H Videos
   */
#content.videos .video
{
  color: white;
  text-align: center;
  }

#content.videos .title
{
  margin-bottom: 15px;
  }

#content.videos .video
{
  padding-right: 2px;
  }

#content.videos .video .shot
{
  margin-bottom: 15px;
  }

#content.videos .video .title
{
  color: #fe0000;
  }

#content.videos A
{
  display: block;
  margin-top: 2pt;
  }

#content.videos .tHMusic-ad
{
  vertical-align: top;
  }

#content.videos .tHMusic-ad IMG
{
  border: 0px;
  }

/***
   * The Media kit page
   */
#content-wrapper.mediakit
{
  height: 200px;
  }

#content.mediakit
{
  font-size: 0.7em;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  }

/***
   * The H on the press
   */
#content.press .news-excerptus
{
  margin-bottom: 20px;
  }

#content.press .news-excerptus IMG
{
  background-color: white;
  }

#content.press .news-excerptus P
{
  margin: 3px 0px;
  }

#content.press .news-excerptus .title
{
  color: white;
  font-size: 9pt;
  font-weight: bold;
  }

#content.press .news-excerptus .date
{
  font-style: italic;
  }

BODY.news-excerptus *
{
  text-align: justify;
  }

/***
   * Buying page
   */
BODY#tHM-buying
{
 /* background: black url(images/book-cover-opaque.jpg) no-repeat fixed;*/
  background-position: 146px 0px; /* taking into account BODY left margin... */
  }

BODY#tHM-buying #content
{
  font-size: 8pt;
  margin-left: 143px;
  margin-right: 143px;
  width: 598px;
  }

BODY#tHM-buying #content P
{
  margin-top: 10px;
  }

BODY#tHM-buying #content P.error
{
/*
  background-color: gray;
*/
  border: 1px white dotted;
  padding: 6px 3px;
  width: 60%;
  }

BODY#tHM-buying #content P.error .msg
{
  display: block;
  margin: 5px 0px 3px;
  }

BODY#tHM-buying #content HR
{
  margin: 20px 0px;
  }

BODY#tHM-buying #content LABEL
{
  display: block;
  }

BODY#tHM-buying #content INPUT {
  vertical-align: middle;
}

BODY#tHM-buying #content INPUT,
BODY#tHM-buying #content TEXTAREA,
BODY#tHM-buying #content SELECT,
BODY#tHM-buying #content SELECT * {
  background-color: white;
  color: black;
}

BODY#tHM-buying #content SELECT * {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

BODY#tHM-buying #content LABEL {
  color: black !important;
  vertical-align: middle;
}

/* Payment redirection page */

BODY#tHM-buying #content.redirect
{
  margin-top: 15px;
  width: 398px;
  }

/***
   * Messages, errors.
   */

#msg-frame
{
  width: 65%;
  margin: 26px auto;
  color: white;
  font-size: 9pt;
  font-family: Verdana, sans-serif;
  border: 1px dotted #fe0000;
  list-style: none;
  padding: 0px;
  }

#msg-frame .error
{
  margin: 5px;
  list-style: inside url(images/stock_dialog-error-12px.gif);
  }