/* 960 Grid System ~ Text CSS.
 * Learn more ~ http://960.gs/
 *
 * Licensed under GPL and MIT. */
body {
  margin: 0;
  padding: 0;
  font: 14px "Droid Sans", arial, serif;
  background: #dad2bd url("img/bg.png") repeat-x top center; }

body.camp {
  margin: 0;
  padding: 0;
  background: white; }

a {
  color: #2277aa;
  text-decoration: none; }

a:hover {
  color: #bc3518;
  text-decoration: underline; }

a:active {
  #color: #bc3518;
  text-decoration: underline; }

h1 {
  color: #1c1c1c;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px; }

h2 {
  color: #1c1c1c;
  margin-top: 15px;
  margin-bottom: 3px; }

h3 {
  color: #1c1c1c;
  font-weight: normal;
  font-size: 17px;
  margin-top: 5px;
  margin-bottom: 5px; }

h4 {
  font-weight: bold;
  font-size: 110%;
  margin-top: 3px;
  margin-bottom: 3px; }

.number {
  font-size: 20px; }

.number_small {
  font-size: 17px; }

.number_large {
  font-size: 26px; }

.time {
  margin-top: 2px;
  color: #777777;
  font-size: 90%; }
  .time a {
    color: #777777; }

.user {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 3px; }

.small {
  font-size: 75%; }

.highlight {
  background-color: #ffff88; }

.highlight_top {
  background-color: #ffff88;
  padding: 10px;
  margin: 0 20px 20px 0; }

.brown_bg {
  background-color: #b6a57c;
  padding: 15px;
  border: 1px solid white; }
  .brown_bg a {
    color: white; }

.separator {
  font-size: 20px;
  font-weight: black;
  border-bottom: 1px solid gray;
  margin-bottom: 5px; }

.separator2 {
  font-size: 17px;
  margin-top: 15px;
  margin-bottom: 10px; }

img {
  vertical-align: middle;
  border: 0; }

img.border {
  margin: 0 10px 5px 0px;
  padding: 3px;
  border: 1px solid lightgray; }

img.no_padding {
  margin: 0;
  padding: 0;
  border: 1px solid lightgray; }

img.screenshot {
  margin: 0px 10px 15px 0px;
  padding: 5px;
  border: 1px solid darkgray;
  background-color: #d0d0d0; }

img.user_small {
  vertical-align: middle;
  margin: 0 10px 0px 0px;
  padding: 3px;
  border: 1px solid lightgray; }

img.user_small_no_space {
  vertical-align: middle;
  margin: 0 0px 0px 0px;
  padding: 2px;
  border: 1px solid lightgray; }

img.user {
  vertical-align: middle;
  margin: 0 5px 5px 0px;
  padding: 3px;
  border: 1px solid lightgray;
  width: 73px; }

img.badge {
  padding: 3px;
  border: 1px solid #aaaaaa;
  margin: 3px 9px 5px 0;
  width: 70px;
  height: 70px; }

img.mini_badge {
  padding: 2px;
  border: 1px solid #aaaaaa;
  margin: lpx 1px 1px 0;
  width: 30px;
  height: 30px; }

img.big_badge {
  padding: 3px;
  border: 1px solid #aaaaaa;
  margin: 3px 9px 5px 0;
  width: 100px;
  height: 100px; }

img.mini_badge:hover {
  border: 1px solid #bc3518; }

img.badge_correct_height {
  padding: 3px;
  border: 1px solid #aaaaaa;
  margin: 10px 9px 10px 0;
  width: 100px; }

img.badge_end {
  padding: 3px;
  border: 1px solid #aaaaaa;
  margin: 10px 0px 10px 0;
  width: 100px;
  height: 100px; }

img.badge_med {
  padding: 3px;
  border: 1px solid #aaaaaa;
  width: 60px;
  height: 60px; }

td.badge {
  width: 110px;
  vertical-align: top; }

.spacer {
  height: 20px; }

.little_spacer {
  height: 10px; }

.tiny_spacer {
  height: 3px; }

td.top {
  vertical-align: top; }

td.button_right {
  text-align: right;
  vertical-align: middle; }

tr.underline {
  border-bottom: 1px solid lightgray; }

#strap {
  font-family: Verdana, Arial; }

li.with_space {
  margin-bottom: 10px; }

.label {
  margin-top: 5px; }

.no_space {
  margin-top: 0px;
  margin-bottom: 0px; }

.space_below {
  margin-bottom: 5px; }

.button {
  background: #bc3518;
  text-decoration: none;
  color: white;
  width: 150px;
  margin: 1px;
  padding: 3px;
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 120%;
  border-style: none;
  cursor: pointer;
  font-weight: bold;
  background: #0088b5; }

.button:hover {
  background: #bc3518;
  text-decoration: none;
  color: white; }

.button_small {
  background: #bc3518;
  text-decoration: none;
  color: white;
  width: 110px;
  margin: 1px;
  padding: 3px;
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 120%;
  border-style: none;
  cursor: pointer;
  font-weight: bold;
  background: #0088b5; }

.button_small:hover {
  background: #bc3518;
  text-decoration: none;
  color: white; }

.added {
  background: #8a8b3d; }

.small {
  font-size: 12px; }

.right {
  text-align: right; }

.right_align {
  text-align: right; }

#photo_credits {
  color: lightgray; }

.admin {
  color: #bc3518; }
  .admin a {
    color: #bc3518; }

#user_name {
  width: 100px; }

.explanation {
  font-size: 90%;
  font-style: italic; }

.orange {
  color: #bc3518;
  font-size: 90%;
  font-weight: bold; }

.white {
  color: white; }
  .white a {
    color: white; }

.bg_orange {
  background-color: #bc3518;
  color: white; }

.bolder {
  font-size: 120%;
  font-weight: bold; }

.sphere_label {
  background: #bc3518;
  text-decoration: none;
  color: white;
  width: 150px;
  margin: 1px;
  padding: 3px;
  display: block;
  background: #3d3d3d;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 105%;
  border-style: none; }

.sphere_label_small {
  background: #bc3518;
  text-decoration: none;
  color: white;
  width: 80;
  margin: 1px;
  padding: 3px;
  display: block;
  background: #3d3d3d;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 105%;
  border-style: none;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 5px; }

.sphere_label_clickable {
  background: #bc3518;
  text-decoration: none;
  color: white;
  width: 150px;
  margin: 1px;
  padding: 3px;
  display: block;
  background: #3d3d3d;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 105%;
  border-style: none;
  cursor: pointer; }
  .sphere_label_clickable a {
    color: white; }

.sphere_label_clickable:hover {
  color: white;
  background: #bc3518;
  text-decoration: none;
  color: white; }

.hidden {
  display: none; }

.topic {
  font-size: 105%;
  margin-bottom: 3px; }

li.no_space {
  margin-left: 0px;
  margin-bottom: 10px; }

ul {
  -webkit-padding-start: 20px;
  margin: 0px; }

ol {
  -webkit-padding-start: 20px;
  margin: 0px; }

.center {
  text-align: center; }

.huge {
  font-size: 300%; }

.big {
  font-size: 200%; }

.bigger {
  font-size: 110%; }

.bigger2 {
  font-size: 130%; }

.indent {
  padding-left: 23px; }

.indent_h3 {
  padding-left: 17px; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold; }

.unbold {
  font-weight: normal; }

.smaller {
  font-size: 85%;
  margin-top: 5px; }

.gray-color {
  color: #f0f0f0;
  padding: 5px; }

.gray {
  background-color: #f0f0f0; }

.gray_darker {
  background-color: gray; }

#gray_padded_right {
  background-color: #f0f0f0;
  padding: 5px;
  margin-right: 15px; }

div.editable-notes:hover {
  background-color: #fff6bf; }

div.nav-bar {
  font-size: 18px;
  font-color: white;
  height: 27px;
  width: 500px;
  border-bottom: 2px solid darkgray; }

div.nav-bar-right {
  height: 27px;
  width: 460px;
  border-bottom: 2px solid darkgray;
  text-align: right; }

span.tab {
  background-image: url("img/nav-button-bg.png");
  background-repeat: repeat-x;
  border-left: 1px solid white;
  border-right: 1px solid gray;
  padding: 8px; }
  span.tab a {
    color: white; }

span.tab_selected {
  background-image: url("img/nav-button-active-bg.png");
  background-repeat: repeat-x;
  border-left: 1px solid white;
  border-right: 1px solid gray;
  color: black;
  padding: 8px; }
  span.tab_selected a {
    color: black; }

.selected {
  background-repeat: repeat-x;
  color: black; }
  .selected a {
    color: black; }

.graph {
  color: white;
  height: 8px;
  background-color: #7dcddb;
  border-right: 1px white solid;
  margin-top: 2px; }

.graph_black {
  color: white;
  height: 8px;
  background-color: black;
  border-right: 1px white solid;
  margin-top: 2px; }

.green {
  color: #00aa33; }

.gray_text {
  color: #888888; }
  .gray_text a {
    color: #888888; }

.darkgray_text {
  color: #666666; }

.half {
  width: 450px; }

.hide {
  display: none; }

.logo {
  padding: 10px;
  background-color: white;
  margin: 0px 10px 10px 10px; }

.view_more {
  margin-top: -10px;
  margin-bottom: 20px; }

.linked_in {
  margin-top: -10px; }

.highlight_red {
  color: white;
  background-color: red; }

.higher {
  margin-top: -15px;
  padding: 3px; }

.beta {
  font-size: 85%;
  color: red;
  font-weight: bold; }

#sign_up_form input {
  margin: 3px;
  margin-left: 10px; }
#sign_up_form .s_input_basic {
  margin: 5px; }
  #sign_up_form .s_input_basic label {
    display: block;
    width: 100px;
    float: left;
    text-align: right;
    margin: 3px; }
#sign_up_form .s_input_more {
  margin: 5px; }
  #sign_up_form .s_input_more label {
    width: 200px;
    float: left;
    text-align: right;
    margin: 3px; }