/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-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: 703 $
 * @lastmodified    $Date: 2012-02-05 11:33:35 +0100 (So, 05 Feb 2012) $

@media screen
  /* force vertical scrollbar
  body
    overflow-y: scroll
  /* Layout Module Configuration
  .ym-wrapper
    max-width: 80em
    margin: 0 auto
  .ym-wbox
    padding: 1.5em
  /* fallback for media queries
  body >
    header, nav, #main, footer
      min-width: 760px
  /* Basic Element Styling
  header
    background: #444
    color: #ccc
    h1
      background: transparent
      color: #fff
  nav
    background: #222222
  #main .info
    margin-bottom: 1.5em
  footer
    background: #eee
    color: #444
    p
      margin: 0
  header .ym-wbox, footer .ym-wbox
    padding: 1.5em
  .ym-gbox
    padding: 0 1.5em
  .ym-gbox-left
    padding: 0 1.5em 0 0
  .ym-gbox-right
    padding: 0 0 0 1.5em
  section.box
    padding: 0 1.5em 1.5em 1.5em
  #main aside .ym-gbox-right
    border-left: 1px #ddd solid
  /* 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 )
  body >
    header, nav, #main, footer
      min-width: 0


@media screen and ( max-width: 760px )
  .secondary
    border-top: 1px #888 solid
    margin-top: 1.5em !important
  #main aside .ym-gbox-right
    border: 0 none
  /* 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
  .ym-searchform
    display: block
    float: none
    width: auto
    text-align: right
    input[type="search"]
      width: 14%


@media screen and ( max-width: 480px)
  header .ym-wbox
    padding: 0.75em 10px
  footer .ym-wbox, .ym-wbox, .ym-searchform, nav .ym-hlist ul
    padding-left: 10px
    padding-right: 10px
  header h1
    font-size: 1.5em
    line-height: 1em
    margin: 0
  /* 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%