/*
  =pages ----------------------------------------------------------------------------------------------------------------
         NOTE: Styling for specific pages of the site
  ----------------------------------------------------------------------------------------------------------------------- */

/* homepage
  ----------------------------------------------------------------------------------------------------------------------- */
  body.home div.video {
    position: absolute; right: 0;
    width: 50%; }
  body.home #the-sell {
    padding-right: 55%;
    -moz-column-count : 1; -webkit-column-count : 1; -o-column-count : 1; -ms-column-count : 1; column-count : 1; }
  body.home #the-sell p + p {
    margin-top : 26px; }

  @media (min-width:1200px) {
    body.home div.video {
      width: 45%; max-height: 100px; max-width: 500px;}
    body.home #the-sell {
      padding-bottom: 4em; padding-right: 47%;
      -moz-column-count : 2; -webkit-column-count : 2; -o-column-count : 2; -ms-column-count : 2; column-count : 2; }
  }

  body.home .image_main {
    float : left;
    width : 74.3%; }
  body.home .details {
    float : right;
    width : 22.84286%; margin-left : 2.85714%; padding-top : 31px; }
  body.home .gallery .details ul li {
    display : block; width : 100%; margin-left : 0; margin-bottom : 25px; }
  body.home .details ul li span.size {
    display : none; }
  body.home .details ul li i {
    font-size : 32px; line-height : 19px; }

  body.home .content .gallery ul.examples {
    margin-top : 0; margin-bottom : 6px; padding-top : 0; }

  body.home #example h2 {
    margin-bottom : 34px; }

  body.home .gallery {
    margin-top : 0; padding-bottom : 0; }
  body.home .image_main {
    padding-bottom : 0; }

  body.home ul.examples {
    clear : both; }
  body.home .gallery li a,
  body.home .gallery li:nth-child(2n-1) a,
  body.home .gallery li:nth-child(3n-2) a,
  body.home .gallery li:nth-child(4n-3) a {
    width : 10%; margin-left : 2.85714%; }
  body.home .gallery li:first-child a {
    margin-left : 0; }

  body.home .image_main .meta { bottom : 0; }

  body.home #features h2,
  body.home #basic-instructions h2,
  body.home #requirements h2 {
    margin-top : 11px; }

  body.home .content .gallery ul.examples:after {
    clear: both; content: ".";
    display: block; height: 0;
    visibility: hidden; line-height: 0; }

  body.home #notes,
  body.home #limitations {
    width : 48.582996%; }
  body.home #notes {
    margin-right : 2.8340081%; }

  @media (min-width:1141px) {
    body.home .gallery .details ul li {
      width : 100%; }
    body.home .details ul li i {
    font-size : 64px; line-height : 52px; }
  }
  
/* details
  ----------------------------------------------------------------------------------------------------------------------- */
  html.details div.php > ul > li {
    width : 30%; margin-right : 4.5%; }
  html.details div.php > ul > li:nth-child(2n) {
    margin-right : 4.5%; }
  html.details div.php > ul > li:nth-child(3n) {
    margin-right : 0; }

/* download
  ----------------------------------------------------------------------------------------------------------------------- */
  html.download .container.second {
    overflow : hidden; }
  html.download #changelog {
    float : left;
    width : 65%; margin-bottom : 8px; }
  html.download #other-versions {
    float : right;
    width : 30%; }
  html.download #changelog > h2 {
    margin-top : 0; border-top : 0; }