@import url("style-base.css");
::-webkit-input-placeholder {color: #888;}
:-moz-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;}
body {color: #544b41; background: url("/images/back.gif") top left repeat #e7e1d8;}
a {color: #4a2b0e;}
a:hover {color: #973c1a;}
div.header {height: 110px;}
div.logo {top: 0;}
ul.topmenu {right: 125px; left: auto;}
/* search field */
div.search {background: #fff; border-color: #a79c8b;}
div.search input.sf {color: #222;}
div.search button.sb:after {color: #4a2c0a;}
.autocomplete-suggestions {border-color: #a79c8b; background:#fff;}
.autocomplete-suggestion {color: #222;}
.autocomplete-selected {background: #f0f0f0; color: #000;}
.autocomplete-suggestions strong {color: #973c1a;}
/* lang selector */
#lngselect {background:url("http://static.webclicks24.com/images/select-arrow-b.png") no-repeat 100% 50%;}
#lngselect strong {color: #000;}
#lngselect.down:after {border-bottom-color: #a79c8b;}
#lngselect ul {background-color: #f8f5ee; border-color: #a79c8b;}
/* headers */
h1,h2,div.h {color: #4a2b0e; border-bottom: 2px solid #a69b8a;}
h1,h2 {font-size: 20px; font-weight: 400; padding-left: 40px; position: relative; text-align: left;}
div.h h1, div.h h2 {background: none; border: none;}
h1:after, h2:after {position: absolute; display: block; content: ""; width: 30px; height: 30px; left: 0; bottom: 0; background: url("/images/h2b.png") 0 0 no-repeat;}
div.tbookshare {right: -5px;}
/* buttons */
div.sort a, div.durgrp a, div.pages a {background: #fff; border: 1px solid #4b2c0c;}
div.sort a:hover, div.durgrp a:hover, div.pages a:hover {}
div.sort a.current, div.durgrp a.current, div.pages a.current {background: #4b2c0c; border: 1px solid #4b2c0c; color: #fff;}
/* content and thumb categories */
ul.content li, ul.tcats li {border-color: #8e8173; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
ul.content li h3 {}
ul.content li span.src a {color: #544b41;}
ul.content li span.src a:hover {color: #973c1a;}
ul.content li span.tl {border-top: 1px solid #f8f8f8;}
ul.content li span.tl span {color: #796b5b;}
ul.content li span.tl a {color: #a0410d; border-bottom: 1px dotted #bf7d58;}
ul.content li span.tl a:hover {color:#dd5c20; border-bottom: none;}
ul.content li span.tl a.c {color:#796b5b; border-bottom: none;}
/* icons */
ul.content li h3:after, ul.content li span.add:after, ul.content li span.src:after, ul.content li span.tl:after, div.related a:after {color: #8f8375;}
div.az ul li:after, div.related a:after {color: #a69b8a;}
/* text categories */
div.az ul li.letter {background: none; border-bottom: 1px dotted #a69b8a; color: #4a2b0e; padding-left: 2px;}
/* back to top button */
#back_to_top a#back-to-top {background: #4b2c0c;}
/* banners */
.ads3b {border-color: #8e8173; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}



@media all and (max-width: 1000px) {
	h1,h2 {font-size: 20px;}
	ul.content li, ul.tcats li, ul.content li:hover, ul.tcats li:hover {border-color: #e7e1d8; box-shadow: inset 0 0 1px #524537;}
}
@media all and (max-width: 767px) {
	div.header {height: 100px; background: none;}
	div.search {top:auto;}
	div.logo {top: 5px;}
	ul.content li h3 {}
	ul.content li a.report {color: #7a6d5d;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
}