/* Fix for container within navbar on small viewports, for Firefox and Chrome.
This may but be necessary when Bootstrap 4 is improved after alpha. */

@media (max-width: 575px) {
  .navbar > .container {
    position: static;
    width: 100%;
  }
}

/* Max content widths */

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto
}

/* Navbar */
.navbar {
  background: url(../img/divider1.jpg) center bottom no-repeat;
  padding:39px 0;
}
.navbar-topbar {
  border-radius: 0;
}

.navbar .dropdown-menu li {
  width: 100%;
  margin-left: 0 !important;
}

.navbar .dropdown-menu {
  margin-top: 0;
}
body,
a,
a:visited {
  color: #523000;
}
/* Main content */

#content article {
  margin: 40px 0
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}
.page-header {
  background: #f9f9f9 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  margin: 40px 0 20px;
  padding: 10px 14px;
}
/* Sidebar */

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#respond {
  margin-top: 40px
}
ol.commentlist {
  counter-reset: li; /* Initiate a counter */
  padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
  position: relative;
  margin: 0 0 20px 0;
  list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f9f9f9;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f9f9f9
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/* Site footer */

footer {
  padding: 130px 0 10px;
  margin-bottom:10px;
  background:url(../img/divider2.jpg) center top no-repeat;
}
.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}
/**************************/
body {
  background-image:url(../img/bodybg.jpg);
}
.container {
  border-radius: 8px;
  margin-top:10px;
  box-shadow: #666 0px 2px 5px;
  background: #f2e59b url(../img/bg.jpg) top left repeat;
}
.navbar-brand {
  height: 61px;
  width: 447px;
  background: url(../img/title2.jpg) top left no-repeat;
  text-indent: -9999px;
  margin: 32px auto 0 auto;
  background-size:contain;
}
.rooster {
  height: 88px;
  width: 67px;
  background: url(../img/rooster.jpg) top left no-repeat;
  background-size:cover;
}
.navbar-brand,
.rooster {
    display:inline-block;
    margin:20px 0 -20px 40px;
  }
.navbar-nav {
  margin: 0 auto;
}
.navbar-toggler {
  display:block;
  margin:0 auto;
  text-align:center;
}
.navbar-toggler-icon {
  width:auto;
  color: #523000;

}
.dropdown-menu {
  background:transparent;
}
@media (max-width: 992px) {
  .navbar {
    background: none;
    padding:20px 0;
  }

}
@media (max-width: 734px) {
  .navbar-brand {
    display:block;
    width: 100%;
    margin:10px 0;
  }
  .rooster {
    display:block;
    margin: 0 auto;
  }
}
