* { margin: 0; }
html, body { height: 100%; }
body {
  padding-top: 50px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
.main-content.wrap { min-height: 100%; margin-bottom: -200px; }
.main-content.wrap:after {
  content: "";
  display: block;
}
.site-footer, .main-content.wrap:after {
  height: 200px; 
}
.site-footer {
  background: #3b3b3b;
}

select, input { font-size: 18px; height: 30px; padding: 4px 6px; }

.hidden {
  display:none;
}

.navbar-inner {
  font-size:4em;
  letter-spacing:3px;
  font-weight:normal;
  line-height:0.9em;
}

.navbar-inner span {
  color:#fff; text-shadow:0 0 150px #FFFFFF, 0 0 60px #FFFFFF, 0 0 10px #FFFFFF;
}

.navbar-inner .yellow {
  color:#fde230;
  text-shadow: none;
}

.navbar-inner .presents {
  letter-spacing: 2px;
  text-shadow: none;
}

.logo {
  text-align: center;
  padding-top: 50px;
}

.navbar .light-logo {
  height:44px;
  padding-left: 250px;
  background: url("/images/yellow_logo_bee.png") no-repeat;
  padding-top: 0;
}
.navbar .brand {
  padding:0;
  line-height: 2.2;
  margin-left: 0;
}

.desc { 
  padding-top: 20px;
  font-size: 36px;
  text-align: center;
  line-height: 44px;
}

.hiw {
  margin-top: 30px;
}

.hiw h1 {
  text-align:center;
  margin-bottom: 10px;
}

.hiw .sub {
  height: 100px;
}

.hiw .imgw {
  height: 200px;
  text-align: center;
}
.hiw .imgw img { max-width: 260px; max-height: 200px; }

.pledge label,
.pledge {
  Font-size: 24px;
  line-height: 36px;
  display: inline;
}
.pledge input[type=radio]{ margin-left: 1em; }

.pledge li {
  line-height: 50px;
  list-style: none;
  text-align: center;
}

.pledge a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pledge a.tiny {
  padding: 0;
  border:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  font-size: 10px;
}
.pledge .signup{
  display: inline-block;
}

.btn-large {
  font-size: 24px;
  line-height: 36px;
  padding: 4px 20px 4px;
}

input.input-xlarge {
  font-size: 24px;
  line-height: 36px;
  height: 36px;
  padding: 4px 20px 4px;
}
.error input {
  border-color:red;
}
.flash_container {
  font-size: 16px;
  margin-bottom:20px;
  padding: 1em;
}

hr.scroll { margin: 30px 0; border: 0; background: url(/images/split.gif) no-repeat center; height: 30px; clear: both; }

.rosa {
  font-family: 'Rosarivo', serif;
}

.trocchi {
  font-family: 'Trocchi', serif;
}

#footer {
  padding: 1em 0;
  background-color:#3b3b3b;
  color: #fff;
  width:960px;
  margin: auto;
  clear:both;
}

.copy-right {float:right;}
.footer-links{float:left; margin-right: 60px; }
.footer-links ul{list-style:none; margin:0;}
.footer-links li.first{font-weight:bold; font-size:120%; padding-bottom: 10px;}
.footer-links li a {color:white; text-decoration:none;}

.road_dial { padding-bottom: 0px !important; }

.auth_provider img {
  display: block;
}

.auth_provider {
  float: left;
  text-decoration: none;
  margin-right: 20px;
  text-align: center;
  margin-bottom: 10px;
}

.infinibee p { text-align: center; }
.infinibee-parent {position:relative;}
.infinibee-parent span.infinibee {
  position:absolute; left:2px; top:2px; right:2px; bottom:0;
  opacity:0.8; filter:alpha(opacity=80);
  background:white;
  z-index:7;
  }
.infinibee-parent span.infinibee p {text-align:center;}

#github-auth .modal-header button {
  background-color: white;
  border: 0;
}

#github-auth-button {
  margin: 0 auto;
  width: 128px;
}

#github-auth-button a {
  margin: 0;
  font-size: 14px;
}

#github-auth-button a img {
  margin: 0;
  margin-left: 32px;
}
a#mixpanel{float:right;}

div.hello { width:75% }
.hello p, .hello li { font-size:125%; line-height:120%}
.hello h1 { margin-top: 1em; }
.hello p { margin-top: 1em; margin-bottom: 1em }
.hello li { list-style-type: circle; margin-top: 0.5em; margin-left: 3em; }
.hello p img { vertical-align:text-top; }

.spinning {
  background-image: url(/images/ajax-loader.gif);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: right 5px top 5px;
}

/* begin duolingo */

#habitrpg_api_user,
#habitrpg_api_key,
input#duo-username {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
}

