@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: #888; background: url("/images/bg.png") top left repeat-x #252525;}
a {color: #ff0000;}
a:hover {color: #fff;}
div.header {height:110px;}
div.logo {top:40px;}
ul.topmenu li a {color: #bbb;}
ul.topmenu li a:hover {color: #fff;}
/* search field */
div.search {background: #000; border-color: #505050; top: 40px;}
div.search input.sf {color: #ddd;}
div.search button.sb:after {color: #fff;}
.autocomplete-suggestions {border-color: #505050; background:#000;}
.autocomplete-suggestion {color: #ddd;}
.autocomplete-selected {background: #202020; color: #fff;}
.autocomplete-suggestions strong {color: #ff0000;}
/* 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: #444;}
#lngselect ul {background-color: #111; border-color: #444;}
/* headers */
h1,h2,div.h {color: #fff; background: #1a1a1a; border-bottom: 1px solid #303030; border-radius: 4px;}
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.pages a {background:#404040; color: #fff; border-radius: 3px; border: 1px solid #252525;}
div.sort a:hover, div.durgrp a:hover, div.pages a:hover {background:#606060;}
div.sort a.current, div.durgrp a.current, div.pages a.current {background:#000; color:#fff; border: 1px solid #000; border-bottom-color: #303030;}
/* content and thumb categories */
ul.content li, ul.tcats li {border-color: #1b1b1b; background: #1b1b1b; border-bottom-color: #303030;}
ul.tcats li h3 {text-transform: capitalize;}
ul.content li h3 {color: #a0a0a0; background-color: #1b1b1b; border-bottom: 1px solid #202020;}
ul.content li:hover h3 {color: #bbb;}
ul.content li span.add {}
ul.content li span.src {font-weight: bold; font-size: 13px;}
ul.content li span.src a {}
ul.content li span.src a:hover {}
ul.content li span.tl {border-top: 1px solid #202020;}
ul.content li span.tl span {color: #888;}
ul.content li span.tl a {color: #ccc;}
ul.content li span.tl a:hover {color: #fff;}
ul.content li span.tl a.c {color: #ccc;}
/* 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: #606060;}
div.az ul li:after, div.related a:after {color: #606060;}
/* text categories */
div.az ul li.letter {background: #202020; border-bottom: 1px solid #2a2a2a; color: #eee; border-radius: 2px;}
/* back to top button */
#back_to_top a#back-to-top {background: #ff0000;}
/* banners */
.ads3b {border-color: #1b1b1b; background: #1b1b1b; border-bottom-color: #303030;}



@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: #252525; box-shadow: inset 0 0 1px #999;}
}
@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: #888;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
}