/*
Theme Name: top
Theme URL: http://topcombo.ru/
Description: Комбо
Author: MrWildWolf666
Author URL: http://mrwildwolf666.name/
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	height: 100%;
}

body {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 100%;
	min-height: 900px;
	height: 100%;
	max-height: 100%;
	z-index: 1;
	color: #000;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style: none;
}

img {
	border: none;
}

a {
	color: #2a3990;
}

a:hover {
	text-decoration: none;
}

.header {
	width: 100%;
	height: 60px;
	z-index: 3;
	position: relative;
	border-bottom: 1px solid #c24631;
	margin-bottom: 20px;
}

.toph {
	width: 1000px;
	margin: 0 auto;
}

.logo {
	display: block;
	background: url('images/logo.png') 0px 0px no-repeat;
	width: 215px;
	height: 50px;
	float: left;
	margin: 0px 0 0 5px;
	padding: 14px 0 0 100px;
	font: 21px Tahoma;
	color: #ecc584;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}

.menu-os-container {
	display: table;
	float: left;
	padding: 11px 0 0px 44px;
}

.menu-os-container ul li {
	float: left;
}

.menu-os-container ul li a {
	font: 17px Arial;
	display: block;
	padding: 10px 20px;
}

.menu-os-container ul li a:hover {
	-webkit-transition: background 0.8s ease; 
	-moz-transition: background 0.8s ease; 
	-o-transition: background 0.8s ease; 
	-ms-transition: background 0.8s ease; 
	transition: background 0.8s ease; 
}

.menu-os-container ul li:nth-of-type(1) a:hover, .menu-os-container ul li.current_page_item:nth-of-type(1) a {
	background: #1abc25;
	color: #fff;
	text-decoration: none;
}

.menu-os-container ul li:nth-of-type(2) a:hover, .menu-os-container ul li.current_page_item:nth-of-type(2) a {
	background: #717171;
	color: #fff;
	text-decoration: none;
}

.menu-os-container ul li:nth-of-type(3) a:hover, .menu-os-container ul li.current_page_item:nth-of-type(3) a {
	background: #4547b6;
	color: #fff;
	text-decoration: none;
}

.search {
	float: right;
	margin: 19px 5px 0 0;
}

#searchform input[type=submit] {
	background: #fff url('images/poisk.png') 50% 50% no-repeat;	
	color: transparent;
	border: none;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	height: 22px !important;
	width: 18px !important;
}

#searchform input[type=text] {
	border-left: 1px solid #d0d0d0 !important;
	border-top: 1px solid #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
	border-right: none !important;
	margin-right: -5px !important;
	width: 250px !important;
	padding-left: 4px;
	height: 22px;
}

.topbase {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

.top-row {
	display: table-row;
}

.topleft {
	display: table-cell;
	vertical-align: top;
	width: 242px;
}

.topleft h4 {
	display: block;
	font: 24px Arial;
	margin: 7px 0 13px 8px;
	color: #575757;
	text-shadow: 1px 0 0px #fff;
}

.topleft h4 a {
	color: #575757;
}

.boti {
	padding-bottom: 30px;
}

sup {
	font: 12px Arial;
	color: #aa2c16;
}

.metki {
	margin: 0 0 25px 10px;
}

.metki li a {
	font: 17px Arial;
	padding: 5px 15px;
	display: inline-block;	
}

.robot a:hover, #hovandroid a, #hovandroidp a {
	background: #1abc25;
	color: #fff;
	text-decoration: none;
}

.tiblako a:hover, #hovios a, #hoviosp a {
	background: #717171;
	color: #fff;
	text-decoration: none;
}

.okno a:hover, #hovwph a, #hovwphp a {
	background: #4547b6;
	color: #fff;
	text-decoration: none;
}

.metki li a:hover {
	color: #fff;
	-webkit-transition: background 0.8s ease; 
	-moz-transition: background 0.8s ease; 
	-o-transition: background 0.8s ease; 
	-ms-transition: background 0.8s ease; 
	transition: background 0.8s ease; 	
}

.toppril {
	padding: 8px 4px 6px 6px;
	margin: 0 2px 4px 0;
	display: table;
	width: 240px;
	position: relative;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=1 );
}

#clr3, #clr4 {
	border-right: 1px solid #00b50d;
}

#clr5, #clr6 {
	border-right: 1px solid #717171;	
}

#clr7, #clr8 {
	border-right: 1px solid #3033ae;	
}

.toppril a {
	display: block;
	font: 13px Arial;
	line-height: 12px;
}

.toppril img {
	border-radius: 10px;
	float: left;
	margin: 4px 8px 0 0;
	width: 50px;
	height: 50px;
}

.ratingtext {
	display: none;
}

.ratingstars {
	display: inline-block;
	margin-bottom: 0px;
}

.names {
	margin: -1px 0 7px 0;
}

.viev {
	display: block;
	float: left;
	font: 12px Arial;
	line-height: 12px;
	background: url('images/glaz.png') 0px 0px no-repeat;
	padding: 0 15px 0 16px;
}

.send {
	display: block;
	float: left;	
	background: url('images/comments.png') 0px 0px no-repeat;
	padding: 0 0px 0 16px;
}

.send a {
	margin: 0;
}

.os3, .os4 {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	background: url('images/android.png') 0px 0px no-repeat;
	right: -16px;
	top: 16px;
}

.os5, .os6 {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	background: url('images/ios.png') 0px 0px no-repeat;
	right: -16px;
	top: 16px;
}

.os7, .os8 {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	background: url('images/windows-phone.png') 0px 0px no-repeat;
	right: -16px;
	top: 16px;
}

.poxoji {
	margin: 20px 0 0 0;
}

#vk_groups {
	margin: 3px 0 0 5px;
}

/*Page*/

