/*   
Theme Name: Cardfight Final
Theme URI: -
Author: Exper
Description: Cardfight.ru Special Theme
Version: 0.9.1.3
License: none
License URI: -
Text Domain: cardfight
*/



/* Полезности */
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
#bug_fix, #bug_fix2 {
	margin-top: 0!important;
}
A {
	text-decoration: none;
}
.content_p a {
	text-decoration: underline;
}
body {
	background: #aed1ff url('images/background.png') repeat-x;
	margin: 0;
	padding: 0;
	font: 400 14px "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: 0;
}
.clr {
	clear: both;
}
[name^="shadow-"] {
	display: none;
}
.side_top {
	height: 26px;
	padding: 4px 0 0;
	margin: 0 0 7px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	background: none;
}
#theme-my-login ul, .tml-user-links, .page_navi, #theme-my-login li, .tml-user-links li, .page_navi li {
	list-style: none;
	margin: 0;
	padding: 0;
}
p {
	padding: 0 0 2px!important;
}
p.message, p.error {
	text-align: center;
}
.message {
	padding: 5px;
	border: 1px solid #e6db55;
	background-color: #ffffe0;
	color: #333;
	margin: 0 0 10px;
}
.error {
	padding: 5px;
	border: 1px solid #c00;
	background-color: #ffebe8;
	color: #333;
	margin: 0 0 10px;
}
.admin-panel-power {
	height: 64px;
}
.omg {
	height: 1287px;
	padding: 30px 30px;
	margin: 0 auto;
	text-align: center;
	background: url('images/Cecilia-chan.png') no-repeat 0% 50%;
}
.t-link, .t-link ~ a {
	display: block;
	float: left;
	width: 200px;
	height: 24px;
	padding-top: 6px;
	border-radius: 15px;
	border: none;
	background: #9cf;
	color: #36c;
	text-align: center;
	text-decoration: none;
}
.t-link {
	margin-left: 150px;
}
.t-link:hover, .t-link ~ a:hover {
	background: #36c;
	color: #9cf;
}

/* Блоки */
.site_centering {
	width: 938px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 15px 15px 0 0;
}
.top {
	width: 939px;
	height: 378px;
	background: url('images/Site Logo.jpg') no-repeat 0% 100%;
	position: relative;
	z-index: 1;
}
.main {
	width: 938px;
	padding: 42px 0px 0;
	margin-bottom: 0px;
	background: #eee;
	position: relative;
	z-index: 0;
}
.right {
	margin: 0 0 0 180px;
	padding: 0 0 30px 0;
}
.center {
	margin: 15px 180px 0 0;

}
.left {
	width: 176px;
	height: 360px;
	margin: 15px 0 0 4px;
	padding: 0 0 30px 0;
	background: none;
	float: left;
}
.right_blocks {
	width: 176px;
	float: right;
	margin: 0 4px 0 0;
}
.content_block {
	background: none;
	padding: 0px 0px 15px
}
.pagelink {
        font-family: Helvetica;
        font-size:   28pt;
        font-weight: bold;
        color      : #000000;
        
}
.pagebutton {
display: block;
        font-family: Helvetica;
        font-size:   13pt;
	padding: 3px;
	margin: 0 auto;
	border-radius: 5px;
	background: #9cf;
	color: #36c;
	text-align: left;
    
}
.pagebutton:hover {
        background: #4d85ff;
	color: #9cf;
        text-shadow: 0px 0px 9px white. 0 0 1em black;
}
.bottom {
	width: 938px;
	height: 52px;
	padding-top: 36px;
	background: url('images/footer.png');
	color: #fff;
	text-align: center;
	position: relative;
}

/* Аккаунт */

.top-menu {
	position: relative;
	width: 938px;
	height: 40px;
	background: #666;
	border-bottom: 1px solid #fff;
	border-radius: 15px 15px 0 0;
	box-shadow: inset 0px -30px 30px 0px #000;
	font: 700 12px Arial, Helvetica, sans-serif;
}
.top-menu > a {
	display: block;
	height: 28px;
	padding: 12px 10px 0 5px;
	float: left;
	color: #fff;
	margin-left: 15px;
	border-right: 1px solid #000;
}
.user_widget {
	margin-left: 240px;
}
.profile-tab {
	display: block;
	height: 28px;
	padding: 12px 10px 0 5px;
	float: left;
	color: #fff;
	margin-left: 15px;
	cursor: pointer;
}
.profile-tab:hover, .user-panel a:hover, .top-menu > a:hover {
	color: #0ff;
}
.user-panel {
	width: 100px;
	display: none;
	position: absolute;
	top: 40px;
	left: 268px;
	background: #000;
}
.user-panel a {
	display: block;
	height: 28px;
	padding: 12px 10px 0 5px;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
}
#shadow-profile-tab:checked ~ .user-panel {
	display: block;
}
.user_widget h2 {
	display: none;
}
.tml-user-avatar {
	float: left;
}
.tml-user-avatar img {
	width: 40px;
	height: 40px;
}

/* Поиск */

