html, body {
  margin: 0;
  padding: 0;
  background: #000;
}

body {
  font: .6em Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #fff;
}

body a:link, a:visited, a:active {
  color: #fff;
  text-decoration: none;
}

body a:hover {
  text-decoration: none;
  color: #999;
}

h1 {
  margin: 0;
  padding: 1em 0 .2em 0;
  font-size: 1.5em;
}

p {
  margin: 0;
  padding: 1em 0;
  line-height: 1.5em;
}

#container-page {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
}

#container-head {
  background: #000;
  height: 20px;
  border-bottom: 1px solid #000;
}

#head-left {
  float: left;
  text-align: left;
  padding: .3em 1em;
}

#head-right {
  float: right;
  text-align: right;
  padding: .3em 1em;
}

#container-content {
  padding: 3em 0 3em 0;
  text-align: center;
  position: relative;
}

#container-exif {
  width: 250px;
  color: #333;
  text-align: left;
  
}

#container-exif a {
  color: #333;
  text-decoration: none;
}

#container-exif a:hover {
  color: #999;
  text-decoration: none;
}
  
#container-content-thumbnails {
  width: 830px;
  text-align: left;
}

#container-content-archives {
  width: 500px;
}

#archives {
  text-align: left;
}

.photo {
	border-right: #ffffff 5px solid; border-top: #ffffff 5px solid; border-left: #ffffff 5px solid; border-bottom: #ffffff 5px solid; margin-top: 10px; margin-bottom: 10px
}

.thumb {
	border-right: #ffffff 2px solid; border-top: #ffffff 2px solid; border-left: #ffffff 2px solid; border-bottom: #ffffff 2px solid; margin-top: 2px; margin-bottom: 2px; margin-right: 2px; margin-left: 2px
}

a:hover img.thumb {
 	border: 2px solid #999;
	}


#HCB_comment_box textarea {
  /* add any custom CSS for the comment box here. */
  
}

/* the entire html comment box container. applies to everything */
#HCB_comment_box {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #000;
}

#HCB_comment_box p.error {
  border: 1px solid red;
  background-color: #fee;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background-color: #f8f8f8;
}

#HCB_comment_box .hcb-wrapper-half {
    display:block;
    width:50%;
    float:left;
}
#HCB_comment_box .hcb-wrapper {
    clear:both;
}
#HCB_comment_box input.text {
    display:block;
    width:97%;
}
/* the submit button */
#HCB_comment_box input.submit {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #888;
  border-right: 1px solid #888;
  background-color: #ccc;
  color: #666;
  font-weight:bold;
  cursor:pointer;
}

#HCB_comment_box span.home-desc {
  font-size:10px;
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-bottom:1px dotted #999;
  margin-bottom:5px;
}

/* the moderator message */
.hcb-mod  i{
  color: #666;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}