body {
  color: #0b095b;
  font: 13px "Bitstream Vera Sans", sans-serif;
  text-align: center;
}
body , div, p, ul, li {
  margin: 0; padding: 0;
}
#container {
  /* width = 600 - (left_padding + right_padding) = 548 */
  width: 580px;
  padding: 10px 30px 5px 22px;
  margin: 0 auto;
  text-align: left;
  border-left: 1px solid #0b085b;
  border-bottom: 1px solid #0b085b;
  border-right: 1px solid #0b085b;
}
#container , .section h1 {
  background-color: #f5fbfe;
}

p.regular {
  text-align: justify;
  padding-left: 23px;
  padding-bottom: 4px;
}
p.more_anchor {
  text-align: right;
}

p.back_anchor {
  font-size: 13px;
  text-align: right;
}

a {
  color: #f34b00;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.email {
  color: #0b095b;
  text-decoration: underline;
}

ul {
  float: left;
}

li {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 23px;
  padding-bottom: 5px;
}

#page_title {
  height: 104px;
  background: url('logo.png') no-repeat;
}
#page_title_text {
  font-size: 24px;
  font-style: italic;
  /* top = (logo_height - font_size) / 2 */
  padding-top: 25px;
  /* left = logo_width */
  padding-left: 50px;
  text-align: center;
}

#page_subtitle {
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 25px;
  padding-left: 50px;
}

#page_name {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 25px;
}

#news {
  margin-bottom: 21px;
}
#news p {
  padding-left: 23px;
  padding-right: 23px;
  text-align: justify;
}

.section_title {
  background: url('section_title_line.gif') center repeat-x;
  margin: 9px 0 15px 0;
  clear: left;
}
.section h1 {
  clear: both;
}
.section h1 {
  display: inline;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  padding-right: 7px;
}

.glue {
  padding-top: 10px;
  clear: both;
}

p.thumbs {
  text-align: center;
}
img.screenshot_thumb {
  border: 1px solid #f34b00;
  margin-left: 15px;
  margin-right: 15px;
}

div.dl_thumbs1 {
  text-align: center;
}
div.dl_thumb1 {
  /*float: left;*/
}
div.dl_thumbs2 {
  text-align: center;
  margin-left: 135px;
}
div.dl_thumb2 {
  float: left;
}
img.screenshot_dl_thumb {
  border: none;
  padding-left: 15px;
  padding-right: 15px;
}

#icons {
  /* Set this value to take the height of the icons + the height of the text below.
  Necessary for Firefox (at least), because of the floating divs inside #icons. */
  height: 112px;
}
.dl_icon {
  float: left;
  width: 96px;
  padding-left: 116px;
  text-align: center;
}
.dl_icon img {
  border: none;
  display: block;
}
.dl_icon p {
  display: inline;
  font-size: 14px;
}

#footer {
  clear: both;
  margin-top: 25px;
  text-align: center;
}

/* Screenshots */
div.screenshot_line {
  clear: left;
  padding-left: 23px;
}
div.image_and_title , div.titled_image {
  display: block;
  /*width: 100px;
    height: 90px;*/
}

div.image_and_title {
  float: left;
  /* padding_right gives space between thumbs (in "px" units here). */
  /* padding_bottom gives space for the image title (that's why it's in "em" units). Otherwise, the layout would break if the description on the right was too long. */
  padding: 0 15px 1.4em 0;
  /* margin_bottom effectively adds space at the bottom, after the image+title division. */
  margin-bottom: 10px;
  text-align: center;
}
div.titled_image img {
  border: 1px solid #f34b00;
}
p.screenshot_description {
  /*text-align: justify;*/
  padding-top: 3px;
}

.EoS {
  float: right;
  margin-top: -10px;
}
.EoS p {
  text-align: center;
}
.EoS a {
  color: #0b095b;
  text-decoration: underline;
}
.EoS img {
  border: 1px solid #f34b00;
}