/*
 *= require normalize-rails
 *= require iconfonts
 *= require_self
*/

@import "compass/css3/box-sizing";
@import "compass/css3/opacity";
@import "compass/css3/box-shadow";

@import "config";
@import "chat.css.scss";
@import "sessions.css.scss";

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

body {
  background: $bg-color;
  border-top: $inactive-color 7px solid;
  font-size: 12px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}

a {
  text-decoration: none;
}

a:visited {
  color: inherit
}

input {
  border: 1px $gray-light solid;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 5px;
  height: 30px;
  @include box-sizing(border-box);

  &[type=submit], &[type=button] {
    text-transform:lowercase;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 18px;
    margin-top: 16px;
  }

  &[type=submit] {
    background: $app-color;
    color: #f9f9f9;
    border: none 0px #000000;
  }

  &[type=button] {
    background: $app-color;
    color: #f9f9f9;
    border: none 0px #000000;
  }

  &.inactive {
    background-color: $inactive-color;
  }

  &:focus {
    outline: none;
    box-shadow: 0px 0px 1px 1px $app-color;
    border: 1px solid white !important;
  }
}

.top-border {
  box-shadow: 0 -5px 0 $app-color;
}

.left-border {
  box-shadow: -5px 0 0 $app-color;
}

.border {
  border: solid 1px $border-color;
}

.no-top-border {
  border-top: 0;
}

.no-left-border {
  border-left: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}