.search {
	display: none;
	width: 330px;
	height: 22px;
	border: 1px solid #dedede;
	background: none;
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 7;
}
.search input[type="text"] {
	width: 294px;
	height: 22px;
	border: none;
	outline: none;
	background: none;
	padding: 0;
	margin-left: 15px;
	float: left;
	color: #fff;
}
.search input[type="submit"] {
	width: 18px;
	height: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	margin-top: 2px;
	background: url('images/search-ico.jpg');
	background-size: cover;
}

/* Главное меню */

.menu {
	width: 938px;
	height: 40px;
	padding: 0;
	background: #666;
	box-shadow: inset 0 -30px 30px 0 #000;
	border-top: 1px solid #fff;
	font: 700 12px Arial, Helvetica, sans-serif;
	overflow: visible;
	position: absolute;
	bottom: -41px;
	left: 0px;
	z-index: 2;
}
.vg-menu, .yugioh-menu, .buddy-menu {
	display: none;
	width: 178px;
	background: #000;
	position: absolute;
	top: 40px;
	z-index: 3;
}
#shadow-buddy ~ div > a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	color: #fff;
}
#shadow-buddy ~ div > a:hover {
	box-shadow: inset -10px 10px 50px -30px #999, inset -10px 10px 50px -30px #999;
}
#nav {
	margin: 0;
}
#nav ul, #nav li {
	list-style: none;
}
.menu a {
	display: block;
	padding: 10px 10px 20px;
	color: #fff;
}
.menu > div > ul > li {
	display: block;
	text-align: center;
	border-right: 1px #000 solid;
	cursor: pointer;
	float: left;
}
.menu > div > ul > li > a {
	padding: 10px 10px 20px;
	height: 10px;
}
.menu > div > ul > li > a:hover {
	box-shadow: inset -10px 10px 50px -30px #999, inset -10px 10px 50px -30px #999;
}
.menu > div > ul > li > a:hover + ul.children {
	display: block;
}

.menu .children {
	background: #000;
} 
#nav li { }

#nav li { float: left; padding: 0px; }

#nav li a, #nav li a:link, #nav li a:visited { }

#nav li a:hover, #nav li a:active { }

#nav li li { background-image: none; }

#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #000;
	float: none;
	margin: 0px;
	padding: 10px 15px 20px;
	width: 150px;
}

#nav li li a:hover, #nav li li a:active {
	background: #111;
	color: #FFFFFF;
	margin: 0px;
}

#nav li ul {
	height: auto;
	left: -999em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 170px;
	z-index: 9999;
}

#nav li ul a { width: 140px; }

#nav li ul a:hover, #nav li ul a:active { }


#nav li ul ul { margin: -32px 0 0 171px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.sfhover { position: static; }


/* Боковые блоки */

.left h2, .right_blocks h2 {
	display: block;
	height: 20px;
	padding: 8px 0 12px;
	margin: 0;
	color: #fff;
	background: #69f;
	text-align: center;
	font: 400 17px Arial, Helvetica, sans-serif;
}
.left b, .left span, .right_blocks b, .right_blocks span {
	display: block;
	text-align: center;
	padding: 3px 0;
}
.left span, .right_blocks span {
	color: #f60;
}
.left span + span, .right_blocks span + span {
	color: #f00;
}
.left > div > img, .right_blocks > div > img {
	display: block;
	margin: 0 auto 10px;
}
.left a, .right_blocks a {
	display: block;
	color: #000;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	border-top: 2px solid #69f;
}
.left b ~ a:hover, .right_blocks a:hover {
	background: #69f;
	color: #fff;
}
.left > div, .right_blocks > div {
	margin: 0 0 15px;
}
.vg_client, .yugioh_client, .bf_client {
	border: 3px solid #69f;
}
.bf_client h2 {
	font-size: 16px;
}
.vg_client img, .bf_client img, .yugioh_client img {
	width: 170px;
	padding: 0;
}
.chatovodchat {
	width: 150px;
	text-align: center;
}
.chatovodchat a {
	margin: 0 auto;
}

/* Посты (сжатые и полные) */

