@font-face {

  font-display: swap;
}


body {
	color: #fff;
}

a {
text-decoration : none;
outline : none;
color : #97dffc;
}
a:hover {
text-decoration : underline;
}



html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
margin : 0;
padding : 0;
}
img, fieldset {
border : 0;
}
html {
background-color: #232325;
/*font : 0.84em/150% 'Exo 2','Arial', "Lucida Sans Unicode", sans-serif;*/
font-family:'Arial', "Lucida Sans Unicode", sans-serif;
color : #fff;
}

p {
margin : 0 0 1.2em;
padding : 0;
}

small {
font-size : 87%;
}
ul, ol {
margin : 1em 0 1.4em 24px;
padding : 0;
line-height : 140%;
}
li {
margin : 0 0 0.5em 0;
padding : 0;
}
blockquote {
padding : 8px 30px 15px;
}
h1, h2, h3, h4, h5, h6 {
line-height : 1.4em;
margin : 20px 0 0.4em;
color : #fff;
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.2);
}
h1 {
font-size : 2em;
}
h2 {
font-size : 1.6em;
}
h3 {
font-size : 1.4em;
}
h4 {
font-size : 1.2em;
}
h5 {
font-size : 1.1em;
}
h6 {
font-size : 1em;
}
input, textarea, select {
font-size : 100%;
font-family : inherit;
}
textarea {
line-height : 150%;
}
input[type="text"], input[type="password"], textarea {
border : #ccc solid 1px;
padding : 5px 7px;
background : #f0f0f0;
border-radius : 5px;
}
textarea:focus, input[type="password"]:focus, input[type="text"]:focus {
border : #666 solid 1px;
background : #fff;
outline : none;
}
input[type="submit"]:hover {
background : #333;
color : #fff;
}
#pagewrap {
width : 1000px;
margin : 0 auto;
}
#content.fullwidth {
width : auto;
}
.col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 {
float : left;
margin : 0 0 0 30px;
}
.col4-1 {
width : 222px;
}
.col4-2, .col2-1 {
width : 474px;
}
.col4-3 {
width : 726px;
}
.col3-1 {
width : 306px;
}
.col3-2 {
width : 642px;
}
.first {
margin-left : 0;
clear : left;
}
.col.last {
margin : 0;
clear : left;
}
#content .col4-1 {
width : 204px;
}
#content .col4-3 {
width : 672px;
}
#content .col4-2, #content .col2-1 {
width : 438px;
}
#content .col3-1 {
width : 282px;
}
#content .col3-2 {
width : 594px;
}
#header {
position : relative;
height : 120px;
/*margin-bottom : 10px;*/
}
#site-logo {
position : absolute;
top : 10px;
line-height : 1.4em;
color : #fff;
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.2);
font-size: 20px;
}
#site-logo a {
font-family: Verdana, Geneva, sans-serif;
color : #fff;
text-decoration : none;
padding-bottom : 2px;
font-weight: bold;
}

#site-description {
color : #ccc;
position : absolute;
top : 40px;
font-size:13px;
}
.social-widget {
position : absolute;
top : 40px;
right : 10px;
font-size : 95%;
line-height : 120%;
text-align : right;
}
.social-widget a {
color : #fff;
}
.social-widget .widget {
border : none;
float : left;
margin : 0 15px 0 0;
padding : 0;
background : none;
box-shadow : none;
}
.social-widget .widgettitle {
font-size : 100%;
width : auto;
display : block;
float : left;
margin : 0 8px 2px;
padding : 0;
background : none;
border : none;
color : #fff;
text-shadow : none;
position : static;
box-shadow : none;
}
.social-widget div {
float : left;
}
.social-widget ul {
margin : 5px 0 0 !important ;
padding : 0;
float : left;
}
.social-widget ul li {
margin : 0 8px 5px 0;
padding : 0;
float : right;
border : none;
clear : none;
line-height : 100%;
}
.social-widget li img {
vertical-align : middle;
margin-top : -11px;
}
.social-widget .rss {
float : left;
}
.social-widget .rss a {
background : url(images/rss.png) left 0 no-repeat;
padding : 0 0 0 0;
}
#header #searchform {
position : absolute;
bottom : 8px;
right : 10px;
z-index : 101;
}
#header #searchform #s {
border : none;
width : 240px;
padding-left : 32px;
background : url(https://allfon.net/wp-content/themes/itheme2/images/search.png) 8px center no-repeat #333;
box-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
color : #fff; 
}

#nav-bar {
width : 100%;
position : absolute;
right : 0;
bottom : 0;
z-index : 100;

