body {
  background-color: #4B7399;
  font-family: Verdana, Helvetica, Arial;
  font-size: 14px;
}

a img {
  border: none;
}

a {
  color: #0000FF;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#container {
  width: 75%;
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px 40px;
  border: solid 1px black;
  margin-top: 20px;
}

#footer{
  text-align: center;
  font-size: small;
  color: #777;
}
.flash {
  float: left;
  padding: 5px 8px;
  margin: 0px 0;
  width: 25%;
}

.flash {
  background-color: #8FB7DD;
  border: solid 1px #4B7399;
}


.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

#content{
  margin-top: 80px;
}

#user_control{
float: right;
}

#post_header{
  background-color: #DDD;
}

#post_title{
  font-size: large;
  font-weight: bold;
}

#post_metadata{
  font-size: small;
  color: grey;
}

#post_content{
  padding: 10px;
}

#post_container{
  background-color: #EEE;
}

#post{
  padding-left: 65px;
}

#task_even {
  background-color: #EEE;
}

#task_odd {
  background-color: #DDD;
}
#task_context{
  background-color: #4B7399;
}

#post_private{
  background-color: #FAA;
}
ul.menu{
  padding: 0px;
  margin: 0;
  list-style: none;
  float: left;
}
li.menu{
  float: left;
  display: inline; /*For ignore double margin in IE6*/
  margin: 0 5px;
}
ul.menu li.menu a {
  text-decoration: none;
  float:left;
  color: #999;
  cursor: pointer;
  font: 900 14px/22px "Arial", Helvetica, sans-serif;
}
ul.menu li.menu a span {
  margin: 0 10px 0 -10px;
  padding: 1px 8px 5px 18px;
  position: relative; /*To fix IE6 problem (not displaying)*/
  float:left;
}
ul.menu li.menu a, ul.menu li.menu a:hover {
  background: url(/images/blueButton.png) no-repeat top right;
  color: #FFF;
}
ul.menu li.menu a span, ul.menu li.menu a:hover span {
  background: url(/images/blueButton.png) no-repeat top left;
}

.css1 { font-size: small; }
.css2 { font-size: medium; }
.css3 { font-size: large; }
.css4 { font-size: x-large; }

.dateblock {
text-align: center;
width: 50px;
font-family: Arial;
float: left;
background-color: #4B7399;
border: 1px solid black;
color: white;
}
.day {
font-size: 26px;
position: relative;
top: -5px;
}
.month {
font-size: 12px;
}
.year {
font-size: 12px;
position: relative;
top: -10px;
}