@import url("style-base.css");
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
body {color: #be996e; background: url("/images/tb.png") top left repeat-x #462A1E;}
a {color: #fab78f;}
a:hover {color: #fff;}
/* header */
div.header {height: 55px;}
div.logo {top: 5px;}
div.mholder {
	height: 36px;
	margin-bottom: 20px;
	background: #000;
	border-bottom: 2px solid #714937;
}
ul.topmenu li a {border-left: 1px solid #714937;padding: 0 10px;}
ul.topmenu li a.first {padding-left: 0; border-left: none;}
/* search field */
div.search {background: #FCF9DF; border-color: #FCF9DF; top: 4px; border-radius: 20px;}
div.search input.sf {color: #222;}
div.search button.sb:after {color: #df2c02;}
.autocomplete-suggestions {border-color: #714937; background:#FCF9DF;}
.autocomplete-suggestion {color: #7e603b;}
.autocomplete-selected {background: #fff; color: #554128;}
.autocomplete-suggestions strong {color: #df2c02;}
/* lang selector */
#lngselect {background:url("http://static.webclicks24.com/images/select-arrow-w.png") no-repeat 100% 50%;}
#lngselect strong {color: #fff;}
#lngselect.down:after {border-bottom-color: #714937; top: 34px;}
#lngselect ul {background-color: #312019; border-color: #714937; top: 42px;}
/* headers */
h1,h2,div.h {color: #fbf7df; background: url("/images/headingBg.jpg") 0 0 repeat-x; text-shadow: 0 1px 1px #403c17;}
h1,h2 {font-size: 20px; font-weight: 400; padding: 0 10px;}
div.h h1, div.h h2 {border: none; background: none;}
h2 {
	position: relative;
	background: url("/images/headingBg.jpg") 0 3px repeat-x;
	text-align: left;
}
h2:after {
	content: "";
	position: absolute;
	top: 0;
	right: 10px;
	width: 36px;
	height: 45px;
	background: url("/images/titleIcon.png") no-repeat;
}
div.tbookshare {right: -5px;}
/* buttons */
div.sort a, div.durgrp a, div.timerange a, div.pages a {background:#462A1E; border: 1px solid #714937; margin: 0;}
div.sort a:hover, div.durgrp a:hover, div.timerange a:hover, div.pages a:hover {}
div.sort a.current, div.durgrp a.current, div.timerange a.current, div.pages a.current {background: #714937; color: #fff;}
div.pages a {border-right: none;}
div.pages a.deltan {border-right: 1px solid #714937;}
div.pages>span {border: 1px solid #714937; border-right: none; margin: 0;}
div.pages>span.ptitle {border: none;}
/* content and thumb categories */
ul.content li, ul.tcats li, ul.relatedthumbs li {border-color: #000; background: #231712;}
ul.content li h3 {}
ul.content li span.src a {color: #be996e;}
ul.content li span.src a:hover {color: #fff;}
ul.content li span.tl {border-top: 1px solid #2b1c15;}
ul.content li span.tl span {}
ul.content li span.tl a {}
ul.content li span.tl a:hover {}
ul.content li span.tl a.c {}
ul.content li span.hdlabel {}
/* 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, ul.relatedthumbs li h3:after {color: #8c3a1f;}
div.az ul li:after, div.related a:after {color: #8c3a1f;}
/* text categories */
div.az ul li.letter {background: #3b2318; color: #fbf7df;}
/* back to top button */
#back_to_top a#back-to-top {background: #8c3a1f;}
/* banners */
.ads3b {border-color: #000; background: #231712;}
/* toplist */
div.tradeindex div.cont div.timg img {border: 1px solid #000;}
div.tradeindex div.cont div.timg a:hover img {border: 1px solid #000;}
ul.globaltop li {border-bottom: 1px dotted #312018;}



@media all and (max-width: 1000px) {
	h1,h2 {font-size: 20px;}
	ul.content li, ul.tcats li, ul.relatedthumbs li, ul.content li:hover, ul.tcats li:hover, ul.relatedthumbs li:hover {border-color: #462A1E; box-shadow: inset 0 0 1px #000;}
	ul.topmenu {left: 5px;}
	div.sort, div.durgrp, div.timerange, div.pages {border-spacing: 0;}
}
@media all and (max-width: 767px) {
	div.head {padding-bottom: 0; border-bottom: 2px solid #724a36;}
	div.header {height: 115px; padding-top: 62px;}
	div.search {top:auto;}
	div.logo {left: 50%; margin-left: -94px;}
	div.logo a img {max-height: inherit; max-width: inherit;}
	#lngselect {top: 1px;}
	#lngselect.down:after {top: 37px;}
	#lngselect ul {right: 0; top: 45px;}
	ul.topmenu {display: block;}
	ul.content li a.report {color: #aa2e05;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
}