.wp-pagenavi {
	clear: both;
	position:relative;
	z-index: 7;
	margin: 20px 0 0px -2px !important;
}

.wp-pagenavi a, .extend {
	padding: 7px 10px !important;
	margin: 2px;
	font: 12px Tahoma !important;
	color: #000 !important;
	border: 1px solid #ecc564;
}

.wp-pagenavi .nextpostslink, .previouspostslink {
	text-decoration: none;
}

.wp-pagenavi a:hover {
	text-decoration: none;
	padding: 7px 10px !important;
	margin: 2px;
	font: 12px Tahoma !important;
	height: 26px;
	border: 1px solid #000;
}

 .wp-pagenavi span.current, .pages {
	padding: 7px 10px !important;
	margin: 2px;
	font: 12px Tahoma !important;
	color: #000 !important;
	border: 1px solid #ecc564;
}

/*** meta info***/

.yashare-auto-init {
	margin: 10px 0 7px -6px;
}

.minf {
	float: left;
	padding: 22px 0 15px 20px;
}

.minf p {
	font: 17px Arial !important;
	line-height: 14px !important;
	padding-bottom: 12px !important;
}

.obv {
	display: table;
	width: 100%;
}

.obv p {
	float: left;
	padding-bottom: 0px !important;
}

.obv .ratingstars {
	margin: -12px 0 0 7px;
}

.minf p span {
	color: #c24631;
}

.mata .mik {
	float: right;
	margin-top: 14px;
}

.pikto {

}

.pikto span {
	float: left;
	display: block;
	padding: 0 0 0 18px;
	font: 12px Arial;
	margin-right: 15px;
}

.pikto span:nth-of-type(1) {
	background: url('images/date.png') 0 0 no-repeat;
}

.pikto span:nth-of-type(2) {
	background: url('images/tame.png') 0 1px no-repeat;
}

.pikto span.see {
	background: url('images/glaz.png') 0 2px no-repeat;
}

.pikto span.koms {
	background: url('images/comments.png') 0 2px no-repeat;
}

