/******************************************************************************
 * Article.css
 *
 * RealPatterns Web Application Framework :: Article
 *
 * Copyright 2007 RealPatterns, Inc.  All rights reserved.
 *
 * An article is any written document that tells a story. Other types of
 * media such as images, charts, and even video, may be embedded within it
 * as aides in order to enhance the user experience. Layout is accomplished
 * by using a division element.
 *
 * Color map:
 * ----------
 * rgb(65, 123, 161);   (Indigo)
 * rgb(201, 203, 81);   (Gold)
 * rgb(96, 181, 238);   (Pastel Blue)
 * rgb(255, 255, 255);  (White)
 */

/******************************************************************************
 * Article.
 * Apply to division element containing article.
 */
.Article {

  border: none;
  z-index: 10;
  text-align: left;
  vertical-align: top;

  color: rgb(65, 123, 161);
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: sans-serif;
}

/******************************************************************************
 * Article::Heading.
 * Apply to article's heading; which usually contains the title.
 */
.ArticleHeading {

  padding: 8px 0px 36px 0px;
}

/******************************************************************************
 * Article::Title.
 * Apply to article's title.
 */
.ArticleTitle {

  color: rgb(65, 123, 161);
  font-size: 16px;
  font-weight: bold;
}

/******************************************************************************
 * Article::Title Trim.
 * Apply to substrings within the title to create a contrast effect.
 */
.ArticleTitleTrim {

  color: rgb(201, 203, 81);
  font-size: 16px;
  font-weight: bold;
}

/******************************************************************************
 * Article::Icon.
 * Apply to images embedded within article body.
 */
.ArticleIcon {

  border: 1px solid rgb(96, 181, 238);
  background-color: rgb(255, 255, 255);
  float: left;
  margin: 0px 8px 8px 0px;
  padding: 1px;
  display: block;
}

/******************************************************************************
 * Article::Body.
 * Apply to element containing article's body.
 */
.ArticleBody {

  color: rgb(65, 123, 161);
  text-align: left;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

/******************************************************************************
 * Article::List.
 * Apply to nested article list.
 */
.ArticleList {

  color: rgb(65, 123, 161);
  border: none;
  z-index: 10;
  text-align: left;
  vertical-align: middle;

  font: normal 10px sans-serif;
  list-style-image: url('../gfx/bullet1r.gif');
}

/******************************************************************************
 * Article::List Item.
 * Apply to nested article list items.
 */
.ArticleListItem {

  color: rgb(65, 123, 161);
  border: none;
  z-index: 10;
  text-align: left;
  vertical-align: middle;

  padding: 4px 0px 4px 0px;
  font: normal 12px sans-serif;
}

/******************************************************************************
 * Article::Link.
 * Apply to embedded article links.
 */
.ArticleLink {

  border: none;
  text-decoration: none;
  color: rgb(96, 181, 238);
  font: bold 12px sans-serif;
}