/*

The CSS Code for the Theme front end.

*/

body {
  font-family: Verdana;
  font-size: 14px;
  background: #673b15 url(../image/background-body.jpg) center top repeat-y;
}

div.header {
  color: #673b15;
}

div.outer.header {
}

div.header.inner {
  padding-top: 270px;
}

div.container.header {
  background: url(../image/background-header.jpg) center top no-repeat;
  height: 285px;
}

div.header h1 {
  margin-top: 15px;
  margin-bottom: 0px;
  line-height: 175%;
  font-family: "Arial Black";
  letter-spacing: -2px;
}

div.header h1, div.header div.description {
  display: none;
}

div.header h1 a {
  color: #000;
  text-decoration: none;
  font-size: 150%;
}
div.header a {
  color: #fff036;
}

ul.primary-navigation, ul.primary-navigation ul {
  font-family: Tahoma;
  list-style-type: none;
}

ul.primary-navigation li {
  margin-left: 0;
  float: left
}

ul.primary-navigationav li ul li {
  margin-left: 0;
}

ul.primary-navigation li a {
  background-color: #673b15;
  color: #fff036;
  text-decoration: none;
  padding: 2px 3px;
  margin: 0 2px;
  width: 90px;
  text-align: center;
  font-size: 90%;
}

ul.primary-navigation li a:hover {
  background-color: #fff036;
  color: #c18f59;
  text-decoration: none;
}

ul.primary-navigation li ul li a {
  text-align: left;
  letter-spacing: 0;
  margin-left: 10px;
  padding-left: 10px;
}

ul.primary-navigation li ul li a:hover {
  color: #673b15;
}


div.you-are-here {
  margin: 5px 0 5px 5px;
  font-size: 90%;
  font-family: Tahoma;
  color: #673b15;
}

div.you-are-here a {
  color: #fff036;
}


div.container.body {
  margin-top: 10px;
}

div.post h2.title, div.page h2.title {
  color: #c18f59;
  color: #673b15; /* Dark borwn */
  border-bottom: 1px dotted #ffed08;
  margin-bottom: 10px;
  font-size: 180%;
  font-family: "Tahoma","Arial";
  letter-spacing: -1px;  
}

div.post, div.page {
  text-align: justify;
  margin-bottom: 10px;
}

div.post-meta { font-size: 85%; }
div.post-meta.top { text-align: right; }
div.post-meta.top div { display: inline; }
div.post-meta.top div.post-date { margin-right: 5px; }
div.post-meta.bottom {
  padding: 2px 0;
  margin-bottom: 5px;
}


div.sidebar div.widget {
  background-color: #c18f59; /* Will be overwritten */
  background-color: #673b15; /* Dark brown */
  padding: 3px 6px;
  margin-bottom: 15px;
  font-size: 93%;
  color: #bbb;
}

div.sidebar div.widget h2.widgettitle {
  color: #673b15; /* Will be overwritten */
  color: #c18f59; /* Light brown */
  font-size: 120%;
  border-bottom: 1px dotted #673b15; /* Will be overwritten */
  border-bottom: 1px dotted #c18f59; /* Dark brown */
  margin-bottom: 0;
}

div.sidebar div.widget a {
  color: #ffed08;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 3px;
  padding-bottom: 0;
}

a {
  text-decoration: none;
  color: #673b15;
}

a:hover {
  text-decoration: underline;
}

ul, ol { margin: 5px 0 5px 0px; }
ol { margin-left: 10px; }
li { margin-left: 15px; }

td {
  vertical-align: middle; 
}

input, select, textarea {
 border: 1px solid #673b15;
 font-family: Tahoma;
}

.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

div.post img, div.page img, div.gallery img {
  margin: 5px;
  background-color: #673b15;
  padding: 4px;

  /* Round corners only for cool browser available */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;  
}

div.post img.alignright, div.page img.alignright {
  margin-right: 0;
}
div.post img.alignleft, div.page img.alignleft {
  margin-left: 0;
}

div.entry img.post-preview-image { float: left; }

div.footer div.inner {
  border-top: 1px dashed #ffff10;
  margin: 10px;
  padding: 5px 0;
  font-size: 80%;
  text-align: right;
}

div.inner.footer a {
  color: #673b15;
}

div.comments {
  margin-top: 10px;
  padding-bottom: 10px;
}

div.comments h2 {
  color: #673b15;
  border-bottom: 1px dotted #ffed08;
  letter-spacing: -1px;
}

div.comments h3 {
  color: #673b15;
}

div.comments p {
  margin-bottom: 5px;
}

ul.commentlist {
  list-style-type: none;
  margin-left: -15px;
}

ul.commentlist ul { list-style-type: none; }

ul.commentlist div.response_form {
  margin-left: 30px;
}

.commentlist div.comment {
  margin-bottom: 10px;
}

div.comment-author-avatar img.avatar {
  float: right;
  border: 1px solid #673b15;
  margin-left: 10px;
}

.comment .comment-date, .comment .comment-reply-link, .comment .comment-edit-link  {
  font-size: 80%;
}
li.comment .comment-author { display: inline; }
li.comment .comment-date { display: inline; margin-left: 10px; }
li.comment .comment-content { margin: 4px 0; }
li.comment .comment-reply-link, .comment .comment-edit-link { display: inline; }

div.thumb_frame img {
  margin: 0;
}

p.wp-caption-text, div.caption {
  font-size: 80%;
  text-align: center;
}

div.wpcf7 textarea {
  width: 400px;
}
div.wpcf7 img.ajax-loader { background-color: white; }

a.button {
  padding: 3px 7px;
  margin: 3px 0;
  background-color: #673b15;
  color: #ffed08;
  font-weight: bold;
}

div.widget a.button {
  background-color: #c18f59;
}

div.navigation div.next-posts { float: left; }
div.navigation div.previous-posts { float: right; }