.mata {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	background: -moz-linear-gradient(left,  rgba(245,245,245,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(245,245,245,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00ffffff',GradientType=1 );
}

/***right block***/

.topright {
	display: table-cell;
	vertical-align: top;
	height: 100%;
}

.content {
	padding: 8px 0px 30px 25px;
	display: table-cell;
	vertical-align: top;
	float: left;
	width: 753px;
}

p iframe {
	margin: 0;
	padding: 0;
	height: 330px !important;
	width: 100% !important;
}

.gals {
	overflow: auto;
	white-space: nowrap;
	width: 728px;
	margin: 5px 0 15px 0;
	padding: 0;
}

.content h1 {
	font: 24px Arial;
	color: #575757;
	text-shadow: 1px 0 0px #fff;
	padding-bottom: 15px;
}

.content h2 {
	font: 20px Arial;
	color: #aa2c16;
	text-shadow: 1px 0 0px #fff;
	padding-bottom: 10px;
}

.content h2 a {
	color: #575757;
}

.content p {
	font: 15px Arial;
	color: #373737;
	line-height: 24px;
	padding-bottom: 20px;
}

.content ul li {
	font: 15px Arial;
	color: #373737;
	line-height: 15px;
	padding-bottom: 12px;
}

.content ul li ul{
	margin: 12px 0 -3px 20px;
}

.alignleft {
	float: left;
}

a img.aligncenter {
	display: block;
	margin: 0 auto;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

/***home page***/

/* spoilers */

div.spoilers {
	display: table;
	margin-bottom: 10px;
}

div.spoilers div.ocont {
	display: none;
}

div.spoilers div.bottop {
	border-top: 1px solid #3275b1;
}

div.spoilers div.bottop div {
	width: 20px;
	height: 20px;
	float: right;
	background: url('images/bottop.png') 0 0 no-repeat;
	cursor: pointer;
}

div.spoilers div.bottop div.open {
	background-position: 0 -20px;
}

/*\spoilers*/

.last {
	width: 100%;
	display: table;
	margin-bottom: 15px;

}

.lastdown {
	display: table;
	width: 228px;
	float: left;
	padding: 6px 0 6px 6px;
	margin: 0 0 15px 0;
	position: relative;
}

#andr {
	border: 1px solid #00b50d;
}

#iph {
	border: 1px solid #616161;
}

#wp {
	border: 1px solid #3033ae;
}

#all {
	border: 1px solid #c24631;
}

.yarpp-related {
	margin-top: 15px;
}

.lastdown:nth-of-type(3n+2) {
	margin: 0 22px 15px 22px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zvzd {
	margin-left: 20px;
	position: relative;
	padding: 1px 0 0 0;
	color: #000;
	height: 20px;
	width: 150px;
	text-decoration: none;
	z-index: 1;
	margin-bottom: 3px;
}

.topimg img {
	float: left;
	margin-right: 6px;
	border-radius: 14px;
	z-index: 3;
	position: relative;
}

.lastdown a {
	font: 14px Arial;
	line-height: 14px;
	color: #333;
}

.oth {
	margin-top: 8px;
}

.oth span {
	float: left;
	display: block;
	padding: 0 0 0 18px;
	font: 12px Arial;
}

.oth span:nth-of-type(1) {
	background: url('images/date.png') 0 0 no-repeat;
	margin-right: 15px;
}

.oth span:nth-of-type(2) {
	background: url('images/tame.png') 0 1px no-repeat;
}

.taag {
	font: 12px Arial;
	line-height: 12px;
	text-decoration: none;
	display: inline-block;
	padding: 2px 2px;
	margin: 4px 0 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

.taag a {
	text-decoration: none;
	color: #fff !important;
}

#andr .taag {
	background: #00b50d !important;
}

#iph .taag {
	background: #616161;
}

#wp .taag {
	background: #3033ae;
}

/*** buttom download***/

.dwn {
	background: url('images/repeatbg.jpg') repeat-x;
	width: 100%;
	border-radius: 5px;
	color: #fff;
	font: 17px Arial;
}

.dwn a {
	display: inline-block;
	vertical-align: center;
	background: url('images/daun.jpg') no-repeat;
	padding: 18px 0 0 200px;
	height: 50px;
	color: #fff;
	font: bold 17px Arial;
}

/* comments */

#commentbox {
	margin: 0 4px 0 19px;
	padding: 0 0px 10px 5px;
	font-family: Arial;
	clear: both;
}

#commentbox p {
	font: normal 13px Arial;
	color: #4b4b4b;
	line-height: 21px;
	padding: 5px 0 12px 0;
}

.combox {
	width:100%;
	overflow:hidden;
	font-size:0.9em;
	zoom: 1;
	padding:1px;
	position:relative;
}

.combox dt {
	float: left;
	line-height: 2;
	height: 2em;
	background: #e8f0f5;
	border: 1px solid #e8f0f5;
	border-bottom: 0;
	padding: 0 1em;
	position: relative;
	margin-right: 1px;
	cursor: pointer;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.combox dt:hover {
	background-color: #bfdff4;
}

.combox dt.selected {
	border-color: #b0d0e9;
	background: #fff;
	z-index: 3;
	cursor: auto;
	position: relative;
}

.combox dd {
	background: #fff;
	display: none;
	float: right;
	width: 100%;
	margin: 2em 0 0 -100%;
	position: relative;
	z-index:2;
}

.combox dd.selected {
	display: block;
}

.combox .comboxc {
	border: 1px solid #b0d0e9;
	padding: 20px 20px 5px 20px;
}

h3.comments-title, h3#reply-title {
	font: normal 15px Arial;
	color: #3e5fbb;
	line-height: 20px;
	padding: 0 0 15px 0;
}