.short_post {
	max-height: 2500px;
	min-height: 150px;
	padding: 10px;
	margin: 0 10px 15px;
	background: #fff;
	color: #000;
	border: 1px solid #dedede;
	position: relative;
}
.short_post > h2, .full_post > h2, .content_page > h2 {
	font: 700 18px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px;
	text-align: left;
}
.short_post .content_p {
	min-height: 62px;
	overflow: hidden;
}
.post_top, .full_post_top, .page_top {
	position: relative;
	height: 34px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin: 0 -10px 12px -10px;
	text-align: center;
}
.page_top {
	border: none;
}
.short_post img, .full_post img {
	display: block;
	margin: 0 auto 15px;
}
.date {
	display: block;
	width: 100px;
	height: 20px;
	margin: 3px 0 0 10px;
	padding-top: 4px;
	float: left;
	border: 2px solid #39f;
	border-radius: 12px;
	color: #39f;
	text-align: center;
}
.date + span {
	display: block;
	width: 300px;
	height: 19px;
	margin: 3px 0 0 134px;
	padding-top: 5px;
	text-align: left;
}
.post_top > a, .full_post_top > a, .page_top > a {
	display: block;
	float: left;
	width: 150px;
	height: 24px;
	padding-top: 6px;
	border-radius: 15px;
	border: none;
	background: #9cf;
	color: #36c;
	position: absolute;
	right: 15px;
	top: 2px;
}
.delete_post {
	width: 30px!important;
	background: url('images/delete.png')!important;
	background-size: contain!important;
	right: 3px!important;
}
.post_info {
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	padding-top: 4px;
	border-radius: 12px;
	background: #fc3;
	color: #e60;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 125px;
}
.page_top .post_info {
	left: 10px;
}
.post_info_block {
	display: none;
	width: 190px;
	padding: 4px 5px;
	background: #fc3;
	text-align: left;
	position: absolute;
	left: 35px;
	top: 28px;
}
.page_top .post_info_block {
	left: 10px;
}
.post_info_block a {
	color: #000;
}
.post_info_block a:hover {
	text-decoration: underline;
}
[id^="shadow-info"]:checked + label {
	border-radius: 12px 12px 0 0;
}
[id^="shadow-info"]:checked + label ~ .post_info_block {
	display: block;
}
.content_p img {
	display: block;
}
.short_post .more-link {
	display: block;
	width: 200px;
	height: 24px;
	padding-top: 6px;
	margin: 4px auto 0;
	border-radius: 15px;
	border: none;
	background: #9cf;
	color: #36c;
	text-align: center;
	text-decoration: none;
}
.short_post_bot a:hover, .post_top > a:hover, .full_post_bot a:hover, .short_post .more-link:hover, .full_post_top > a:hover, .page_bot a:hover, .page_top a:hover {
	background: #36c;
	color: #9cf;
}
.full_post, .content_page {
	min-height: 200px;
	padding: 10px;
	margin: 0 10px 15px 10px;
	background: #fff;
	color: #000;
	border: 1px solid #dedede;
}
.full_post .content_p {
	min-height: 62px;
}
.full_post_bot, .page_bot {
	height: 30px;
	margin: 10px 0 0;
	padding-top: 10px;
	position: relative;
	border-top: 1px solid #dedede;
}
.full_post_bot a, .page_bot a {
	display: block;
	width: 300px;
	height: 24px;
	padding-top: 6px;
	margin: 0 auto;
	border-radius: 15px;
	background: #9cf;
	color: #36c;
	text-align: center;
}
.related_posts {
	padding: 10px;
	margin: 0 10px 15px 10px;
	border: 1px solid #dedede;
	text-align: left;
	background: #fff;
}
.related_posts a {
	display: block;
	text-decoration: underline;
	color: #000;
}
.related_posts a:hover {
	color: #39f;
}
.related_posts > h2 {
	font: 700 18px Arial, Helvetica, sans-serif;
	margin: 5px -10px 10px;
	padding: 0 10px 10px;
	border-bottom: 1px solid #dedede;
}

.bottom span {
	display: block;
	margin: 0 auto;
}

/* Навигация (страницы) */

.page_navi {
	width: 100%;
	margin: 0 10px;
}
.page_navi li {
	float: left;
	margin-left: 5px;
	text-align: center;
}
.page_navi a, .page_navi span {
	display: block;
	width: 30px;
	height: 24px;
	padding-top: 6px;
	border-radius: 50%;
	background: #69f;
	color: #fff;
}
.page_navi span {
	background: #f96;
}
.page_navi a:hover {
	background: #f96;
}

/* Форма входа */

.log-in_form form {
	margin: 0 auto;
	width: 250px;
}
.l-inp, .p-inp {
	display: block;
	width: 55px;
	float: left;
}
.l-inp + input, .p-inp + input {
	display: block;
}
.forgetmenot label {
	display: inline!important;
}


/* Восстановление пароля */

#pass-strength-result {
	margin: 12px auto 1px!important;
}


/* Форма регистрации */

.reg_form {
	height: 300px;
}
.reg_form #wp-submit {
	width: 160px;
}
.reg_form + .page_bot, .log-in_form + .page_bot, .login + .page_bot, .lost-pass_form + .page_bot {
	display: none;
}

/* Ссылки и кнопки форм логина + и общие стили для форм */
#theme-my-login {
	padding: 15px 15px 0;
	text-align: center;
}
#theme-my-login form {
	width: 250px;
	margin: 0 auto;
}
#theme-my-login form label {
	display: block;
}
.submit {
	margin: 20px auto 0;
}
#wp-submit {
	cursor: pointer;
	border: none;
	width: 125px;
	height: 24px;
}
.lost-pass_form #wp-submit {
	width: 170px;
}
.tml-action-links li {
	width: 125px;
	float: left;
}
.tml-action-links a, #wp-submit {
	display: block;
	padding: 3px 5px!important;
	margin: 0 auto;
	background: #69f;
	color: #fff;
}
.tml-action-links a:hover, #wp-submit:hover {
	background: #f96;
}
