@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: #7a7a7a; background-color: #fff;
	background-image: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 10%, #ffffff 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(10%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 10%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #eaeaea 0%,#ffffff 10%,#ffffff 100%); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 10%,#ffffff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #eaeaea 0%,#ffffff 10%,#ffffff 100%); /* W3C */	
}
a {color: #9a3b50;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
a:hover {color: #3e1a23;}
/* header */
div.head {width: 100%; margin-bottom: 10px; border-bottom: 5px solid #fff; background: #2e1418;}
div.header {height: 110px;}
div.logo {top: 20px;}
ul.topmenu {left: auto; right: 125px;}
ul.topmenu li a {color: #ccc;}
ul.topmenu li a:hover {color: #fff;}
/* search field */
div.search {background: #fff; border-color: #1b0c0e; box-shadow: inset 0 0 8px rgba(0,0,0,0.7); border-radius: 5px;}
div.search input.sf {color: #222;}
div.search button.sb:after {color: #444;}
.autocomplete-suggestions {border-color: #1b0c0e; background:#fff;}
.autocomplete-suggestion {color: #666;}
.autocomplete-selected {background: #f0f0f0; color: #444;}
.autocomplete-suggestions strong {color: #9a3b50;}
/* 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: #96394d;}
#lngselect ul {background-color: #fff; border-color: #96394d;}
/* headers */
h1,h2,div.h {color: #666; text-shadow: 0px 1px 0px #ffffff; border-bottom: 1px solid #d6d6d6; box-shadow: 0 1px 0 #fff;}
h1,h2 {font-size: 24px; font-weight: 400;}
div.h h1, div.h h2 {border: none; background: none; box-shadow: none;}
div.tbookshare {right: -5px;}
/* buttons */
div.sort a, div.durgrp a, div.timerange a, div.pages a {
	font-weight: bold;
	border: 1px solid #e2e2e2;
	background:#f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #f8f8f8); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #f8f8f8); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #f8f8f8); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #f8f8f8);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	text-shadow: 0px 1px 0px #ffffff;	
}
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:#9a3b50;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9a3b50), to(#742c3c)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #9a3b50, #742c3c); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #9a3b50, #742c3c); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #9a3b50, #742c3c); /* IE10 */
	background-image:      -o-linear-gradient(top, #9a3b50, #742c3c); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #9a3b50, #742c3c);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a3b50', endColorstr='#742c3c',GradientType=0 ); /* IE6-9 */
	text-shadow: 0px -1px 0px #742c3c;
	border: 1px solid #742c3c;	
}
/* content and thumb categories */
ul.tcats li h3 {font-weight: bold;}
ul.content li img, ul.tcats li img, ul.relatedthumbs li img {display: block; background-color: #f8f8f8;}
ul.content li, ul.tcats li, ul.relatedthumbs li {background: none;}
ul.content li img, ul.tcats li img {border: 1px solid #e2e2e2;}
ul.content li h3 {background-color: #f8f8f8; border-bottom: 1px solid #f8f8f8; color: #666; text-shadow: 0px 1px 0px #fff;}
ul.content li span.src a {color: #7a7a7a;}
ul.content li span.src a:hover {color: #000;}
ul.content li span.tl {border-top: 1px solid #f8f8f8;}
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 {}
/* 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: #d17488;}
div.az ul li:after, div.related a:after {color: #a0a0a0;}
/* text categories */
div.az ul li a {font-size: 13px; font-weight: bold;}
div.az ul li.letter {background: none; color: #666; border-bottom: 1px solid #f0f0f0; padding-left: 2px;}
/* back to top button */
#back_to_top a#back-to-top {background: #742c3c;}
/* banners */
.ads3b {border-color: #d7d7d7; background: #fff;}
/* toplist */
div.tradeindex div.cont div.timg img {border: 1px solid #e2e2e2;}
div.tradeindex div.cont div.timg a:hover img {border: 1px solid #e2e2e2;}
ul.globaltop li {border-bottom: 1px dotted #f2f2f2; font-size: 13px; font-weight: bold;}



@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: transparent;}
}
@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: #ad4e63;}
	ul.topmenu {display: block; top:12px; left: auto; right: 50px;}
}
@media all and (max-width: 520px) {
	ul.topmenu li a.first {display: none;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
	ul.topmenu {display: none;}
}
@media all and (max-width: 399px) {
	ul.topmenu {display: none;}
}