#comments ol {
	list-style: none !important;
}

#comments ul {
	list-style: none !important;
	margin-left: 50px;
}

.vcard {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.vcard img {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	margin: 3px 10px 0 0;
}

.textcom {
	overflow: hidden;
	padding-bottom: 15px;
}

.fn {
	font: normal 12px Arial;
	color: #3e5fbb;
	display: block;
	margin-bottom: -2px;
}

.fn a {
	text-decoration: none;
}

.comment-meta {
	float: left;
	clear: left;
}

.comment-meta a {
	font: normal 12px Arial;
	color: #999;
}

.reply {
	float: left;
	margin-left: 15px;
	font: normal 12px Arial;
	color: #3e5fbb;
}

#commentform {
	background: #f9f9f9;
	padding: 0 20px;
	margin: 0 0 15px 0;
}

#author-data p {
	margin-top: -10px;
	line-height: 23px;
	padding: 5px 0 15px 0;
}

.comment-form-url {
	margin-top: -14px;
}

#commentform label, .comment-form-url label {
	font: normal 12px Arial;
	color: #4b4b4b;
	padding-bottom: 2px;
}

#author-data input {
	border: 1px solid #c7c7c7;
	padding: 5px 5px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: normal 14px Arial;
	color: #4b4b4b;
	outline: none;
}

#commentform textarea {
	border: 1px solid #c7c7c7;
	padding: 5px 5px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: normal 14px Arial;
	color: #4b4b4b;
	resize: vertical;
	outline: none;
}

#commentform #submit {
	border: none;
	margin: 0px 0 10px 0px;
}

#welcome {
	padding: 10px 0; 
}

.logged-in-as {
	padding-top: 11px !important;
}

.required {
	color: #e50000;
}

#cancel-comment-reply-link {
	background: #e8f0f5;
	padding: 3px 5px;
	font: normal 12px Arial;
	color: #4b4b4b;
}

#cancel-comment-reply-link:hover {
	background: #bfdff4;
	text-decoration: none;
}

.ulog {
	background: #e8f0f5;
	padding: 10px 0 10px 20px;
	margin: 0 0 0 0;
	font: bold 14px Arial;
	color: #4b4b4b;
}

.btnsoc {
	margin: 4px 0 0 6px;
}

#submit {
	display: block;
	border: none;
	background: #4494c8;
	padding: 8px 14px;
	color: #fff;
}

#submit:hover {
	background: #3686b9;
	cursor: pointer;
}

/* \comments */

/******/

.footer {
	min-width: 1000px;
	max-width: 100%;
	background: #000;
	height: 90px;
	box-shadow: 0 0 2px;
	z-index: 3;
	position: relative;
	margin-top: 20px;
}

.footerc {
	width: 1000px;
	margin: 0 auto;
}

.soc {
	float: left;
	margin: 21px 0 0 3px;
	width: 278px;
}

.socl a {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 5px;
	opacity: 0.9;
}

.socl a:hover {
	opacity: 1;
}

.socl a:nth-of-type(1) {
	background: url('images/rss.png') 0 0 no-repeat;
}

.socl a:nth-of-type(2) {
	background: url('images/email.png') 0 0 no-repeat;
}

.socl a:nth-of-type(3) {
	background: url('images/twitter.png') 0 0 no-repeat;
}

.socl a:nth-of-type(4) {
	background: url('images/vk.png') 0 0 no-repeat;
}

.menuw {
	clear: left;
	padding-top: 3px;
}

.menuw a {
	color: #eee;
	display: inline-block;
	font: 11px Arial;
}

.copy {
	float: left;
	margin: 20px 0 0 0px;
	font: 14px Arial;
	line-height: 14px;
	color: #cfad6c;
}

.copy span {
	font: 11px Arial;
	line-height: 13px;
	display: block;
	color: #aaa;
	padding-top: 10px;
}

.live {
	float: right;
	margin: 21px 5px 0 0;
	height: 31px;
	width: 88px;
	background: #fff;
}