.error {
  color:red;
  font-size:90%
}

.hide {
  display:none;
}

.show {
  display:block;
}

#account-pref {
  float:right;
}

#header {
  margin: 0pt 0pt 5px;
  padding: 7px 0pt 0pt;
  top: 0pt;
}

.add-recipe-column {
  margin-top: 10px;
}

.add-recipe-column .title {
  font-size:110%;
  margin:3px 0px 5px 0px;
}

#add-recipe #title {
  border: 1px solid #BBB;
  width:75%;
  font-size:150%;
}

#add-recipe select {
  border: 1px solid #BBB;
}

#add-recipe #recipe {
  width:85%;
  height:300px;
  border:1px solid #BBB;
}

#add-recipe .attachment {
  border:1px solid #BBB;
  margin-top:10px;
}

#error-notify-container {
  padding:10px 0px;
}

#error-notify {
  background:transparent url(/static/img/exclamation.png) no-repeat top left;
  padding-left:20px;
  font-size:110%;
  font-weight:bold;
}

#error-list ul li {
  list-style-type:none;
  font-size:110%;
  color:red;
}

.recipe-title {
  font-size:170%;
  line-height:130%;
  padding:0.8em 0pt 0pt;
}

.recipe-meta {
  font-size:90%;
  color:rgb(50,50,50);
}

.recipe-meta .description {
  color:#000;
}

.stars {
  margin-bottom:5px;
}

.stars img {
  cursor:pointer;
}

.recipe-content {
  margin-top:10px;
  font-size:110%;
  padding-bottom:10px;
}

.recipe-sub {
  padding-bottom:10px;
  border-bottom:1px solid rgb(200,200,200);
  margin:10px 0px 10px 0px;
}

.sub-hd {
  margin:5px 0px;
  padding:0px;
  font-size:120%;
  font-weight:bold;
}

.single-comment {
  padding:10px;
}

.count {
  float:left;
  font-size:140%;
  border:1px solid #ccc;
  margin-right:10px;
  width:30px;
  text-align:center;
}

.comment-body {
  margin-left:45px;
}

.comment-meta {
  margin-top:5px;
  font-size:90%;
  color:rgb(80,80,80);
  margin-left:45px;
}

#comment-input {
  width:600px;
  height:150px;
  border:1px solid rgb(130,130,130);
  display:block;
  margin-bottom:10px;
}

.recipe-list {
  border-bottom: 1px solid #ccc;
}

.recipe-list .recipe-footer {
  background:#E5ECF9;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #3366cc;
}

a img {
  border:0px;
}

#pager {
  margin-top:10px;
  text-align:center;
  width:100%;
}

table {
  border:0px;
}

.prev {
  float:left;
}

.next {
  float:right;
}

.prev a {
  background:url(/static/img/arrow_left.png) no-repeat 2px 2px;
  padding-left:25px;
}

.next a {
  background:url(/static/img/arrow_right.png) no-repeat top right;
  padding-right:25px;
}