/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.0
 * @revision        $Revision: 698 $
 * @lastmodified    $Date: 2012-02-02 21:53:50 +0100 (Do, 02 Feb 2012) $

@media screen
  /* force vertical scrollbar
  body
    overflow-y: scroll
  /* Layout Module Configuration & fallback for media queries
  .ym-wrapper
    min-width: 760px
    max-width: 80em
    margin: 0 auto
  .ym-wbox
    padding: 10px
  /* Basic Element Styling
  header
    background: #444
    color: #ccc
    padding: 1.5em
    h1
      background: transparent
      color: #fff
  nav
    background: #222222
  footer
    margin: 1.5em 0 0 0
    background: #eee
    color: #444
    padding: 1.5em
    p
      margin: 0
  /* Column-Set Configuration: 1-3 (sidebar left)
  /* content
  .demo-2col
    .ym-col1
      width: 75%
    .ym-col3
      margin-left: 75%
      margin-right: 0
    .ym-col1 .ym-cbox
      padding: 0 0.75em 0 1.5em
    .ym-col3 .ym-cbox
      padding: 0 1.5em 0 0.75em
    .ym-gbox
      padding: 0 1.5em 0 0
  /* sidebar
  /* skip links styling
  .ym-skiplinks a.ym-skip
    &:focus, &:active
      color: #fff
      background: #333
      border-bottom: 1px #000 solid
      padding: 10px 0
      text-align: center
      text-decoration: none


/* reset fallback values in modern browsers
@media screen and ( min-width: 0px )
  .ym-wrapper
    min-width: 0px


@media screen and ( max-width: 740px )
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1
  .linearize-level-1
    display: block
    float: none
    margin-left: 0
    margin-right: 0
    width: 100% !important
    >
      [class*="ym-g"], [class*="ym-col"]
        display: block
        float: none
        margin-left: 0
        margin-right: 0
        width: 100% !important
      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
        overflow: hidden
        /* optional for containing floats
        padding: 0
  nav .ym-hlist ul
    padding-right: 10px
  .ym-searchform
    display: block
    float: none
    width: auto
    padding-right: 10px
    text-align: right
    input[type="search"]
      width: 14%


@media screen and ( max-width: 480px)
  .ym-wbox
    padding: 0
  header
    padding: 0.75em 10px
    h1
      font-size: 1.5em
      line-height: 1em
      margin: 0
  footer, #main, .ym-searchform, nav .ym-hlist ul
    padding-left: 10px
    padding-right: 10px
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2
  .linearize-level-2
    display: block
    float: none
    margin-left: 0
    margin-right: 0
    width: 100% !important
    >
      [class*="ym-g"], [class*="ym-col"]
        display: block
        float: none
        margin-left: 0
        margin-right: 0
        width: 100% !important
      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
        overflow: hidden
        /* optional for containing floats
        padding: 0
  .ym-searchform
    display: block
    float: none
    width: auto
    text-align: left
  nav .ym-hlist
    ul, li
      display: block
      float: none
      width: auto
      text-align: left
  .ym-searchform input[type="search"]
    width: 75%