/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core RTL stylesheet
 * (de) YAML Basis-RTL-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
 *
 * @copyright       Copyright 2005-2011, 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.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media all {
  /**
   * @section browser reset
   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
   *
   * Changing direction of text flow, paddings & margins ...
   */
  option {
    padding: 0 0.4em 0 0; }
  body {
    text-align: right;
    direction: rtl; }
  ul, ol, dl {
    margin: 0 1em 1em 0; }
  li {
    margin-left: 0;
    margin-right: 0.8em; }
  dd, blockquote, cite {
    margin: 0 0.8em 1em 0; }
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
   * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
   *
   * @workaround
   * @affected   Firefox, Safari, IE 5.x - IE7
   * @css-for    all
   * @valid      yes
   */
  #skiplinks {
    left: 32768px;
    .skip {
      &:focus, &:active {
        left: -32768px; } } }
  .skip, .hideme, .print {
    left: 32768px; }
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section miscellaneous
   *
   * (en) CSS-class for ltr-content (left to right) within a rtl website
   * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
   */
  .text-ltr {
    direction: ltr;
    text-align: left; } }