//   Copyright (c) 2010-2011, Diaspora Inc.  This file is
//   licensed under the Affero General Public License version 3 or later.  See
//   the COPYRIGHT file.

@font-face {
  font-family: 'BrandonGrotesqueLightRegular';
  src: url('brandongrotesque_light/Brandon_light-webfont.eot');
  src: local('☺'), url('brandongrotesque_light/Brandon_light-webfont.woff') format('woff'), url('brandongrotesque_light/Brandon_light-webfont.ttf') format('truetype'), url('brandongrotesque_light/Brandon_light-webfont.svg#webfont') format('svg');
  font: {
    weight: normal;
    style: normal;
  }
}

#flash_notice,
#flash_error,
#flash_alert {
  z-index: 100;
  top: 32px;
  position: absolute;
  color: #000;
  width: 400px;
  margin: 0 0 0 -200px;
  left: 50%;
  text-align: center;
  font-size: 14px;
  padding: 3px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error,
#flash_alert {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors {
  display: inline;
}

.error_messages {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  font-size: 12px;
  h2 {
    text-align: left;
    padding: 5px 5px 5px 15px;
    margin: 0;
    font: {
      weight: bold;
      size: 12px;
    }
    background-color: #c00;
  }
  p {
    margin: 8px 10px;
  }
  ul {
    margin: 0;
  }
}

/* via blueprint */
html {
  font-size: 100.01%;
}

/* via blueprint */
body {
  font: {
    size: 75%;
    family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  }
  color: #222;
  background: #fff;

  margin-left: 100px;
}

/* via blueprint */
input[type=text],
input[type=password],
textarea, select {
  background-color: #fff;
  border: 1px solid #bbb;
}

/* via blueprint */
input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus, select:focus {
  border-color: #666;
}

#huge_text {
  font: {
    size: 40px;
    family: 'BrandonGrotesqueLightRegular';
  }
  line-height: 120px;
  color: #333;
  text-shadow: 0 1px 1px #999;
}

input {
  font-size: 14px;
}

form p {
  position: relative;
  padding: 0;
}

label {
  color: #999;
  position: absolute;
  padding-top: 7px;
  left: 8px;
  font: {
    size: 14px;
    weight: normal;
  }
}

input[type='text'],
input[type='password'] {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  padding: 0.3em;
  width: 395px;
  border-top: 1px solid #999;
}

#user {
  display: inline;
  width: 500px;
  .username {
    width: 200px;
    display: inline;

    input {
      display: inline;
      width: 200px;
    }
  }

  .user_network {
    width: 200px;
    display: inline;
    font-size: 18px;
  }
}