/** Project: humanhorse
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.4.0
 *  @framework     YAML v4.02
 *  @file          screen.css
 */

@media screen {

  .ym-wrapper {
    margin: 0 auto;
    max-width: none;
    min-width: 0px;
    width: 980px;
  }

  #header {
    background-color: #990000;
    min-width: 0px;
  }

  #sliderbox {
    min-width: 0px;
  }
  
  #slideshow {
    position:relative;
    height:250px;
    z-index:0;
  }
  
  #slideshow  img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:8;
  }
  
  #slideshow img.active {
      z-index:10;
  }

  #slideshow img.last-active {
      z-index:9;
  }


  #navi {
    min-width: 0px;
  }

  #main {
    min-width: 0px;
  }

  #footer {
    background-color: #990000;
    line-height: 40px;
    min-width: 0px;
    text-align: center;
  }
  #footer a{
    color:#ddd;
  }

  #header .header {
    position: relative;
  }

  .spacer {
    margin-top: 10px;
  }

  #header h1 {
    color: rgb(255,255,255);
    margin-left: 160px;
    padding-top: 20px;
  }

  #header h3 {
    color: rgb(255,255,255);
    font-family: Alex Brush;
    font-style: normal;
    font-variant: ordinal;
    font-weight: 400;
    margin-left: 160px;
    padding-bottom: 10px;
  }

  #header .logo {
    background-color: #f3ca58;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 999;
  }

  .hnavi {
    background-color: #2B8798;
  }

  .logo img {
    margin-left: 5px;
    margin-top: 5px;
  }

  .hsubmenu {
    background-color: #2B8798;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
  }

  #header.ym-hlist ul {
  }

  #header .ym-hlist ul {
    float: right;
  }

  #main .content {
    padding: 5px 15px;
    background-color:#FFF;
  }
  
  #main .content h1 {
    font-size:200%;
    margin-bottom:25px;
  }
  
  #main .content h2 {
    font-size:175%;
  }

  #main .vnavi {
    background-color: #990000;
    padding-left: 5px;
    padding-right: 5px;
  }

}

@media only screen and (max-width: 768px) {

  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"],
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto !important;
  }

  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    margin: 0;
    overflow: hidden;
    padding: 0;
  }

}

@media only screen and (max-width: 480px) {

  .linearize-level-2,
  .linearize-level-2 > [class*="ym-g"],
  .linearize-level-2 > [class*="ym-col"] {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto !important;
  }

  .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
  .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
    margin: 0;
    overflow: hidden;
    padding: 0;
  }

}