border : #333 solid 1px;
background : url(https://allfon.net/wp-content/themes/itheme2/images/nav-bar-bg.webp) repeat-x #6a6a6a;
background : linear-gradient(-90deg, #b9b9b9, #6a6a6a);
border-radius : 4px;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);

	border: solid 1px #000;
	background: #000 url(images/nav-bar-bg.webp) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#151515));
	background: -moz-linear-gradient(top,  #4b4b4b,  #151515);
	background: linear-gradient(-90deg, #4b4b4b, #151515);

}
#main-nav {
margin : 0;
padding : 0;
}
#main-nav li {
margin : 0;
padding : 0;
list-style : none;
float : left;
position : relative;
border-right : 1px solid #575757;
box-shadow : 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1) inset;
}
#main-nav li:hover {
background : #474747;
background : linear-gradient(-90deg, #282828, #4f4f4f);
box-shadow : none;
}
#main-nav .home {
width : 42px;
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
}
#main-nav .home a {
background : url(https://allfon.net/wp-content/themes/itheme2/images/home-icon.webp) 14px center no-repeat;
width : 16px;
text-indent : -9000em;
}
#main-nav .home a:hover, #main-nav .home.current_page_item a, #main-nav .home.current-menu-item a {
background-position : -41px center;
}
#main-nav .home.current_page_item, #main-nav .home.current-menu-item {
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
}
#main-nav a {
color : #fff;
display : block;
padding : 10px 15px;
text-decoration : none;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.7);
}

#main-nav a:hover {
color : #fff;
}

#main-nav .current_page_item, #main-nav .current-menu-item {
border-left : 1px solid #000;
border-right : 1px solid #000;
background : #474747;
background : linear-gradient(-90deg, #282828, #4f4f4f);
box-shadow : 0 2px 8px rgba(0, 0, 0, 0.8) inset;
}
#main-nav .current_page_item a, #main-nav .current-menu-item a {
color : #fff;
}
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
color : #fff;
}
#main-nav ul .current_page_item, #main-nav ul .current-menu-item {
border : none;
background : none;
box-shadow : none;
}
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {
color : #fff;
font-size : 110%;
font-weight : normal;
padding : 5px 0 5px 15px;
margin : 0;
width : 180px;
height : auto;
background : none;
box-shadow : none;
text-shadow : none;
}
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {
background : #444;
color : #fff;
font-size : 120%;
}
#main-nav ul {
border : #000 solid 1px;
background : #333;
margin : 0;
padding : 5px 0;
list-style : none;
position : absolute;
z-index : 100;
display : none;
border-radius : 1px;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.3);
}

#main-nav ul li {
background : none;
padding : 0;
margin : 0;
height : auto;
border : none;
}
#main-nav ul li:hover {
background : none;
}
#main-nav ul ul {
left : 190px;
top : 5px;
}
#main-nav li:hover > ul {
display : block;
}
#header-slider {
position : relative;
padding : 20px 30px 5px 50px;
margin : 0 0 20px;
background : #fff;
border-radius : 8px;
box-shadow : 0 1px 3px rgba(0, 0, 0, 0.4);
}
#header-slider .slides {
margin : 0;
padding : 0;
height : 0;
overflow : hidden;
}
#header-slider .slides li {
margin : 0 30px 10px 0;
padding : 0;
list-style : none;
float : left;
text-align : center;
}
#header-slider .slides h3 {
margin : 5px 0 2px;
padding : 0;
font-size : 85%;
font-weight : normal;
line-height : 140%;
text-align : center;
}
#header-slider .slider-nav {
position : absolute;
top : 50%;
left : 0;
width : 100%;
}
#header-slider .slider-nav a {
background : url(images/slider-nav-left.png) no-repeat;
width : 25px;
height : 48px;
margin-top : -24px;
display : block;
text-indent : -900em;
}
#header-slider .slider-nav .prev-slide {
position : absolute;
left : -2px;
}
#header-slider .slider-nav .next-slide {
background-image : url(images/slider-nav-right.png);
position : absolute;
right : -2px;
}
#content-footer {
width : 100%;
background : #222222;
text-align : center;
margin-bottom : 10px;
}


