html {
  font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 1em;
}
h1, h2 {
  font-weight: normal;
  font-size: 2em;
  padding: 10px 0;
}
h1 strong { color: #db1750; }
h2 strong { color: #db1750; }
li, p { padding: 4px; }
a {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #db1750;
  font-weight: bold;
}
div#container {
  position: relative;
  width: 960px;
  margin: 36px auto 0;
}
div#leftcol {
  float: left;
  margin-right: 10px;
  width: 640px;
}
div#rightcol {
  float: right;
  width: 310px;
  text-align: right;
}
div.info ul {
  color: #db1750;
  padding-left: 10px;
}
ul#menu {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  text-align: right;
}
ul#menu li { float: right; }
div#content {
  clear: both;
  margin: 20px 0;
}
div#latest_moods, div#all_my_moods {
  margin-top: 10px;
  font-size: 0.8em;
}
div#latest_moods li {
  color: #333333;
  padding: 2px 4px;
  margin-left: 8px;
  text-indent: -8px;
}
div#all_my_moods li {
  color: #333333;
  padding: 2px 4px;
  margin-left: 8px;
  text-indent: -8px;
}
span.subtext {
  font-size: 25%;
  color: #eeeeee;
}
ul#usersummary { margin-bottom: 60px; }
h1 a {
  text-decoration: none;
  color: #db1750;
}
input[type=submit] { margin: 10px 0; }
.fieldWithErrors { display: inline; }
.errorExplanation { margin: 20px 0; }
div#footer {
  margin-top: 40px;
  font-size: 0.8em;
}
div#footer li { float: left; }
span.latest_mood_journal { display: none; }
span.why { color: #db1750; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix, .content { display: inline-block; }
* html .clearfix { height: 1%; }
* html .content { height: 1%; }
.clearfix, .content { display: block; }
div#footer li.todaysmood { float: right; }
div#footer li.todaysmood img {
  top: -25px;
  position: relative;
}
a.new_feature {
  color: #db1750;
  text-decoration: none;
  font-weight: bold;
}
a:hover.new_feature {
  color: #000000;
  font-weight: bold;
}
div#navlinks {
  width: 600px;
  font-size: 2em;
  padding: 0 20px 0 20px;
  margin: 0;
}
div#navlinks a { font-weight: bold; }
.navleft { float: left; }
.navright { float: right; }
span.small { font-size: 0.5em; }
div#new_mood_with_icons {
  text-align: center;
  margin: 0 auto;
  width: 90%;
}
div#new_mood_with_icons div.mood_choice {
  float: left;
  width: 20%;
}
div#new_mood_with_icons label img {
  display: block;
  margin: 0 auto;
}