/*
Theme Name: Alhana Renewed
Author: Alhana
Author URI: http://alhana.ru
Description: Version of responsive wp-blog-theme
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, two-columns, three-columns, right-sidebar, flexible-width, full-width-template, translation-ready
Text Domain: alhana
*/

@font-face {
    font-family: 'Conv_Mania-Oblique';
    src: url('fonts/Mania-Oblique.eot');
    src: url('fonts/Mania-Oblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/Mania-Oblique.woff') format('woff'),
         url('fonts/Mania-Oblique.ttf') format('truetype'),
         url('fonts/Mania-Oblique.svg#fonts/ManiaOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
body {font-size: 62.5%; line-height: 100%; font-family: 'Roboto', Arial, sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
img {border: none;}
.alignleft {position: relative; float: left;}
.alignright {position: relative; float: right;}
.aligncenter {position: relative; display: block; margin: 0 auto 0;}
img.alignleft {margin: 0 20px 20px 0;}
img.alignright {margin: 0 0 20px 20px;}
img.aligncenter {margin-bottom: 20px;}
.wp-caption {font-size: 1.0em;}
.wp-caption-text {text-align: center; font-style: italic;}
.sticky h2 {color: #000000;}
.gallery-caption {font-size: 1.0em; text-align: center; font-style: italic;}
.bypostauthor .fn {color: #000000;}

/*ПРАВАЯ КОЛОНКА*/
.right-column {position: fixed; top: 0; right: 0; width: 325px; height: 100%; bottom: 0; background: #222222; z-index: 10;}
.logo-image {position: relative; margin: 0 0 20px;}
.site-title {font: normal 4.1em/100% 'Conv_Mania-Oblique', serif; text-transform: uppercase; padding: 0 20px; margin: 0 0 20px;}
.site-title a:link, .site-title a:visited {/*color: #fad495;*/ text-decoration: none; transition: color 0.5s; text-shadow: 1px 1px 1px #000000;}
.site-title a:hover, .site-title a:active {color: #ffffff;}
.site-description {font: 300 italic 1.6em/100% 'Roboto', sans-serif; color: #999999; padding: 0 20px; text-align: right; margin: 0 0 40px;}

.menu-top-container {position: relative; margin: 0 20px 20px;}
.nav-menu {list-style: none; border-top: 1px solid #333333; font: 400 1.6em/100% 'Roboto Condensed', sans-serif;}
.menu-item a:link, .menu-item a:visited {color: #ffffff; display: block; text-decoration: none; padding: 7px 5px; border-bottom: 1px solid #333333; transition: all 0.5s;}
.menu-item a:hover, .menu-item a:active {padding: 7px 5px 7px 20px;}

/*САЙДБАР*/
.side-column {position: fixed; top: 0; right: 325px; bottom: 0; width: 400px; background: #ffffff; z-index: 1;}
.post-meta {position: relative; font: 400 normal 1.6em/100% 'Roboto Condensed', sans-serif; padding: 10px 20px; color: #333333; border-bottom: 1px solid #e7e7e7; background: #f4f4f4;}
.post-meta i {position: relative; margin: -3px 10px 3px 0;}

.widget_search {position: relative;}
.widget_search form {position: relative; width: 100%;}
.widget_search form .screen-reader-text {position: relative; display: block; font: 300 normal 1.4em/100% 'Roboto', sans-serif; margin: 0 0 5px; color: #999999;}
.widget_search form input[type="text"] {position: relative; box-sizing: border-box; width: 75%; padding: 3px 5px; margin: 0 2% 0 0; font: 400 normal 1.6em/100% 'Roboto', sans-serif; border: 1px solid #cccccc;}
.widget_search form input[type="submit"] {position: relative; box-sizing: border-box; width: 22%; padding: 6px 5px 5px; font: 400 normal 1.6em/100% 'Roboto', sans-serif; color: #333333; border: 1px solid #cccccc; text-shadow: 1px 1px 1px #ffffff;}

.comments-area {position: relative; margin: 5%;}
.comments-title {position: relative; font: 400 normal 2.4em/100% 'Roboto Condensed', sans-serif; color: #666666; margin: 0 0 20px;}
.collapse-text {position: relative; border-top: 1px solid #e7e7e7; padding: 10px 0; margin: 0 0 10px; font: 300 normal 1.4em/100% 'Roboto Condensed', sans-serif; color: #999999; text-align: center; cursor: pointer;}
.collapse-text:before {position: absolute; content: ''; width: 0; height: 0; border-color: transparent transparent #e7e7e7 transparent; border-style: solid; border-width: 6px; left: 50%; top: -12px; margin-left: -6px;}
.collapse-text:hover {border-color: #cccccc; color: #333333;}
.collapse-text:hover:before {border-bottom-color: #cccccc;}
.expand-text {position: relative; border-bottom: 1px solid #e7e7e7; padding: 10px 0; margin: 0 0 10px; font: 300 normal 1.4em/100% 'Roboto Condensed', sans-serif; color: #999999; text-align: center; cursor: pointer; display: none;}
.expand-text:before {position: absolute; content: ''; width: 0; height: 0; border-color: #e7e7e7 transparent transparent transparent; border-style: solid; border-width: 6px; left: 50%; bottom: -12px; margin-left: -6px;}
.expand-text:hover {border-color: #cccccc; color: #333333;}
.expand-text:hover:before {border-top-color: #cccccc;}

.commentlist {position: relative; list-style: none;}
.comment article {position: relative; display: block; padding: 10px 0;}
.comment-meta {position: relative; height: 60px; margin: 0 0 10px;}
.avatar-50 {position: relative; float: left; border-radius: 30px; border: 4px solid #f4f4f4; box-shadow: 0 0 2px #999999;}
.fn {position: relative; display: block; margin: 0 0 10px 80px; font: 400 normal 1.6em/100% 'Roboto Condensed', sans-serif; padding: 6px 0; border-bottom: 1px solid #f4f4f4;}
.fn a:link, .fn a:visited {text-decoration: none; color: #660000;}
.fn a:hover, .fn a:active {color: #000000;}
.comment-add {position: relative; text-align: right; font: 400 normal 1.3em/100% 'Roboto', sans-serif; color: #666666;}
.comment-add i {margin: -2px 5px 2px 10px;}
.smallblack {transition: all 0.5s;}
.smallblack a {text-decoration: none; color: #666666; transition: all 0.5s;}
.smallblack:hover {background: #000000; padding: 1px 7px 2px 0; border-radius: 5px;}
.smallblack:hover a, .smallblack:hover i {color: #ffba4d;}
.comment-content {position: relative; clear: both; font: 400 normal 1.4em/150% 'Roboto', sans-serif; color: #333333;}
.comment-content p {position: relative; margin: 0 0 10px;}
.comment-awaiting-moderation {font-style: italic; color: #cccccc;}
.children {position: relative; margin-left: 40px;}

#reply-title {position: relative; font: 400 normal 2.4em/100% 'Roboto Condensed', sans-serif; color: #666666; padding: 20px 0;}
#respond {position: relative; width: 100%;}
#respond p {font: 400 normal 1.4em/100% 'Roboto', sans-serif; color: #666666; padding: 0 0 10px; line-height: 150%;}
#respond p a:link, #respond p a:visited {color: #990000;}
#respond p a:hover, #respond p a:active {color: #000000;}
#respond input[type="text"], #respond textarea {position: relative; border: 1px solid #cccccc; padding: 5px 10px; box-sizing: border-box; width: 100%;}
#respond textarea {min-width: 100%; max-width: 100%;}
.form-allowed-tags {display: none;}
#respond input[type="submit"] {position: relative; padding: 5px 10px; color: #f4f4f4; font: 300 normal 1.0em/100% 'Roboto Condensed', sans-serif; background: #222222; border: 1px solid #000000; cursor: pointer; transition: color 0.5s;}
#respond input[type="submit"]:hover {color: #ffba4d;}

.widget {position: relative; margin: 0 5%; padding: 5% 0; border-top: 1px solid #e7e7e7;}
.widget_calendar table {position: relative; width: 100%; border-collapse: collapse; border: none;}
.widget_calendar table caption {font-size: 1.6em; font-weight: 700; color: #222222; padding: 2%;}
.widget_calendar table th {padding: 2%; font-size: 1.4em; font-weight: 700; border: 1px solid #e7e7e7;}
.widget_calendar table td {padding: 2%; font-size: 1.4em; font-weight: 400; border: 1px solid #e7e7e7; text-align: center;}
.widget_calendar table tfoot td, .widget_calendar table td.pad {border: none;}
.widget_calendar a:link, .widget_calendar a:visited {color: #990000;}
.widget_calendar a:hover, .widget_calendar a:active {color: #000000;}
.widget-title {position: relative; font: 400 normal 2.4em/100% 'Roboto Condensed', sans-serif; color: #666666; padding: 0 0 20px;}

.recent-entries {position: relative;}
.recent-entries a:link, .recent-entries a:visited {color: #333333; text-decoration: none; display: block; padding: 2% 35% 2% 0; font: 400 normal 1.4em/100% 'Roboto', sans-serif; transition: all 0.5s;}
.recent-entries a:hover, .recent-entries a:active {color: #000000; background: #f4f4f4; padding: 2% 35% 2% 5%;}
.recent-entries-item {position: relative; border-top: 1px solid #f4f4f4;}
.recent-entries ul li:first-child {border-top: none;}
.recent-entries-item .post-date {position: absolute; right: 2%; top: 50%; margin-top: -7px; vertical-align: middle; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif; color: #999999;}
.recent-entries-item .post-comments {position: absolute; display: inline-block; right: 25.5%; top: 50%; margin-top: -7px; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif; color: #999999;}
.post-date i {color: #999999; margin-right: 5px;}
.post-comments i {color: #999999; margin-left: 5px;}

.recent-comments {position: relative;}
.recent-comments-item {position: relative; clear: both; width: 100%; padding: 5px 0 10px;}
.avatar-40 {position: relative; float: left; border-radius: 20px; box-shadow: 0 1px 1px #666666; margin: 2px 20px 20px 0;}
a.widget-com-title:link, a.widget-com-title:visited {position: relative; display: block; font: 400 normal 1.5em/100% 'Roboto Condensed', sans-serif; text-decoration: none; color: #990000; margin: 0 0 5px;}
a.widget-com-title:hover, a.widget-com-title:active {color: #000000; text-decoration: underline;}
.widget-com-text {font: 400 normal 1.3em/125% 'Roboto', sans-serif; color: #666666; padding: 0 0 5px;}
.widget-com-meta {text-align: right; color: #999999; font: 300 normal 1.0em/100% 'Roboto', sans-serif;}

.sidecontrols {position: fixed; top: 0; right: 726px; width: 24px;}
.sidecontrol {position: relative; display: block; background: #ffffff; color: #222222; padding: 6px 0 8px; margin-bottom: 1px; text-align: center; font-size: 1.6em; cursor: pointer;}
.sidecontrol:hover {background: #222222; color: #ffba4d;}

/*ЛЕВАЯ КОЛОНКА*/
.left-column {position: relative; float: left; margin-right: 725px; z-index: 1;}
.left-column .hentry {position: relative; margin: 5% 7% 5% 5%; width: 88%;}
.entry-header {position: relative; margin: 0 0 40px;}
.entry-title {font: 400 normal 3.2em/100% 'Roboto Condensed', sans-serif; color: #333333; text-shadow: 0 1px 1px #ffffcc;}
.entry-content {font: 400 normal 1.6em/150% 'Roboto', sans-serif; color: #333333; padding-bottom: 30px;}
.entry-content p {position: relative; margin: 0 0 20px;}
.entry-content a:not([href*="alhana.ru"]):after {content: " \f08e"; font-family: 'FontAwesome'; font-size: 0.9em;}
.entry-content a:link, .entry-content a:visited {color: #990000;}
.entry-content a:hover, .entry-content a:active {color: #330000; text-shadow: 1px 1px 1px #ffffcc;}
.entry-content img.alignleft, .entry-content img.alignright, .entry-content img.aligncenter {box-shadow: 0 0 1px #777777; max-width: 100%; height: auto;}
.entry-content table {position: relative; width: 100%; margin: 0 0 20px;}
.entry-content table tr:nth-of-type(odd) {background: #d9ba86;}
.entry-nav {position: relative; clear: both; height: 34px; background: #222222;}
.entry-nav a:link, .entry-nav a:visited {position: relative; float: left; display: block; width: 46%; padding: 10px 2%; color: #ffffff; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif; text-decoration: none; overflow: hidden; background: #222222; transition: all 0.5s;}
.entry-nav a[rel="prev"]:hover, .entry-nav a[rel="prev"]:active {background: #000000; color: #ffba4d; width: 45%; padding-left: 3%;}
.entry-nav a[rel="prev"]:before {position: absolute; content: '\f104'; font-family: 'FontAwesome'; left: -4%; transition: all 0.5s;}
.entry-nav a[rel="prev"]:hover:before {left: 2%;}
.entry-nav a[rel="next"] {text-align: right;}
.entry-nav a[rel="next"]:hover, .entry-nav a[rel="next"]:active {background: #000000; color: #ffba4d; width: 45%; padding-right: 3%;}
.entry-nav a[rel="next"]:before {position: absolute; content: '\f105'; font-family: 'FontAwesome'; right: -4%; transition: all 0.5s;}
.entry-nav a[rel="next"]:hover:before {right: 2%;}
.taglist {position: relative; margin: 20px 0; width: 100%;}
.one-tag {position: relative; display: inline-block; margin-right: 10px; padding: 3px 5px; font: 400 normal 1.6em/100% 'Roboto', sans-serif;}
.one-tag:before {content: '\f02b'; font-family: FontAwesome; color: #222222; margin-right: 5px;}
.one-tag a:link, .one-tag a:visited {position: relative; color: #333333; text-decoration: none;}
.one-tag a:hover, .one-tag a:active {color: #990000; text-decoration: underline; text-shadow: 1px 1px 1px #ffffcc;}

/*ГЛАВНАЯ СТРАНИЦА*/
.twitterstream {position: relative; width: 95%; overflow: hidden; margin: 0 2.5% 20px;}
.twitterstream-item {position: relative; float: left; width: 28.333%; box-sizing: border-box; padding: 15px 0 10px; margin: 0 2.5% 30px; background: #ffffff; box-shadow: 0 1px 1px #777777;}
.stream-text {position: relative; border-top: 1px solid #e7e7e7; padding: 10px 20px 10px 0; margin-left: 20px; font: 300 normal 1.4em/125% 'Roboto', sans-serif; color: #666666;}
.stream-meta {position: relative; border-top: 1px solid #e7e7e7; padding: 10px 0; margin-right: 20px; font: 400 normal 1.2em/100% 'Roboto Condensed', sans-serif; text-align: right;}
.stream-meta a:link, .stream-meta a:visited {color: #990000; text-decoration: none; margin-left: 5px;}
.stream-meta a:hover, .stream-meta a:active {color: #000000; text-decoration: underline;}
.stream-time:link, .streamtime:visited {position: absolute; bottom: -20px; left: 0; text-align: center; color: #ffffff; text-decoration: none; display: inline-block; padding: 4px 6px; background: #222222; font: 400 normal 1.2em/100% 'Roboto Condensed', sans-serif; transition: color 0.5s;}
.stream-time:hover, .streamtime:active {color: #ffba4d;}
.stream-authorlink {display: none;}

.home-widget-title {position: relative; font: 400 normal 2.8em/100% 'Roboto Condensed', sans-serif; color: #333333; text-shadow: 1px 1px 1px #ffffff; padding: 20px 5%; margin-right: 25px;}
.home-column {position: relative; float: left; width: 40%; padding: 0 5%;}
.home-article {position: relative; padding: 10px 0 20px;}
.home-article h2 {position: relative; font: 400 normal 2.0em/100% 'Roboto Condensed', sans-serif; color: #660000; margin: 0 0 10px;}
.home-article p {font: 400 normal 1.6em/150% 'Roboto', sans-serif; color: #333333; margin: 0 0 10px;}
.front-post-meta {position: relative; display: inline-block; float: right; padding: 3px 0; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif; color: #333333;}
.front-post-meta i {margin: 0 5px 0 10px;}
.read-more {position; relative; font: 400 normal 1.4em/100% 'Roboto', sans-serif !important; text-align: right;}
.read-more a:link, .read-more a:visited {position: relative; display: inline-block; background: #ffffff; color: #222222; padding: 5px 5%; overflow: hidden; transition: all 0.5s; text-decoration: none; box-shadow: 0 0 1px #777777;}
.read-more a:hover, .read-more a:active {background: #222222; color: #ffba4d; box-shadow; none;}

.archive-nav {position: relative; margin: 20px 2.5%; clear: both; width: 95%; height: 34px; background: #222222; color: #ffffff; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif;}
.archive-nav a:link, .archive-nav a:visited {position: relative; display: inline-block; background: #222222; color: #ffffff; text-decoration: none;}
.archive-nav a:hover, .archive-nav a:active {background: #000000; color: #ffba4d;}
.nav-previous a:link, .nav-previous a:visited {position: relative; padding: 10px 4%; width: 33%; transition: padding 0.2s;}
.nav-previous a:hover, .nav-previous a:active {padding: 10px 6% 10px 2%;}
.nav-previous a i {margin-right: 10px;}
.nav-map a {position: relative; padding: 10px 4%; width: 10%; text-align: center;}
.nav-next a:link, .nav-next a:visited {position: relative; padding: 10px 4%; width: 33%; text-align: right; transition: padding 0.2s;}
.nav-next a:hover, .nav-next a:active {padding: 10px 2% 10px 6%;}
.nav-next a i {margin-left: 10px;}

/*АРХИВЫ*/
.archive-subheading {position: relative; display: inline-block; font: 400 normal 1.4em/100% 'Roboto Condensed', sans-serif; background: #ffffff; padding: 10px 15px; box-shadow: 0 1px 1px #777777; text-align: center; color: #666666; text-transform: uppercase; width: 140px; margin: 20px 2.5%;}
.archive-subheading i {margin-right: 10px;}
.postspermonth {position: relative; clear: both; width: 95%; margin: 0 2.5% 20px;}
.postspermonth a:link, .postspermonth a:visited {position: relative; display: block; padding: 5px 10px; font: 400 normal 1.4em/100% 'Roboto', sans-serif; text-decoration: none; color: #333333;}
.postspermonth a:hover, .postspermonth a:active {text-decoration: underline; color: #990000; text-shadow: 1px 1px 1px #ffffcc;}
.postspermonth i {margin-left: 10px;}

.archive .left-column .hentry, .search .left-column .hentry {position: relative; float: left; margin: 2.5% 7% 0 5%; width: 38%;}
.archive .entry-title, .search .entry-title {position: relative; font: 400 normal 2.0em/100% 'Roboto Condensed', sans-serif; margin: 0 0 10px;}
.archive .entry-title a:link, .archive .entry-title a:visited, .search .entry-title a:link, .search .entry-title a:visited { color: #660000; text-decoration: none;}
.archive .entry-title a:hover, .archive .entry-title a:active, .search .entry-title a:hover, .search .entry-title a:active {color: #000000;}

/*ПОДВАЛ*/
.site-footer {position: fixed; right: 20px; bottom: 20px; font: 300 normal 1.4em/150% 'Roboto Condensed', sans-serif; text-align: right; color: #666666; z-index: 11;}
.site-footer a:link, .site-footer a:visited {color: #666666; text-decoration: none;}
.site-footer a:hover, .site-footer a:active {color: #ffffff; text-decoration: underline;}

/*404 ERROR*/
.no-content form[role="search"] {position: relative; width: 100%;}
.no-content form[role="search"] .screen-reader-text {display: none;}
.no-content form[role="search"] input[type="text"] {position: relative; box-sizing: border-box; width: 75%; padding: 3px 5px; margin: 0 2% 0 0; font: 400 normal 1.0em/100% 'Roboto', sans-serif; border: 1px solid #cccccc;}
.no-content form[role="search"] input[type="submit"] {position: relative; box-sizing: border-box; width: 22%; padding: 6px 5px 5px; font: 400 normal 1.0em/100% 'Roboto', sans-serif; color: #333333; border: 1px solid #cccccc; text-shadow: 1px 1px 1px #ffffff;}

@media handheld, only screen and (max-width: 1366px) {
	.twitterstream-item {width: 45%;}
	.home-column {float: none; width: 90%;}
	.archive .hentry {width: 45%;}
}

@media handheld, only screen and (max-width: 1160px) {
	.twitterstream-item {width: 95%;}
	.archive .hentry {width: 95%; float: none;}
}

@media handheld, only screen and (max-width: 1024px) {
	.sidecontrols {display: none;}
	.left-column {margin-right: 325px;}
	.twitterstream-item {width: 45%;}
	.side-column {position: relative; float: left; top: auto; right: auto; bottom: auto; width: 100%; box-sizing: border-box; padding-right: 325px;}
}

@media handheld, only screen and (max-width: 564px) {
	.right-column {position: relative; width: 100%; top: auto; right: auto; height: auto; bottom: auto; z-index: 10; padding-top: 20px; padding-bottom: 20px;}
	.logo-image {display: none;}
	.left-column { float: none; margin-right: 0; width: 100%;}
	.twitterstream-item {width: 95%;}
	.side-column {float: none; width: 100%; box-sizing: border-box; padding-right: 0;}
	.site-footer {position: relative; right: auto; bottom: auto; background: #222222; width: 95%; padding: 2.5%;}
}

@media handheld, only screen and (max-width: 240px) {
	.site-title {font-size: 2.9em;}
}