@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision:343 $
 * @lastmodified    $Date:2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /**
   * (en) Formatting YAML's  basic layout elements
   */

  /* (en) Marginal areas & page background */
  body { background:#d4d5cf url("../images/bg_body.gif"); padding:15px; }

  /* (en) Centering layout in old IE-versions */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto; padding:0; }

  /* (en) Layout:width, background, borders */
  .page_margins { min-width:1005px; max-width:1005px; background:#fff; border:1px solid #adaeaa;}
  .page { padding:15px; }

  /* (en) Designing main layout elements */

  #header {
    color:#fff;
    width:645px; height:85px; background:#ce141a;
    padding:0;
  }
  
  .logo { margin:15px 0 0 15px; }
  
  #meta {
    color:#fff;
    width:315px; height:85px; background:#ce141a;
    margin:0;
  }

  #topnav { color:#fff; background:transparent; }

  /* (en) adjustment of main navigation */
  #nav ul { margin-left:20px; }

  #main { background:#fff; padding:0; }

  #footer {
    color:#666;
    padding:30px 0 15px 15px;
    font-size:.9em;
    line-height:1.5em;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Styling of layout specific elements
   */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span { color:#999; }

  #topnav a { color:#fff; font-weight:bold; text-transform:uppercase; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; }

  #footer a { color:#000; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { text-decoration:underline; }

}