body {
  border: 0px;
  margin: 0px;
  font-family: helvetica, arial, sans-serif, freesans;
  color: #111;
/*  background-color: #888;
  background-color: #252525; */
  background-color: #eee;
}

a {
  /* text-decoration: none; */
  color: #005db8;
  /* color: #506B96; */
}

img {
  border: 0px;
  padding: 0px;
}

input, select, textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  padding: 4px;
  font-size: 14px;
}

input.required, select.required, textarea.required {
  border-color: #006fda;
}

#header {
  height: 0px;
  width: 900px;
  margin: auto;
}

#body {
  width: 900px;
  margin: 0 auto 0px auto;
}

#footer {
  background-image: url(/images/footer.png);
  padding: 20px;
  color: #fff;
  text-align: center;
}

#menu {
  background-image: url(/images/menu_background.png);
  height: 200px;
  vertical-align: top;
}

#menu #logo {
  padding: 0px;
  margin: 0px;
  height: 100px;
  vertical-align: top;
  float: none;
  text-align: center;
}

#menu_main {
  background-image: url(/images/menu_main_background.png);
  height: 100px;
  line-height: 100px;
  vertical-align: middle;
}

#menu .item {
  text-align: center;
  text-decoration: underline;
  float: left;
  font-size: 24px;
  color: #fff;
  height: 100px;
  line-height: 100px;
  vertical-align: middle;
}

#menu_main .item {
  text-align: center;
  text-decoration: underline;
  float: left;
  font-size: 24px;
  color: #fff;
}

#menu_main .item a, #menu .item a {
  color: #fff;
}

#content {
  background-color: #fff;
  overflow: auto;
}

h1 {
  color: #0b62c1;
}

.tag_smallest {
  font-size: 10px;
}
.tag_small {
  font-size: 12px;
}
.tag_medium {
  font-size: 14px;
}
.tag_large {
  font-size: 16px;
}
.tag_largest {
  font-size: 18px;
}

#new_attender, #new_presenter {
  padding: 20px;
}
#new_attender .label, #new_presenter .label {
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
  padding-top: 6px;
}

#new_attender .field, #new_presenter .field {
  vertical-align: middle;
  padding-bottom: 6px;
}
#new_attender .field input, #new_presenter .field input {
  width: 180px;
  padding: 4px;
  float: left;
}
#new_attender .field textarea, #new_presenter .field textarea {
  width: 180px;
  padding: 4px;
  float: left;
  height: 40px;  
}
#new_attender .field div.message, #new_presenter .field div.message {
  width: 100px;
  float: left;
  height: 25px;
  line-height: 26px;
  border-style: dashed;
  font-size: 12px;
  border-width: 1px 1px 1px 0px;
  border-color: #bbb;
  color: #555;
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}
#new_attender .field div.note, #new_presenter .field div.note {
  font-size: 11px;
  clear: left;
  width: 180px;
}
#new_attender .field div.error, #new_presenter .field div.error {
  border-color: #f42424;
  color: #c01936;
  background-color: #ffc0cb;
}
#new_attender .field div.success, #new_presenter .field div.success {
  border-color: #53a553;
  color: #327932;
  background-color: #acffac;
}
#new_attender .field label, #new_presenter .field label {
  font-size: 12px;
  font-weight: bold;
}
#new_attender .button, #new_presenter .button {
  line-height: 30px;
  padding: 4px;
  padding-left: 80px;
  vertical-align: middle;
  position: relative;
}
#confirm_email_new_attender, #confirm_email_new_presenter {
  font-weight: bold;
}

#new_attender .separator, #new_presenter .separator {
  font-size: 14px;
  padding: 12px 0 6px 0;
  font-weight: bold;
}

.message_confirm {
  background-color: #dcdcdc;
  padding: 100px;
  font-size: 24px;  
}

.error_confirm {
  background-color: #ffeeee;
  padding: 100px;
  font-size: 24px;  
}

/* attenders */
.list_attenders {
  overflow: auto;
}

.attender {
  overflow: auto;
  float: none;
  margin: 0px 0px 20px 0px;
}

.list_attenders .avatar {
  width: 81px;
  padding: 4px;
  float: left;
}

.list_attenders .profile {
  float: left;
  clear: right;
}
.list_attenders .profile .name {
  font-size: 16px;
  font-weight: bold;
  float: none;
}
.list_attenders .profile .twitter, .list_attenders .profile .url {
  font-size: 10px;
  color: #555;
  float: none;
}

