@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for Diorama.Ru
 *			based on YAML Framework, copyrighted 2005-2008 by Dirk Hesse (http://www.yaml.de)
 *
 * @copyright       Copyright 2008, Diorama.Ru
 * @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.diorama.ru/ 
 * @version         2.0.
 * @lastmodified    $Date: 01.07.2008 11:39 $
 */

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   */

  /* (en) Marginal areas & page background */
  body { background: #201d17 url("/_img/diorama2/bg_page.jpg") top left fixed; padding: 20px 0 0 0; }

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

  /* (en) Layout: width, background, borders */
  #page_margins { min-width: 968px; max-width: 80em; background: #e1dbc4; }
  #page{ padding: 0px; }

  /* (en) Designing main layout elements */
  #header {
    color: #000;
    background: #77a280 url("/_img/diorama2/header_splash.jpg") no-repeat top left;
    padding: 0px; margin: 0px;
  }
  
  #header #logo img {width: 126px; height: 27px; margin: 10px 0px 63px 8px; border: none;}

  #header #topnav {position: absolute; top: 8px; right: 200px; width: 250px; background: transparent; }
  
  #header #lang { position: absolute; top: 0px; right: 0px; background: url("/_img/diorama2/star_light.gif") 0px 10px no-repeat; text-align: right;}
  #header #lang img {padding: 0 0 0 17px; margin: 0;}
  
  #header #goto { position: absolute; bottom: 5px; right: 7px; background: transparent; text-align: right;}
  #header #goto form { margin: 0; padding: 0; }
  #header #goto select { width: 170px; }

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

  #main { background-color: #e1dbc4; }
	#main #bg_content { background: url("/_img/diorama2/bg_content.jpg") repeat-x;}
	
	#footer { 
    color: #423c3b; 
    background: #b3b89f url("/_img/diorama2/bg_footer.jpg") repeat-x;
    padding: 10px 15px;
    border-top: 1px #828472 solid;
	}
 /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Modifying top navigation
   */

  #topnav * { border: 0px none !important; }
  #topnav ul { margin: 0; padding: 0; }
  #topnav ul li { line-height: 1em; background: url("/_img/diorama2/star_light.gif") 0px 1px no-repeat;}
  
  #topnav ul li a { color: #d8ebbb; font-weight: normal; padding: 2px 7px 0px 17px; margin: 0;}
  
  #topnav ul li a:focus,
  #topnav ul li a:hover,
  #topnav ul li a:active  {background: transparent; color: #fff;}
 


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

  /**
   * (en) Modifying main navigation
   */

  #nav * { border: 0px none !important; }
  #nav_main { background: #617164 url("/_img/diorama2/bg_main_nav.jpg") repeat-x;}
  #nav_main ul { margin-left: 10px; }
  #nav_main ul li { line-height: 1.2em; background: url("/_img/diorama2/star_dark.gif") 0px 8px no-repeat;}
  
  #nav_main ul li a,
  #nav_main ul li strong { color: #c8c795; font-weight: bold; padding: 0.3em 0.8em 0.3em 0.8em; margin: 0.7em 0 0.2em 13px;}
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {background: transparent; color: #fff; }
  
  #nav_main ul li.current { background: url("/_img/diorama2/star_dark_active.gif") 0px 8px no-repeat; }
  
  #nav_main ul li.current strong,
  #nav_main ul li.current a,
  #nav_main ul li.current a:focus,
  #nav_main ul li.current a:hover,
  #nav_main ul li.current a:active { color: #fff; font-weight: bold; }

}