body {
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333; }

h5 {
  font-size: 85%; }

h4 {
  font-size: 100%; }

h3 {
  font-size: 108%; }

h2 {
  font-size: 123.1%; }

h1 {
  font-size: 138.5%; }

li, ul {
  list-style: none; }

#site-header {
  font-size: 182%; }
  #site-header a {
    color: #000;
    text-decoration: none; }

#hd {
  margin: 0 0 2em 0; }

.notice {
  color: green; }

h1, h2, h3, h4, h5, h6 {
  margin: .67em 0; }

.comments {
  margin: 0;
  padding: 0; }

.comment {
  padding: 0.5em;
  border-top: 1px dashed #D2DADA; }

.comment-meta {
  font-size: smaller; }

.box, .class-participation {
  background: #fff;
  padding: 3px 10px;
  border: 1px #999 solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0.5em; }

.box {
  padding: 1em;
  margin-left: 2em;
  margin-right: 2em; }

.class-participation p {
  margin: 0.5em 0; }
.class-participation h3 a {
  text-decoration: none;
  color: inherit;
  display: block; }

em {
  font-style: italic; }

.container {
  background: #FFF url(../images/bg.jpg) repeat; }

#ft {
  padding: 3px;
  font-size: smaller;
  text-align: center; }
  #ft a {
    color: inherit; }

#user {
  background: #FFF;
  float: right;
  border-bottom: 1px #999 solid;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  color: #000;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px #999 solid; }

body {
  background: #999; }

#bd {
  padding: 15px; }

.video-thumb img {
  border: 1px #999 solid; }

.class-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }

.cp-details {
  clear: left;
  margin-top: 2em; }
  .cp-details em {
    font-size: smaller; }

.new-comment textarea {
  width: 90%;
  height: 50px;
  margin-bottom: 10px; }

.added-comment {
  background-color: #F5EdBC; }

.comments-count {
  float: right;
  line-height: 250%; }
  .comments-count a {
    text-decoration: none;
    color: inherit;
    display: block; }

.notice, .error {
  margin: 0.67em 3em;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9; }

.comment-instructions {
  background-color: #E8E6E7;
  margin: 1em 0;
  padding: 5px; }
  .comment-instructions h3 {
    margin-top: 0; }

#front {
  font-size: larger; }
  #front .signup, #front .signup a {
    text-decoration: none;
    background-color: #97CD39;
    color: #fff;
    font-size: larger; }
  #front .signup {
    border: 1px solid #000;
    padding: 0.5em 1em;
    margin: 1.5em 0 0 1em;
    width: 241px; }
  #front .box {
    padding: 1em 0 1em 1em;
    margin: 0 0.5em 0.5em 0.5em; }
  #front label {
    font-weight: normal; }
  #front .login {
    margin-top: 2em; }
  #front ul, #front li {
    list-style: disc outside; }
  #front li {
    margin: 0.67em 0; }

.box.bamboo {
  background: #FFF url(../images/bamboo.jpg) 300px bottom no-repeat; }

#front-right {
  padding-left: 0.5em; }

.fieldWithErrors {
  background-color: inherit !important; }

#errorExplanation h2 {
  display: none; }

#errorExplanation {
  border: none !important;
  width: 90% !important;
  padding: 7px !important;
  margin-bottom: 5px !important;
  background: none !important; }

.form_element {
  margin: 0 0 1em 0; }
  .form_element .fieldWithErrors {
    background-color: red !important; }

#TB_ajaxContent {
  overflow: visible !important; }
