/* ----------------------------- */
/* --- articles pages format --- */
/* ----------------------------- */

/* background and corner settings for boxed content */
div.boxed
{
  text-align: left;
  background-color: #FFFFFF;
  font-size: 0.9em;
}
div.boxed .top
{
  background: url("../images/articles/top_right.gif") no-repeat top right;
}
div.boxed .top div
{
  background: url("../images/articles/top_left.gif") no-repeat top left;
}
div.boxed .bottom
{
  background: url("../images/articles/bottom_right.gif") no-repeat bottom right;
}
div.boxed .bottom div
{
  background: url("../images/articles/bottom_left.gif") no-repeat bottom left;
}
/* height and width details */
div.boxed .top, div.boxed .top div, div.boxed .bottom, div.boxed .bottom div
{
  width: 100%;
  height: 10px;
  font-size: 1px;
}
div.boxed .content
{
  margin: 0 10px;
}
div.boxed
{
  width: 20em;
}
div.boxed h2
{
  font-size: 1em;
  margin: 0px;
  margin-bottom: 10px;
  color: #000000;
}
div.boxed ul li
{
  list-style-image: url("../images/articles/ul_arrow.gif");
  padding-left: 6px;
}
div.boxed ol li
{
  font-weight: bold;
  padding-left: 6px;
}

div.boxed ul.advantages, div.boxed ul.disadvantages
{
  width: 250px;
  float: left;
}
div.boxed ul.advantages li
{
  list-style-image: url("../images/articles/ul_advantage.gif");
}
div.boxed ul.disadvantages li
{
  list-style-image: url("../images/articles/ul_disadvantage.gif");
}

div.clearer
{
  clear: both;
}


/* ---------- */
/* back arrow */
/* ---------- */
div#article > h1 + p > a > img, div#article > div.contentbox + p
{
  clear: both;  /* put the paragraph into an own row. no floating */
}

/* --------- */
/* infoboxes */
/* --------- */
div.infobox
{
  float: left;
  margin: 1%;
  width: 48%;
  color: #555555;
}


/* ----------- */
/* content box */
/* ----------- */
div.contentbox
{
  float: left;
  margin: 1%;
  width: 98%;
  font-family: Verdana, Tahoma, Arial, monospace;
  line-height: 1.75em;
  text-align: justify;
}


/* -------------- */
/* content format */
/* -------------- */

div#article
{
  text-align: center;
}

div#article h1
{
  text-align: center;
  font-size: 1.45em;
  font-family: monospace;
}

div#article p, #article ul
{
  margin: 0px;
}

div#article ul
{
  margin-bottom: 1em;
}

div#article p
{
  margin-bottom: 1em;
}

div#article div.contentbox a:link, div#article div.contentbox a:visited
{
  background-color: #99ffff;
}

code.shell
{
  display: block;
  background-color: #f0f0f0;
  border: 1px dashed black;
  padding: 10px;
}

/* --- definition list format ---*/
div#article dt
{
  font-weight: bold;
  margin-left: 5px;
}
div#article dd
{
  font-style: italic;
}