/*
Theme Name: Harvey Family History
Theme URI: http://harveyfamilyhistory.com
Version: 1.0
Description: Custom Theme for Harvey Family History
Author: Leanne Wildermuth
Author URI: http://www.intricateart.com
*/

.thumbs {
 float: right;
 display: inline;
 padding-top: 35px;
 padding-right: 5px;
 font-size: 9px;
}


.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Top Menu Formatting */

#topmenu {
 margin-top: -75px;
 text-align: center;
 font-family: trebuchet ms, sans-serif;
 letter-spacing: 2px;
 padding-right: 50px;
 font-size: 10px;
 text-transform: lowercase;
 color: #000040;
 float: right;
 display: inline;

}

.topmenu { 
background: transparent;
 color: #7d6433;
 text-decoration: none;
 float: left;
 display: inline;
 padding-left: 1px;
 padding-right: 1px;
}

#topmenu a {
 background: transparent;
 color: #7d6433;
 text-decoration: none;
 float: left;
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

#topmenu a:hover {
 background: #7d6433;
 color: #fff1c1;
 text-decoration: none;
 float: left;
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #fff1c1;
  color: #614d27;
  font-family: verdana, trebuchet ms, sans-serif;
  font-size: 12px;
  list-style-type: none;
}

#wrapper {
  width: 839px;
  margin-left: auto;
  margin-right: auto;
  background: url('img/wrap.jpg') top center repeat-y;
  padding: 0px;
}

#header {
  height: 181px;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#content {
  float: left;
  width: 600px;
  margin-top: -50px;
  padding-right: 0px;
  display: inline;
  text-align: left;
  background: #fff;
  border: 1px solid #C1BB8B;
}

#content a:link {color: #614d27; font-weight: bold; text-decoration: underline; }
#content a:active {color: #614d27; font-weight: bold; text-decoration: underline; }
#content a:visited {color: #614d27; font-weight: bold; text-decoration: underline; }
#content a:hover {color: #fff1c1; font-weight: bold; text-decoration: none; background-color:#94ae4a;
}

h1 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #000;
  font-size: 16px;
  padding-bottom: 0px;
  margin-top: 0px;
}

h2 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  color: #8aa345;
  font-size: 12px;
  padding: 10px 0 0 0;
  margin: 0;
  text-transform: uppercase;
}


h3 {
  text-align: center;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  font-size: 12px;
  padding-bottom: 0px;
  margin-top: 0px;
}

#galpost-top {
  width: 600px;
  height: 37px;
  background-image: url(img/galposttop.jpg);
  background-repeat: no-repeat;
}

#galpost-bg {
  width: 600px;
  background-image: url(img/galpostbg.jpg);
  background-repeat: repeat;
}


#galpost-bottom {
  width: 600px;
  height: 37px;
  background-image: url(img/galpostbottom.jpg);
  background-repeat: no-repeat;
}

#post-top {
  width: 450px;
  height: 35px;
  background-image: url(img/posttop.jpg);
  background-repeat: no-repeat;
}

#post-bg {
  width: 450px;
  background-image: url(img/postbg.jpg);
  background-repeat: repeat;
}


#post-bottom {
  width: 450px;
  height: 36px;
  background-image: url(img/postbottom.jpg);
  background-repeat: no-repeat;
}

.post {
  padding: 20px;
  text-align: justify;
}

.post-meta {
  padding-top: 0px;
  text-align: left;
}

#contentboxes1 {
  width: 605px;
  float: left;
}

#contentboxes1 a:link {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes1 a:active {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes1 a:visited {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes1 a:hover {color: #fff1c1; font-weight: bold; text-decoration: none; background-color:#94ae4a;
}

#contentboxes {
  width: 625px;
  margin-left: 210px;
}

#contentboxes a:link {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes a:active {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes a:visited {color: #614d27; font-weight: bold; text-decoration: underline; }
#contentboxes a:hover {color: #fff1c1; font-weight: bold; text-decoration: none; background-color:#94ae4a;
}

.contentbox {
  float: left;
  display: inline;
  font-size: 9px;
  padding: 0;
}

.contentbox-text {
  padding-left: 20px;
  text-align: center;
  padding-right: 20px;
}

#contentbox-top {
  width: 121px;
  height: 19px;
  background-image: url(img/contentboxtop.jpg);
  background-repeat: no-repeat;
}

#contentbox-bg {
  width: 121px;
  background-image: url(img/contentboxbg.jpg);
  background-repeat: repeat;
}

#contentbox-bottom {
  width: 121px;
  height: 17px;
  background-image: url(img/contentboxbottom.jpg);
  background-repeat: no-repeat;
}

.sideimg {
  border: 1px solid #614d27;
  margin: 5px 0 5px 0;
}

#side {
  float: left;
  width: 150px;
  margin-top: -35px;
  padding-left: 60px;
  list-style-type: none;
  display: inline;
}

#side a:link {color: #614d27; font-weight: bold; text-decoration: underline; }
#side a:active {color: #614d27; font-weight: bold; text-decoration: underline; }
#side a:visited {color: #614d27; font-weight: bold; text-decoration: underline; }
#side a:hover {color: #fff1c1; font-weight: bold; text-decoration: none; background-color:#94ae4a;
}

#side .menu {
  margin: 0px;
  list-style-type: none; 
  display: block;
  overflow: hidden;
}

#side ul {
  padding: 0;
  margin: 0;
}

#side li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#side ul li {
  padding: 0 0 2px 0;
  margin: 0 0 0 10px;
  list-style-type: none;
}

#footer {
  clear: both;
  height: 71px;
  background: url(img/footer.jpg) bottom center no-repeat;
  text-align: center;
  font-size: 10px;
  padding-top: 10px;
}

#footer a:link {color: #614d27; font-weight: bold; text-decoration: underline; }
#footer a:active {color: #614d27; font-weight: bold; text-decoration: underline; }
#footer a:visited {color: #614d27; font-weight: bold; text-decoration: underline; }
#footer a:hover {color: #fff1c1; font-weight: bold; text-decoration: none; background-color:#94ae4a;
}


.footer-text {
  padding-top: 50px;
  text-align: center;
}

 
/* Comment form design */

.comment-align {
 width: 85%;
 padding-left: 35px;
 padding-top: 40px;
}

.comment-container {
 border: 1px solid #2d2d2d;
 padding: 3px;
}

.comment-header {
 background-color: #fff;
 border-bottom: 1px dotted #2d2d2d;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 20px;
}

.comment-num {
 float: right;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 26px;
 padding-bottom: 10px;
 color: #c0c0c0;
}

.comment-text {
 padding: 5px;
 background-color:#fff;
}

.comment-list .odd-comment, 
.comment-list .even-comment {
  font-size:11px;
  margin-bottom:15px;
  text-align: left;
  overflow: hidden;

}

.comment-list {
 font-size: 11px;
 margin: 0px;
}

.comment-date {
 border-top: 1px dotted #2d2d2d;
 font-size: 11px;
 color: #2d2d2d;
 text-align: right;
 background-color: #fff;
}

.comment-meta {
 font-size: 12px;
 color: #4c4058;
 padding: 5px;

}

.comment-form {
 width: 85%;
 padding-left: 65px;
 padding-top: 20px;
}

blockquote {
  background: #c0c0c0;
  padding: 5px;
  text-align: left;
  line-height: 150%;
  border: 2px solid #2d2d2d;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #fff;
 border: 1px solid #000;
 color: #000;
 font: 9px "Lucida Sans Unicode", Arial, sans-serif;
}

.submit {
 background-color: #fff;
 color: #000; 
}

.radio {
 border: 0;
}