@import url("style-base.css");
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
body {color: #bf814b; background-image: url("/images/tb.png"),url("/images/bg.png"); background-position: left top; background-repeat: repeat-x,repeat; background-color: #281605;}
a {color: #ddd;}
a:hover {color: #fff;}
/* header */
div.header {height: 100px;}
ul.topmenu {left: auto; right: 125px;}
div.logo {top: 0;}
/* search field */
div.search {background: #000; border-color: #765838;}
div.search input.sf {color: #ddd;}
div.search button.sb:after {color: #e0af7a;}
.autocomplete-suggestions {border-color: #765838; background:#000;}
.autocomplete-suggestion {color: #ddd;}
.autocomplete-selected {background: #303030; color: #fff;}
.autocomplete-suggestions strong {color: #e0af7a;}
/* 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: #765838;}
#lngselect ul {background-color: #000; border-color: #765838;}
/* headers */
h1,h2,div.h {
	color: #fff;
	background: #765738; /* Old browsers */
	background: -moz-linear-gradient(top,  #765738 0%, #684c31 50%, #513418 51%, #3e250f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #765738 0%,#684c31 50%,#513418 51%,#3e250f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #765738 0%,#684c31 50%,#513418 51%,#3e250f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#765738', endColorstr='#3e250f',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
}
h1,h2 {font-size: 24px; font-weight: 400; padding: 0 10px;}
div.h h1, div.h h2 {border: none; background: none;}
div.tbookshare {right: -5px;}
/* buttons */
div.sort a, div.durgrp a, div.timerange a, div.pages a {
	background:#4e3317;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#775839), to(#412911)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #775839, #412911); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #775839, #412911); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #775839, #412911); /* IE10 */
	background-image:      -o-linear-gradient(top, #775839, #412911); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #775839, #412911);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#775839', endColorstr='#412911',GradientType=0 ); /* IE6-9 */
	border-radius: 2px;	
}
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 {
	color:#fff;
	background:#000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#000000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #696969, #000000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #696969, #000000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #696969, #000000); /* IE10 */
	background-image:      -o-linear-gradient(top, #696969, #000000); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #696969, #000000);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#000000',GradientType=0 ); /* IE6-9 */	
}
/* content and thumb categories */
ul.tcats li h3 {text-transform: capitalize; font-weight: bold;}
ul.content li, ul.tcats li, ul.relatedthumbs li {border-color: #38230f; background: #40270e; border-radius: 3px; box-shadow: 0 2px 5px rgba(0,0,0,0.7); text-shadow: -1px -1px 0px #2d1c0d;}
ul.content li img, ul.tcats li img {border-radius: 2px 2px 0 0;}
ul.content li h3 {background-color: #4c2d0e; border-bottom: 1px solid #38230f; color: #de9f68; font-weight: bold;}
ul.content li span.tl {border-top: 1px solid #38230f;}
ul.content li span.src a {color: #bf814b;}
ul.content li span.src a:hover {color: #fff;}
ul.content li span.tl a,ul.content li span.tl span {}
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: #854e17;}
div.az ul li:after, div.related a:after {color: #c97727;}
/* text categories */
div.az ul li.letter {background: #3e250f; color: #fff; border-radius: 2px;}
/* back to top button */
#back_to_top a#back-to-top {background: #684c31;}
/* banners */
.ads3b {border-color: #5e3d1a; background: #40270e; border-radius: 3px; box-shadow: 0 2px 5px rgba(0,0,0,0.7);}
/* toplist */
div.tradeindex div.cont div.timg img {border: 1px solid #bbb;}
div.tradeindex div.cont div.timg a:hover img {border: 1px solid #fff;}
ul.globaltop li {border-bottom: 1px dotted #5d3818;}



@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: #291604; box-shadow: inset 0 0 1px #38230f;}
}
@media all and (max-width: 767px) {
	div.header {height: 100px; background: none;}
	div.search {top:auto;}
	div.logo {top: 5px;}
	ul.content li a.report {color: #af6720;}
	ul.topmenu {right: 50px;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
}