body {
  font-family: helvetica, arial, sans-serif;
  font-size: 9pt;
  background-color: #c0c0c0;
  letter-spacing: 0.03em;
  word-spacing: 0.2em;
  line-height: 12.9pt;
}
img {
  border: none;
}
input {
  border: 2px solid black;
  padding: 2px;
  border-style: solid;
  background-color: #e0e0e0;
}
input:hover {
  background-color: #fbf7e0;
}
input.submit {
  border-style: groove;
}
input.submit:hover {
  background-color: #efe28a;
}
textarea {
  border: 2px solid black;
  padding: 2px;
  border-style: solid;
  background-color: #e0e0e0;
}
textarea:hover {
  background-color: #fbf7e0;
}
.smacktalkDiv {
  float: left;
  width: 450px;
  min-height: 65px;
  border: 3px solid #efebd0;
  margin-top: 10px;
  padding: 10px 4px 4px 4px;
  background: url("/images/smacktalk.png") no-repeat top left;
}
.sponsorprogressDiv {
  float: left;
  margin-top: 10px;
}
#smacktalk {
  width: 450px;
  height: 150px;
}
#smacktalkupdate {
  margin-left: 10px;
  color: #d0d0d0;
}
hr {
  clear: left;
}
#page {
  border: 1px solid black;
  width: 802px;
  margin: 10px 0 10px 0;
  background-color: #fbf7e0;
}
#header {
  width: 800px;
  height: 150px;
  border: 1px solid black;
  cursor: pointer;
  background: url("/images/honotogroabemo-header.png") no-repeat bottom center;
}
#main {
  width: 800px;
  border: 1px solid black;
}
#menu {
  width: 800px;
  min-height: 20pt;
}
.menuitem {
  border: 2px solid black;
  float: right;
  padding: 5px;
  border-style: none none solid solid;
  cursor: pointer;
  background-color: fbf7e0;
}
.menuitemhover {
  border: 2px solid black;
  float: right;
  padding: 5px;
  border-style: none none solid solid;
  cursor: pointer;
  background-color: efe28a;
}
div.menuitem:hover {
  background-color: efe28a;
}
.menulink {
  text-decoration: none;
  font-weight: normal;
}
a.menulink:hover {
  text-decoration: none;
  background-color: efe28a;
}
#submenu {
  width: 750px;
}
.submenuitem {
  border: 1px solid black;
  float: left;
  padding: 5px;
  border-style: solid solid none none;
  cursor: pointer;
}
.submenuitemhover {
  border: 1px solid black;
  float: left;
  padding: 5px;
  border-style: solid solid none none;
  cursor: pointer;
  background-color: efe28a;
}
div.submenuitem:hover {
  background-color: efe28a;
}
.commentsmenu {
  width: 750px;
  clear: left;
  min-height: 20pt;
}
.commentsmenuitem {
  border: 1px solid black;
  float: left;
  padding: 5px;
  border-style: none none none solid;
  cursor: pointer;
}
.commentsmenuitemhover {
  border: 1px solid black;
  float: left;
  padding: 5px;
  border-style: none none none solid;
  cursor: pointer;
  background-color: efe28a;
}
div.commentsmenuitem:hover {
  background-color: efe28a;
}
#catmenu {
  width: 300px;
  float: right;
}
.catmenuitem {
  width: 290px;
  border: none;
  padding: 3px;
  margin: 2px;
  cursor: pointer;
}
.catmenuitemhover {
  width: 290px;
  border: none;
  padding: 3px;
  margin: 2px;
  cursor: pointer;
  background-color: efe28a;
}
div.catmenuitem:hover {
  background-color: efe28a;
}
#content {
  width: 792px;
  min-height: 40px;
  padding: 4px;
}
#footer {
  width: 804px;
  margin: 0 0 10px 0;
}
td.caption {
  background-color: efe28a;
  font-weight: bold;
  text-align: center;
}
#login {
  width: 350px;
  margin: 50px auto;
  border: 2px solid black;
}
#login_error {
  width: 300px;
  margin: 50px auto;
  text-align: left;
  color: red;
}
#edit_main {
  width: 750px;
  margin: 30px auto;
}
.fieldcaption {
  background-color: #efe28a;
  text-align: right;
}
#editTitle {
  width: 600px;
}
#editPost {
  width: 600px;
  height: 600px;
}
#editCaption {
  width: 600px;
  height: 80px;
}
#editName {
  width: 400px;
}
#editWebsite {
  width: 400px;
}
#editEmail {
  width: 400px;
}
#editComment {
  width: 600px;
  height: 200px;
}
a {
  font-weight: bold;
  font-size: 9pt;
  color: #000000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.postHeaders {
  background-color: #efe28a;
  width: 774px;
  margin: 6pt 0;
  padding: 6pt;
  clear: left;
}
.postTitle a {
  font-size: 11pt;
}
.postTitle {
  clear: left;
}
.postTime {
  clear: left;
  float: left;
  width: 250px;
}
.postCategories {
  clear: right;
  float: right;
  text-align: right;
  width: 450px;
}
.postCategories a {
  font-weight: normal;
}
.postAuthor {
  clear: left;
}
.postAuthor a {
  font-weight: normal;
  font-style: italic;
}
.postPost {
  clear: left;
  padding: 0 6pt;
  text-align: justify;
}
.tinylink {
  font-size: 8pt;
}
.postBeardThumb {
  width: 266px;
  float: left;
  clear: left;
  margin: 4pt 8px 8px 0px;
  padding: 8px 0;
  border: 1px solid black;
  text-align: center;
  font-weight: normal;
  font-size: 8pt;
}
.commentHeaders {
  background-color: #efe28a;
  width: 774px;
  margin: 6pt 0;
  padding: 6pt;
}
#instructions {
  background-color: #404040;
  border: 2px solid black;
  color: #e0e0ff;
  width: 500px;
  margin: 10px auto;
  padding: 5px;
}
#instructions a {
  color: #e0e0ff;
}
.sidebarcontent {
  background-color: #e0e0e0;
  border: 2px solid #efe28a;
  margin-left: 12px;
}
.sidebarspreader {
  height: 100%;
  width: 12px;
  background-color: #c0c0c0;
  background: url("/images/honotogroabemo-sidebarspreader.png") no-repeat top center;
}
.sidebarcollapse {
  float: left;
  height: 100%;
  width: 12px;
  background-color: #c0c0c0;
  background: url("/images/honotogroabemo-sidebarcollapse.png") no-repeat top center;
}
.rcprev {
  background: url("/images/rcprev.png") no-repeat top center;
  height: 12px;
}
.rcprevhover {
  background: url("/images/rcprevhover.png") no-repeat top center;
  height: 12px;
  cursor: pointer;
}
.rcnext {
  background: url("/images/rcnext.png") no-repeat top center;
  height: 12px;
}
.rcnexthover {
  background: url("/images/rcnexthover.png") no-repeat top center;
  height: 12px;
  cursor: pointer;
}
.rcsummary {
  background-color: #e0e0e0;
  padding: 4px;
}
.rcsummaryhover {
  background-color: #efe28a;
  padding: 4px;
  cursor: pointer;
}
#slideshow {
  width: 258px;
  margin: 10px 271px;
  border: 2px solid black;
}
#slideshowimgdiv {
  margin: 4px;
  min-height: 300px;
}
#slideshowcontrols {
  min-height: 26px;
  margin-top: 20px;
}
.slideshowprev {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshowprev.png") no-repeat top center;
}
.slideshowprevhover {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshowprevhover.png") no-repeat top center;
}
.slideshowpause {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshowpause.png") no-repeat top center;
}
.slideshowpausehover {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshowpausehover.png") no-repeat top center;
}
.slideshownext {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshownext.png") no-repeat top center;
}
.slideshownexthover {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px;
  border: 1px solid black;
  background: url("/images/slideshownexthover.png") no-repeat top center;
}
#slideshowpaused {
  text-align: center;
  position: absolute;
  width: 258px;
  clear: both;
  z-index: -1;
}
div.authoricon {
  width: 32px;
  float: right;
  padding: 0px 4px;
}
div.authortext {
  visibility: hidden;
  display: none;
  position: absolute;
  border: 1px solid black;
  background: #e0e0e0;
  margin: 2px;
  padding: 2px;
  z-index: 200;
}
a.authorlink {
  text-decoration: none;
}