#duo-goal {
  text-align: center;
}

#duo-goal fieldset {
  padding: 10px;
}

#duo-goal input[type='text'] {
  font-size: 22px;
  font-family: 'Rosarivo', serif;
  height: 30px;
  line-height: 30px;
  margin-top: -2px;
}

.points_per_week {
  text-align: center;
}

#duo-goal input[type='radio'] {
  margin: 25px 15px 30px 30px;
}

#habitrpg_auth_input .spinning,
#duo-username .spinning {
  background-position: right 8px top 11px;
}

.font-small {
  font-size:50%;
}

.warning {display:none;}
.warning,
.goal-slug-error, .goal-rate-error, .username-warning, .general-warning {
  color: red;
  font-weight: bold;
  font-family: sans-serif;
}


/* end duolingo */

/* begin flash */
#flash-ie,
#flash{
  max-width:940px;
  margin:auto;
  position:relative;
}
#flash-ie a {
  position:relative;
  z-index:10;
}
.flash_container {
  border: 1px solid #959595;
  padding: 1em;
  margin-bottom: 20px;
  font-size: 16px;
  text-align:center;
}
.flash_container p {
  font-size: 16px;
  line-height: 24px;
  margin: 1em 1em 0 1em;
}
.flash_container #kitteh {
  margin:1em;
}
#flash-alert, div.errors , ul.errors, ol.errors {
  list-style: none;
  border: 1px solid red;
  background-color: rgba(255,0,0,0.5);
  padding: 1em;
}
#flash-alert .header  { background: red; }
#flash-warning .header  { background: red; }
.flash_container.frozen a {
  color:white;
  font-weight:bold;
  text-decoration:underline;
}
.flash-notice {
  color:white;
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.flash-success{
  color:white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:#5bb75b;
background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}
.flash-error{
  color:white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color:#da4f49;
  background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image:linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color:#bd362f #bd362f #802420;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
}
#flash-ie a.close:visited,
#flash-ie a.close,
#flash a.close:visited,
#flash a.close {
  color:#fff;
  text-shadow: 0 1px 0 #bbb;
  opacity: 0.8;
  margin-right: 4px;
}
#flash-ie a.close:hover, 
#flash a.close:hover {
  opacity: 1;
}

/* end flash */

select#run_units{ width: 100px; }
select#run_types{ width: 120px; font-size: 20px; text-align: center;}

.garmin-goal-container,
.sleepminder-goal-container { margin: 60px 0; }
.new-goal-form-container { font-size: 2em; margin-bottom: 2em; }
.new-goal-form-container ol li {
  list-style: decimal inside;
  line-height: 2em;
  text-indent: -1.1em;
  padding-left: 1.1em;
}
.new-goal-form-container li.checkmark { list-style: none; }
.new-goal-form-container li.checkmark:before { content: '✔ '; }

form.new-jawbone-goal .road_dial .form-inline { width: 200px; }
#goal-prefix { position: relative; top: -16px; left: 60px; }
#rate-denom { position: relative; top: -16px; right: 60px; }

.modal-header button { background-color: white; border: none; }

form#duo-goal,
form#codeschool-goal {
  margin: 60px 0 0 0;
}


/* FAT CYCLIST */
div#leaderboard,
div.contest-goal-container { margin: 30px 0; } 
div#leaderboard { 
  font-size:18px; 
  line-height:30px; 
}
div#leaderboard .pledge { font-size:18px; line-height:30px;}
div#leaderboard .table td { font-size:18px; line-height:30px; }
div#leaderboard .left { float:left; }
div#leaderboard table td.description { width:45%; }
select.input-lg {
  font-size:18px;
  height:40px;
}
select[name=weight_unit] {
  width: 60px;
}
.error_message {
  color: red;
  font-size: 14px;
  font-family: sans-serif;
}
input#target_weight, input#current_weight {
  width:80px;
}

#beemtweet{
  margin-left: 365px;
    text-align: center;
  
}

li div.tooltip-inner {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
}

#habitrpg_auth_input input[type="text"] {width:22em;}

/* ***** pledge tab styling *****
 *
 * this partial is borrowed from the goal wizard, which uses a particular
 * stylesheet that we don't want for landing pages, so here is an alternate 
 * style description for the pledge tab:
 *
 */
#pledge_tab { 
  font-size: 18px;
  font-family: 'Rosarivo', serif;
}
#pledge_tab p, #pledge_tab label { font-size: 1em; line-height: 26px; display: inline; }
#pledge_tab fieldset.center { text-align: center; margin-top: 1em; font-size: 24px; }
.wizard_header { width: 100%; clear: both; font-size: 1.5em; font-weight: bold; text-align: center; padding-bottom: 15px; }