@import "variables.less";
@import "mixins.less";

@import url("http://fonts.googleapis.com/css?family=Knewave&.css");

// colors from http://kuler.adobe.com/#themeID/1764754
@orange: rgb(255, 97, 56);
@yellow: rgb(255, 255, 157);
@light-green: rgb(190, 235, 159);
@green: rgb(121, 189, 143);
@dark-green: rgb(0, 163, 136);

a, a:link, a:visited, a:hover, a:active{
  color: @dark-green;
  text-decoration: none;
  &:hover{
    text-decoration: underline;
  }
}

.hero-unit h1{
  font-family: 'Knewave';
  font-weight: normal;
}

#site_container{
  .makeRow();
  margin-top: 1em;
}
#site_logo{
  font-family: 'Knewave';
  font-weight: normal;
  .sub{
    color: @orange;
  }
}
#picture_box{
  .makeColumn(4);
  .border-radius(4px);
  background-color: @dark-green;
  padding-bottom: 5px;
  .pic_holder{
    background-color: @yellow;
    .border-radius(4px);
    margin: 10px;
    overflow: hidden;
  }
  i{
    font-size: 30px;
    margin: 5px 0 10px 40px;
    color: @light-green;
  }
}