/*
    /  Copyright (C) king.com Ltd 2015
    /  https://github.com/king/king.github.io
    /  Author: Josep F. Barranco
    /  License: Apache 2.0, https://raw.github.com/king/king.github.io/master/LICENSE-APACHE
    */

    @font-face{
      font-family:appFont;
      src:url('../images/fonts/SuperGroteskWebPro.woff') format('woff');
      font-weight:400
    }

    html{
        background: #f0eadf;
       color: #000000;
       font-family: appFont;
       -ms-text-size-adjust:100%;
       -webkit-text-size-adjust:100%;
           height:100%;
     }

    body {
      font-family: appFont;
      font-size: 14px;
      line-height: 1.28571em;
      color: #ff9900
      min-width: 960px;
    }

    h1 {
      font-weight: bold;
    }

    h2 {
      font-weight: bold;
    }

    a {
      color:#ff6a00;
      cursor:pointer
    }

    a:link, a:visited {
      color: #ff6a00;
      text-decoration: none;
    }

    a:hover {
      text-decoration: none;
    }

    #wrapper {
      position: relative;
      max-width: 960px;
      margin: 0 auto;
      padding: 10px 0;
    }

    header{
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 46%, #f0eadf 100%); 
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 46%,#f0eadf 100%); 
    background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 46%,#f0eadf 100%);
    width:100%;
    height:340px;
        position: relative;
    }

    #main {
      height: 250px;
        max-width:960px;
        margin:0 auto;
        background: transparent;
        position: relative;
    }

    header:before{
        content: "";
        display:block;
        background:url('../images/topLeft.png');
        width:500px;
        height:113px;
        position: absolute;
        top:0;
        left:0;
    }

    header:after{
        content: "";
        display:block;
        background:url('../images/diggy.png');
        width:312px;
        height:340px;
        position: absolute;
        bottom:38px;
        right:0;
    }

    #logo {

      height: 283px; 
        width:400px;
        margin:0 auto;
      background: url("../images/king_logo.png") no-repeat;
        z-index:2;
        position: relative;
    }

    #statistics p, #recent-repo h1 {
      font-size: 24px;
      color: #595554;
      margin-bottom: 15px;
    }

    #statistics, #recent-repo  {
      text-align: center;
    }

    .infoBox{
    width:300px;
        position: absolute;
        right:0;
        top:20px;
    }

    .reposAndMembers{
        width:auto;
        color: #00b67d;
        position:absolute;
        top:10px;
        right:10px;
        z-index:2;
        background: rgba(255,255,255,.7);
        padding:5px;
        border-radius:5px;
    }

    .reposAndMembers a{
        color:#00b67d;
    }

    #statistics {
      height: auto;
        width:100%;
        background: #c1c19d;
        position: absolute;
        bottom:0;
        padding:10px 0;
        z-index:2;
    }

    #statistics a{
        color: #fff;
    }

    #num-repos, #num-members {
      font-size: 24px;
      margin-right: 10px;
      margin-left: 10px;
      font-weight: bold;
      color: #00b67d;
      line-height: 30px;
    }

    #recent-repo {
      height: auto;
        color: #fff;
        font-size:16px;
        padding-top:2px;
    }

    #recent-repo-list{
    display:inline;
    }

    #recent-repo-list li {
      display:inline;
        margin-left:20px;
    }

    #recent-repo-list li span {
      display: inline-block;
    }

    #recent-repo-list li span a {
      color: #fff;
    }

    #recent-repo-list li span.name {
      font-size: 16px;
      font-weight: bold;
    }

    #recent-repo-list li span.time {
      font-size: 14px;
    }

    #repos{
        width:100%;
        background: #fff;
        border-radius:8px;
    }


    li.repo {
        height: auto;
        width:300px;
        margin:20px 10px;
        float:left;
    }

    li.repo > a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-decoration: none;
      color: #00b67d;
    }

    li.repo > a p{
        color: #595554;
    }

    li.repo:hover {
        background-color: #e0fcf4;
    }

    li.repo h1, li.repo h2, li.repo p {
      margin: 5px 10px 5px 10px;
      max-width: 270px;
      overflow: hidden;
    }

    li.repo h1 {
      font-size: 22px;
      line-height: 30px;
    }

    li.repo h2, .info_watchers, .info_forks, .info_language {
      font-size: 12px;
    }

    li.repo p {
      font-size: 18px;
      padding-top: 5px;
    }

    .info_watchers, .info_forks, .info_language {
      margin-right: 10px;
      margin-left: 5px;
    }

    .info_language {
      text-align: right;
      font-weight: bold;
    }
    /*
    .orangeBox{
        border: 2px solid #ff6a00;
    }

    .greenBox{
      border: 2px solid #00b67d;
    }

    .yellowBox{
     border: 2px solid #ffc000;
    }

    .pinkBox{
      border: 2px solid #fa4092;
    }

    .grayBox{
        border: 2px solid #c1c19d;   
    }
    */

    /* http://nicolasgallagher.com/micro-clearfix-hack/ */
    .clearfix {
      *zoom: 1;
    }

    .clearfix:before,
    .clearfix:after {
      content: "";
      display: table;
    }

    .clearfix:after {
      clear: both;
    }

    @media (max-width: 959px) {

        #repos{
            width:auto;
            margin:10px;
        }

        li.repo{
            width:350px;
        }

    }

    @media (max-width: 765px) {

        header:before, header:after{
            display:none;
        }

        .reposAndMembers{
        background: transparent;
        padding:0;
    }

        #logo {
        position: relative;
            top:45px;
        height: 177px; 
        width:250px;
        background: url("../images/king_logo_s.png") no-repeat;
    }

        li.repo{
            width:100%;
            margin:20px 0;
        }

    }