#content {
width : 600px;
background : #222222;
margin-bottom : 10px;
float : left;
}
.post {
font-size: 105%;
margin : 0;
position : relative;

}
.post-title {
/*
margin : 0 0 5px;
padding : 5px 36px 0 0;
*/
text-shadow:-1px -1px #000, 0 1px 0 #000;
font : bold 150%/120% Arial, "Lucida Sans Unicode", sans-serif;
}
.post-title a {
color : #333;
text-decoration : none;
}
.post-date .day {
color : #666;
padding : 2px 0 1px;
font : bold 18px/100% Arial, Helvetica, sans-serif;
display : block;
}
.post-date .year {
color : #999;
padding : 0 0 4px;
font : 10px/100% Arial, Helvetica, sans-serif;
display : block;
}
.post-meta {
color : #999;
font-size : 85%;
line-height : 120%;
margin : 0 0 15px;
}
.post-meta .post-comments a {
font-size : 13px;
text-align : center;
text-decoration : none;
color : #666;
background : url(images/post-comments.png) no-repeat;
width : 36px;
height : 26px;
padding : 8px 0 0;
position : absolute;
top : -2px;
right : 0;
text-shadow : 0 1px 0 rgba(255, 255, 255, 0.7);
/* счетчик комментов */
display: none;
}
.post-meta .post-comments a:hover {
color : #000;
}

/*
.post-image {
margin : 5px 0 10px;

}
.post-image img {
margin-top : 0;
}
.post-image.left img {

margin-right : 15px;
width : 170px;
height : 250px;


}
.post-image.right img {
margin-left : 15px;
}
*/

/*
.page-title {
margin : 0 0 5px;
font : bold 150%/120% Arial, "Lucida Sans Unicode", sans-serif;
}
*/

/*
.pagenav {
clear : both;
padding : 7px 5px 0;
text-align : center;
}
.pagenav .pages {
font-size : 85%;
margin-right : 10px;
}
.pagenav .number {
	background: #026acb;
	color: #fff;
	text-decoration: none;
	padding: 2px 7px;
	margin-left: 2px;
	vertical-align: middle;
	display: inline-block;
	color: #d9eef7;
	border: solid 1px #333;
	background: #333;
}
.pagenav .current, .pagenav .current:hover {
background : #999;
color : #fff;
border : none;
border : #888 solid 1px;
}
*/

.post-nav {
margin : 30px 0 20px;
--clear : both;
}
.post-nav span {
width : 45%;
}
.post-nav a {
text-decoration : none;
font-size : 110%;
}
.post-nav a:hover {
text-decoration : none;
}
.post-nav .prev {
float : left;
}

