/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout customizations for Drupal.
 *
 * @copyright       Copyright 2006-2013, Alexander Hass
 * @license         http://www.yaml-fuer-drupal.de/en/terms-of-use
 * @link            http://www.yaml-for-drupal.com
 * @package         yaml-for-drupal
 * @version         7.x-4.1.1.18
 * @lastmodified    2013/12/07
 */

@media screen {

  .submitted {
    color: #666;
    font-size: 0.8571em;
  }
  /* .view-[name] .view-header, */
  .view-content .views-row .node-article,
  .term-listing-heading,
  .front .node-teaser,
  .not-front .node-teaser {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.875em;
    padding-bottom: 1.125em;
  }
  .node .content,
  .comment {
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .new {
    color: #ffae00;
    font-size: 0.8571em;
    font-weight: bold;
    float: right; /* LTR */
  }

  /* @todo: Topnav, Tags, etc. */
  ul.inline {
    margin: 0;
  }
  ul.inline li {
    margin: 0;
    padding: 0 0.2em;
  }
  ul.inline li.field-label {
    padding-left: 0; /* RTL */
  }

  /* Breadcrumb */
  .breadcrumb {
    display: block;

    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1em;

    border-bottom: 1px solid #222;
    padding-bottom: 0.2em;
  }
  .breadcrumb span {
    margin: 0;
    padding: 0.5em 1.5em;
    display: inline;
    float: left; /* RTL */
  }
  .breadcrumb span a {
    padding: 0 0.5em;
  }
  .breadcrumb span a:hover {
    background: transparent;
  }

  /* Feed icon */
  .feed-icon img {
    margin-top: 1.5em;
  }

  /* --------------- System Tabs  --------------- */
  
  .tabs {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
  }
  .tabs ul.primary {
    padding: 0 3px;
    margin: 0;
    overflow: hidden;
    border: none;
    background: transparent url("../navigation/images/tabs/tabs-border.png") repeat-x left bottom;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABAQMAAADdO609AAAAA1BMVEW7u7s18zFcAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII=") repeat-x left bottom;
  }
  .tabs ul.primary li {
    display: block;
    float: left; /* LTR */
    vertical-align: bottom;
    margin: 0 5px 0 0; /* LTR */
  }
  .tabs ul.primary li.active a {
    border-bottom: 1px solid #ffffff;
  }
  .tabs ul.primary li a {
    color: #000;
    background-color: #ededed;
    height: 1.8em;
    line-height: 1.9;
    display: block;
    font-size: 0.929em;
    float: left; /* not LTR */
    padding: 0 10px 3px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
    -khtml-border-radius-topleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -khtml-border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
  }
  .tabs ul.primary li.active a {
    background-color: #ffffff;
  }
  .tabs ul.secondary {
    border-bottom: none;
    padding: 0.5em 0;
  }
  .tabs ul.secondary li {
    display: block;
    float: left; /* LTR */
  }
  .tabs ul.secondary li:last-child {
    border-right: none; /* LTR */
  }
  .tabs ul.secondary li:first-child {
    padding-left: 0; /* LTR */
  }
  .tabs ul.secondary li a {
    padding: 0.25em 0.5em;
  }
  .tabs ul.secondary li a.active {
    background: #f2f2f2;
    border-bottom: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }
  
  ul.action-links {
    list-style: none;
    margin: 5px;
    padding: 0.5em 1em;
  }
  ul.action-links li {
    display: inline-block;
    margin-left: 10px;
  }
  ul.action-links li a {
    padding-left: 15px;
    background: url(../modules/images/add.png) no-repeat left center;
    margin: 0 10px 0 0;
  }

  /* Filter */
  .filter-wrapper {
    border-top: 0;
    padding: 10px 2px;
  }
  .filter-wrapper .fieldset-wrapper {
    padding: 0 6px;
  }
  .filter-wrapper .form-item,
  .filter-wrapper .filter-guidelines,
  .filter-wrapper .filter-help {
    font-size: 0.923em;
    padding: 2px 0 0 0; /* LTR */
  }
  /* @todo: margin collision with ym-message
   div.description,
  .form-item div.description, */ 
  ul.tips  {
    margin: 5px 0;
    line-height: 1.231em;
    font-size: 0.923em;
  }
  ul.tips li {
    margin: 0.25em 0 0.25em 1.5em; /* LTR */
  }

  /* -------------- Form Elements   ------------- */
  
  fieldset {
    background: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 0 0 10px;
    position: relative;
    top: 12px; /* Offsets the negative margin of legends */
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  fieldset.collapsed {
    background: transparent;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  fieldset legend {
    /* background: #dbdbdb; */
    /* border: 1px solid #ccc; */
    border-bottom: none;
    color: #4D87C7;
    display: block;
    /* height: 2em; */
    left: -1px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    line-height: 2;
    padding: 0;
    /* position: absolute; */ /* Conflict with yaml core */
    /* text-indent: 10px; */
    text-shadow: 0 1px 0 #fff;
    top: -12px;
    /* width: 100%; */
    -khtml-border-radius-topleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -khtml-border-radius-topright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
  }
  fieldset.collapsed legend {
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  fieldset legend a {
    color: #4D87C7;
  }
  fieldset legend a:hover,
  fieldset legend a:focus,
  fieldset legend a:active {
    color: #4D90C7;
  }
  fieldset .fieldset-wrapper {
    padding: 0 10px;
  }
  fieldset .fieldset-description {
    margin-top: 5px;
    margin-bottom: 1em;
    line-height: 1.4;
    color: #666;
    font-style: italic;
  }

  /**
   * Login Block
   */
  #user-login .item-list,
  #user-login-form .item-list {
    padding: 0 1em;
    margin-top: 1em;
  }
  #user-login-form .item-list + .item-list {
    margin: 0.5em 0;
  }
  #user-login .item-list ul,
  #user-login-form .item-list ul {
    list-style: none;
    margin: 0 0 0.5em 0;
  }
  #user-login .item-list ul li,
  #user-login .item-list ul li.openid-link,
  #user-login-form .item-list ul li,
  #user-login-form .item-list ul li.openid-link {
    margin: 0;
  }

  /**
   * Vertical tabs
   */
  div.vertical-tabs {
    margin-bottom: 0;
  }  

}