/* presenters */
.list_presenters {
  overflow: auto;
}
.presenter {
  margin: 0px 0px 30px 0px;
}
.presenter, .autor {
  overflow: auto;
  float: none;
}
.presenter .name {
  font-size: 20px;
  font-weight: bold;
}
.presenter .description {
  font-size: 14px;
}
.list_presenters .autor .avatar {
  width: 48px;
  padding: 4px;
  float: left;
}

.list_presenters .autor .profile {
  float: left;
  clear: right;
}
.list_presenters .autor .profile .name {
  font-size: 14px;
  font-weight: bold;
  float: none;
}
.list_presenters .autor .profile .twitter, .list_presenters .autor .profile .url {
  font-size: 10px;
  color: #555;
  float: none;
}


/* Areas */
.left_area {
  float: left; 
  width: 60%;
  background-color: #fff;
}

.right_area {
  float: right; 
  width: 40%; 
}
.area {
  margin: 10px; 
  padding: 10px; 
  background-color: #c5e7ff;
}


/* notice, error */

.notice_error {
  border-color: #f42424;
  border-width: 1px;
  border-style: solid;
  color: #c01936;
  background-color: #ffc0cb;
  padding: 20px;
  margin: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.notice_success {
  border-color: #53a553;
  border-width: 1px;
  border-style: solid;
  color: #327932;
  background-color: #acffac;
  padding: 20px;
  margin: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}


/* post */
.post {
  padding: 20px;
}

.post .title {
  font-size: 28px;
}
.post .date, .post .number_comments {
  font-size: 16px;
  color: #777;
}
.post .number_comments {
  margin-top: 40px;
}
.post .description {
  font-weight: bold;
  margin-top: 20px;
}
.post .body {
  margin-top: 20px;
  font-size: 15px;
  font-weight: normal;
}

/* Comments */
#comments {
  margin: 0px 20px 20px 20px;
}
#form_new_comment .label, #form_new_comment .label {
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
  padding-top: 6px;
}

#form_new_comment .field, #form_new_comment .field {
  vertical-align: middle;
  padding-bottom: 6px;
}
#form_new_comment .field input, #form_new_comment .field input {
  width: 260px;
  padding: 4px;
  float: left;
}
#form_new_comment .field textarea, #form_new_comment .field textarea {
  width: 260px;
  padding: 4px;
  float: left;
  height: 80px;  
}
#form_new_comment .field div.message, #form_new_comment .field div.message {
  width: 100px;
  float: left;
  height: 25px;
  line-height: 26px;
  border-style: dashed;
  font-size: 12px;
  border-width: 1px 1px 1px 0px;
  border-color: #bbb;
  color: #555;
  text-align: center;
  background-color: #eee;
  vertical-align: middle;
}
#form_new_comment .field div.note, #form_new_comment .field div.note {
  font-size: 11px;
  clear: left;
  width: 260px;
}
#form_new_comment .field div.error, #form_new_comment .field div.error {
  border-color: #f42424;
  color: #c01936;
  background-color: #ffc0cb;
}
#form_new_comment .field div.success, #form_new_comment .field div.success {
  border-color: #53a553;
  color: #327932;
  background-color: #acffac;
}
#form_new_comment .field label, #form_new_comment .field label {
  font-size: 12px;
  font-weight: bold;
}
#form_new_comment .button, #form_new_comment .button {
  line-height: 30px;
  padding: 4px;
  padding-left: 80px;
  vertical-align: middle;
  position: relative;
}

#form_new_comment .separator, #form_new_comment .separator {
  font-size: 14px;
  padding: 12px 0 6px 0;
  font-weight: bold;
}


/* comment */
.comment {
  overflow: auto;
  float: none;
  margin: 0px 0px 40px 0px;
  padding: 0px 0px 10px 0px;
  border-style: solid;
  border-color: #ccc;
  border-width: 0px 0px 1px 0px;
}

.comment .avatar {
  width: 81px;
  padding: 4px;
  float: left;
}

.comment .profile {
  float: left;
  clear: right;
}
.comment .profile .name {
  font-size: 12px;
  font-weight: bold;
  float: none;
}
.comment .profile .date {
  font-size: 10px;
  font-weight: normal;
  color: #555;
}
.comment .profile .twitter, .comment .profile .url {
  font-size: 10px;
  color: #555;
  float: none;
}
.comment .profile .body {
  margin-top: 10px;
  font-size: 16px;
  float: none;
}


.button_ver_mas {
  width: 100%;
  font-size: 20px;
  height: 50px;
  background-color: #ecf5ff;
}
.button_ver_mas:hover {
  cursor: pointer;
  background-color: #beddff;  
}