/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #90b1b4;
  text-shadow: none;
}
::selection {
  background: #90b1b4;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author"s custom styles
   ========================================================================== */
body {
  font-family:"ITC Franklin Gothic Dm Comp";
}
body.mobile {
  background-image:url(../images/common/background/main-tile.jpg);
}
body.tablet,
body.desktop {
  background-image:url(../images/common/soundtrack/background.jpg);
  background-repeat:repeat-y;
  background-size:100% 100%;
  background-size:cover !important;
  background-attachment:fixed;
}
html,
body {
  height:100%;
}

#site-wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px 0px -108px 0px;
}
  @media only screen and (max-width:1400px) {
    #site-wrapper {
      margin-bottom:-59px;
    }
  }

header {
  min-width:1400px;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:36px;
  background-image:url(../images/common/background/nav-bar.jpg);
  z-index:2;
}
 @media only screen and (max-width:1400px) {
    header {
      min-width:1250px;
    }
  }
  header ul {
    display:inline;
    list-style:none;
    padding:0;
    margin:0;
  }
    header li {
      display:inline;
      font-family:"ITC Franklin Gothic Dm Comp", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size:10px;
    }
      header li a,
      header li a:visited,
      header li a:link,
      header li a:active,
      header li a:hover {
        color:#d9d6cb;
        text-decoration :none;
      }      
      header li.current,
      .desktop header li a:hover {
        color:#6c8487;
      }
  header .pages {
    /*text-align:center;*/
    padding-top:4px;
  }
    header .pages li {
      margin:0 28px;
      font-size:21px;
      letter-spacing:1px;
    }
    .us header .pages li {
      font-size:19px;
      margin:0 20px;
    }
    .fr header .pages {
      margin-top:2px;
    }
    .fr header .pages li {
      font-size:17px;
      margin:0 20px;
    }

    @media only screen and (max-width:1400px) {
      header .pages li {
        margin:0 20px;
      }
      .us header .pages li,
      .uk header .pages li {
        margin:0 10px;
      }
      .fr header .pages li {
        margin:0 12px;
      }
    }
  header .languages {
    position:absolute;
    right:0;
    top:5px;
  }
    header .languages li {
      margin:0 8px;
      font-size:10px;
    }
#content_wrapper {
  min-width:1400px;
  width:100%;
  padding: 0px 0px 108px 0px;
}
  @media only screen and (max-width:1400px) {
    #content_wrapper {
      min-width:1250px;
    }
  }

/* SECTION */
section {
    width:1400px;
    margin:0px auto;
    padding-bottom:30px;
}
  @media only screen and (max-width:1400px) {
    section {
      width:1250px;
    }
  }
section.padded-top {
  padding-top:70px;
}
  .tablet  section .poster,
  .desktop section .poster {
    float:left;
    padding-left:118px;
  }
  @media only screen and (max-width:1400px) {
    .tablet  section .poster,
    .desktop section .poster {
      padding-left:37px;
    }
  }
  
  .tablet  section .content,
  .desktop section .content {
    float:right;
  }


/* Footer */
footer {
  position:relative;
  min-width:1400px;
  width:100%;
  height:108px;
  background-image:url(../images/common/background/footer-bar.png);
  background-repeat:repeat-x;
  overflow:hidden;
}
  footer .footer-item  {
    float:left;
  }
  footer .share {
    width:100%;
    position:absolute;
    top:26px;
    left:50%;
    height:25px;
    font-family:"ITC Franklin Gothic Dm Comp";
    font-size:10px;
  }
    footer .share .share-item {
      float:left;
      margin:0 6px;
    }
    .us footer .share .share-item.twitter {
      width:120px;
    }
    .uk footer .share .share-item.twitter {
      width:155px;
    }
    .fr footer .share .share-item.twitter {
      width:130px;
    }
    .de footer .share .share-item.twitter {
      width:155px;
    }
    .es footer .share .share-item.twitter {
      width:160px;
    }
    footer .share .share-item.getglue {
      width:135px;
      margin-top:2px;
    }
    footer .share .share-item.facebook {
      height:20px;
      overflow:hidden;
    }
    .us footer .share .share-item.facebook,
    .uk footer .share .share-item.facebook {
      width:90px;      
    }    
    .fr footer .share .share-item.facebook {
      width:100px;      
    }  
    .de footer .share .share-item.facebook {
      width:140px;      
    }
    .es footer .share .share-item.facebook {
      width:130px;      
    }
    footer .share .share-item.youtube {
      width:60px;
      height:25px;
      margin-top:-3px;
    }
    footer .share .share-item.fb-logo {
      width:25px;
      height:25px;
      margin-top:-3px;
    }
 /*
 footer .logos {
    width:25%;
    text-align:center;
    margin-top:30px;
  }
    footer .logos img {
      margin:10px 5% 0;
    }
  */
  footer .legal {
    width:50%;
    margin-top:60px;
    text-align:center;
    margin-left:25%;
  }
    footer .legal ul {
      display:inline;
      list-style:none;
      padding:0;
      margin:0;
    }
      footer .legal li {
        display:inline;
        color:#d9d6cb;
        font-family:"ITC Franklin Gothic Dm Comp", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size:10px;
        letter-spacing:1px;
        margin:0 15px;
      }
        footer .legal li a,
        footer .legal li a:visited,
        footer .legal li a:link,
        footer .legal li a:active,
        footer .legal li a:hover {
          color:#d9d6cb;
          text-decoration :none;
        }
        .desktop footer .legal li a:hover {
          text-decoration:underline;
        }
  footer .rating {
    width:25%;
    text-align:center;
    margin-top:30px;
  }
    footer .rating img {
      margin:0 5% 0;
    }
  footer .logos {
    text-align:center;
  }
  @media only screen and (max-width:1200px) {
    footer .logos img {
      /*margin:10px 2% 0;*/
    }
  }
  
  @media only screen and (max-width:1400px) {
    footer {
      min-width:1250px;
      height:59px;
    }
    footer .share {
      top:13px;
    }
    footer .legal {
      margin-top:35px;
    }
    footer .rating {
      margin-top:11px;      
    }
  }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media print,
     (-o-min-device-pixel-ratio: 5/4),
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hide {
  display:none!important;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}


/* ==========================================================================
   US only
   ========================================================================== */

body.us header .pages li {
  /*font-size:19px;*/
}


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    /*content: " (" attr(href) ")";*/
  }
  abbr[title]:after {
    /*content: " (" attr(title) ")";*/
  }
  /*
   * Don"t show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* Localized */