.post-nav .prev a {
background : url(images/previous-arrow.webp) left 2px no-repeat;
padding : 4px 0 6px 30px;
display : block;
}
.post-nav .next {
float : right;
text-align : right;
}
.post-nav .next a {
background : url(images/next-arrow.webp) right 2px no-repeat;
padding : 4px 30px 6px 0;
display : block;
}
.commentwrap {
margin : 40px 0 20px;
padding : 3% 4%;
position : relative;
clear : both;
background : #f6f6f6;
border-radius : 8px;
box-shadow : 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.comment-title {
font-size : 140%;
margin : 0 0 10px;
padding : 0;
}
.next-prev-comment {
position : absolute;
top : 20px;
right : 20px;
}
.next-prev-comment a {
text-decoration : none;
font-size : 85%;
text-transform : uppercase;
}
.next-prev-comment .next {
margin : 0 0 0 20px;
}
.commentlist {
margin : 0;
padding : 5px 0 0;
list-style : none;
border-top : 1px solid #ddd;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
.commentlist li {
margin : 0;
padding : 15px 0 0;
list-style : none;
position : relative;
}
.commentlist .comment-author {
margin : 2px 0 5px;
padding : 0;
}
.commentlist .avatar {
float : left;
margin : -3px 12px 10px 0;
}
.commentlist cite {
font : bold 120%/130% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
}
.commentlist cite a {
text-decoration : none;
}
.commentlist .comment-time {
font-size : 75%;
text-transform : uppercase;
display : block;
margin : 2px 0 0;
}
.commentlist .commententry {
position : relative;
min-height : 40px;
overflow : hidden;
padding-bottom : 5px;
border-bottom : 1px solid #ddd;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.9);
}
.commentlist ul, .commentlist ol {
margin : 0 0 0 60px;
padding : 0;
}
.commentlist .reply {
position : absolute;
right : 0;
top : 20px;
}
.commentlist .comment-reply-link:hover {
text-decoration : none;
color : #000;
}
#respond {
margin : 40px 0 30px;
padding : 10px 0 0;
position : relative;
clear : both;
}
#commentform {
margin : 15px 0 0;
}
#commentform input[type="text"] {
width : 206px;
max-width : 96%;
margin-right : 5px;
}
#commentform label {
font-weight : bold;
}
#commentform label small {
font-weight : normal;
}
#commentform textarea {
width : 97%;
height : 140px;
}
#commentform input#submit {
padding : 7px 20px;
}
#sidebar {
float : right;
width : 286px;
margin-bottom : 10px;
margin-top : 1px;
font-size : 90%;
}
.widget {
background : #fff;
margin-bottom : 20px;
padding : 15px 18px;
border-radius : 8px;
box-shadow : 0 1px 3px rgba(0, 0, 0, 0.4);
}
.widgettitle {
width : 100%;
display : block;
padding : 6px 18px 7px 18px;
margin : 0 0 -5px 0;
position : relative;
left : -18px;
top : -16px;
border-top : 1px solid #f5f5f5;
border-bottom : 1px solid #848484;
font : bold 14px/110% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
color : #333;
background : url(images/widgettitle-bg.png) repeat-x #a9a9a9;
background : linear-gradient(-90deg, #d7d7d7, #a9a9a9);
border-top-left-radius : 8px;
border-top-right-radius : 8px;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.15);
text-shadow : 0 1px 0 rgba(255, 255, 255, 0.7);
}
.widgettitle a {
color : #333;
text-decoration : none;
}
.widget ul {
margin : 0;
padding : 0;
}
.widget li {
margin : 0;
padding : 6px 0;
list-style : none;
clear : both;
border-bottom : 1px solid #ddd;
}
.widget li:last-child {
border-bottom : none;
}
.widget ul ul {
margin : 6px 0 -6px 0;
padding : 0;
border-top : 1px solid #ddd;
}
.widget ul ul li {
margin : 0;
padding-left : 10px;
}
.widget #wp-calendar caption {
font-weight : bold;
padding-bottom : 10px;
}
.widget #wp-calendar td {
width : 31px;
padding : 4px 2px;
text-align : center;
}
.widget .feature-posts-list br {
display : none;
}
.widget .feature-posts-list .post-img {
margin : 4px 12px 10px 0;
float : left;
}
.widget .feature-posts-list small {
display : block;
margin : 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
margin : 4px 0 3px;
display : block;
}
.widget .follow-user {
margin : 0;
padding : 5px 0;
}
.widget .links-list img, .widget_links img {
vertical-align : middle;
}
.recent-comments-list .avatar {
margin-right : 12px;
float : left;
}
.widget .flickr_badge_image {
margin-top : 10px;
}
.widget .flickr_badge_image img {
width : 60px;
height : 60px;
margin-right : 12px;
margin-bottom : 12px;
float : left;
}
#sidebar #searchform {
position : static;
}
#sidebar #searchform #s {
width : 93%;
}
#footer {
clear : both;
font-size : 90%;
}
#footer .widget {
margin : 15px 0;
}
#footer .footer-text {
clear : both;
padding : 0 0 20px 5px;
color : #ccc;
}
#footer .footer-text a {
color : #fff;
}
#footer .credits {
font-size : 90%;
}
#footer-nav {
margin : 0 0 15px 5px;
padding : 0;
clear : both;
}
#footer-nav li {
margin : 0 5px 0 0;
padding : 0;
display : inline;
list-style : none;
}
#footer-nav a {
text-decoration : none;
margin : 0 8px 0 0;
color : #fff;
}
#footer-nav a:hover {
text-decoration : underline;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
.textleft {
text-align : left;
}
.textright {
text-align : right;
}
.textcenter {
text-align : center;
}

.clearfix:after, .widget li:after {
visibility : hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0;
}

img.alignleft, img.aligncenter, img.alignright, img.alignnone {
background : #fff;
padding : 4px;
border : #ccc solid 1px;
margin-bottom : 15px;
}
.alignleft {
float : left;
margin-right : 30px;
}
.alignright {
float : right;
margin-left : 30px;
}
.aligncenter {
text-align : center;
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
text-align : center;
background : #fff;
padding : 4px 2px 2px 0;
border : #ccc solid 1px;
margin-bottom : 15px;
}
.wp-caption-text {
margin : 6px 0;
color : #777;
}
.gallery:after {
visibility : hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0;
}
#body .gallery {
margin : 30px 0;
}
.gallery br {
display : none;
}
img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, #body .gallery img, .attachment img, .post-image img, .feature-img, .post-img {
padding : 4px;
background : #fff;
border : #ccc solid 1px;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.15);
border-radius : 4px;
}
/* ============================================== */
#counter a img{opacity:0.3;-moz-opacity:0.3;filter:alpha (opacity=40);}
#counter a:hover img{opacity:1.0; -moz-opacity:1.0; filter:alpha (opacity=100);}