/*
 Gut Blog by Aleksey Zakharov
 version 1.0
*/

/* Basic*/

body {
 margin: 0px;
 background-color: #fff;
 font: 11pt/1.3em 'Verdana';
 color: #414141;
}

td, input, select, textarea {
 font: 90% 'Arial';
}

body a {
 color: #d74e37;
 text-decoration: underline;
}

body a:hover {
 text-decoration: none;
 color: #000;
}

* {}
img {
 border: 1px; 
}

p {
 
 font-size: 100%;
 padding-bottom:5px;
}

blockquote {
 padding: 5px 20px 5px 45px;
 max-width:600px;
 width:75%;
 background-color: #ededed;
 position:relative;
 color: #414141;
 font: 12pt 'Georgia';
 margin:0px;
}

blockquote:before {
 color: #000;
 font-family:Arial;
 font:20px;
 content: "“";
 display:block;
 font-size:50px;
 padding-left:5px;
 left:5px;
 position:absolute;
 top:10px;
}

h1 {
 font-size: 150%;
 color:#696969;
}

h2 {
 font-size: 130%;
}

a.noun img {
 margin: 2px;
}

ul, li {
 margin: 0px;
 padding: 0px;
 line-height: 1.5em;
 padding-bottom:5px;
 color:B03060;
}

.clearfix:before, .clearfix:after {
 content: "";
 display: table;
}

.clearfix:after {
 clear: both;
}

.clearfix:before, .clearfix:after {
 : "";
 display: table;
}

:focus {
 outline: none;
}
textarea {
 resize: none;
}

hr {
 height: 1px;
 background: #bfbfbf;
 border: 0px;
 overflow: hidden;
}
iframe, object, embed {
 max-width: 100%;
}
/* ------------- */

/*WRAP*/
body {
 background: #ffffff;
 padding: 0;
 }

body > .container {
 max-width: 960px;
 min-height: 100%;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
 margin: 0 auto;
 text-align: left;
 padding: 0 0 60px;
 width: inherit;
 }

 #puzadpn {
 margin-top: -24px;
 }
/*----*/

/*HEADER*/
header {
 padding: 15px 20px;
 margin-bottom: 7px;
 background: #ffffff;
 overflow: auto;
 position: relative;
 }

.logo {
 float: left ;
 background: url('http://www.samoshvejka.ru/logo.png') left center no-repeat;
 padding: 0 0 0 100px;
 min-height: 86px;}


.stat_sty {
 font-size: 13px;
 text-align: center;
}

.logo_yr {
 color:#9c9c9c;
 letter-spacing: 0.1em;
 font:245% Impact;
 outline:none;
 text-decoration: none;
}

.logo_yra {
 text-decoration:none;
}

ul.soc-icons {
 list-style-type: none;
 position: absolute;
 right: 20px;
 top: 50%;
 margin-top: -15px;
 padding: 0;
 }

ul.soc-icons li {display: inline-block;}
 
ul.soc-icons li a {
 margin: 0 0 0 10px;
 text-align: left;
 display: block;
 width: 30px;
 height: 30px;
 text-indent: -9999px;
 overflow: hidden;
 background-image: url('/images/link.png');
 background-color: none;
 }

 ul.soc-icons li a:hover {background-color: #CD3C5C;}

 .i-fb {
 background-position: 0 0;
}

 .i-tw {
 background-position: -30px 0;
}

 .i-vk {
 background-position: -60px 0;
}

 .i-od {
 background-position: -90px 0;
}

 .i-yt {
 background-position: -120px 0;
}

 .i-in {
 background-position: -150px 0;
}

 .i-out {
 background-position: -180px 0;
}

 .i-reg {
 background-position: -210px 0;
}

 .i-profile {
 background-position: -240px 0;
}

 #uncheader object, #uncheader embed {
 max-width: inherit;
}
 
/*------*/

/* Menus */
nav {
 margin-bottom: 17px;
 text-align: center;
 background: #CD3C5C;
 }


nav ul.uMenuRoot {
 list-style: none outside none;
 margin: 0 auto;
 padding: 0;
 }

nav ul ul {
 background: none repeat scroll 0 0 #f5f5f5;
 left: -1px;
 opacity: 0;
 position: absolute;
 top: 100%;
 transition: all 0.2s ease-out 0.15s;
 visibility: hidden;
 white-space: nowrap;
 z-index: 1;
 text-align: left;
 }

nav ul ul ul {
 left: 100%;
 padding-left: 1px;
 top: 0;
}

nav ul.uMenuRoot > li {
 list-style: none; 
 display: inline-block; 
 margin: 0; 
 padding: 0;
 position: relative;
 z-index: 2;
 }

 nav ul.uMenuRoot > li:first-child {border: none;}
 nav ul.uMenuRoot > li:last-child {border-right: none;}
 
nav ul.uMenuRoot > li.has-submenu:hover {}
nav ul.uMenuRoot > li > ul {;}
nav li {
 float: left;
 list-style: none outside none !important;
 position: relative;
 
}

nav li.has-submenu > a:after {
 content: "+";
 display: block;
 position: absolute;
 right: 5px;
 top: 0;
 
}

nav li a:hover + ul {
 opacity: 1;
 visibility: visible;
}

nav li:hover > ul {
 opacity: 1;
 visibility: visible;
}

nav li li {
 float: none;
}

nav li li a {
 padding: 0 20px;
 display: block;
 line-height: 40px;
 text-decoration: none;
 color: #555;
}

nav li li:hover {
 background: #696969;
}

nav li li:hover > a, nav li li:hover a:hover {
 background: #DB7093;
 color: #fff;
 text-decoration: none;
}
/* ----- */

/* Site Menus */

ul.uMenuRoot > li > a {
 font-size: 18px;
 text-decoration: none;
 display: block;
 font-family: Myriad Pro, serif;
 color: #fff;
 background: #696969;
 padding: 0 20px;
 margin: 0 0 0 0;
 line-height: 50px;
 }
 
nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
 background: #DB7093;
 color: #ffffff;
 }
 
.show-menu {
 position: absolute;
 top: 30px;
 right: 30px;
 width: 50px;
 height: 20px;
 cursor: pointer;
 background: #696969;
 display: none;
 color: #fff;
 text-align: center;
 font-size: 80%;
 padding: 5px 10px;
 font-weight: bold;
 }
 .show-menu:hover {background: #DB7093;color: #fff;}
/* --------- */

/* uCoz HEADER */
#uncheader {
 padding: 0px;
 background-repeat: no-repeat;
 background-position: 50% 0px;
 margin: 0px auto 7px auto; 
 width: 100%;
 position: relative;
}
 
.uCozIntroText {
 width: 55%;
 margin:0;
 position: absolute;
 right: 0;
 bottom: 20px;
 padding: 25px;
 background: rgba(0,0,0,0.66);
 color: #fff;
 font-weight: normal;
 }
 
 .uCozIntroText h1 {
 font-size: 190%; 
 -weight: normal;
 line-height: 1em;
 margin: 0 0 10px 0;
 color: #fff;
}

 .uCozIntroText p {
 font-size: 90%;
 margin: 0;
 text-indent: 0;
}
 
/*CONTAINERS*/
.content-wrap>section {
 float: left;
 width: 697px;
 background: #fff;
 margin-bottom: 7px;
 }

 .content-wrap.wide-page>section {
 float: none;
 width: auto;
 }

 .content-wrap>section ul {
 margin: 0 0 0 40px;
}

.content-wrap>aside {
 width: 256px;
 float: right;
 margin-bottom: 7px;
 }

.content {
 padding: 20px;
 padding-top:5px;
}

.content-wrap>section ul {
 margin: 0 40px 0 40px;
}

 .u-addform ul {
 margin: 0!important;
}
/*----------*/

/* FOOTER */
footer {
 padding: 5px 20px;
 background: #3f4747;
 color: #fff;
 font-size: 90%;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 
 }
 
.copyright {
 width: 40%;
 float: left;
 text-align: left;
 }
.powered-by {
 width: 40%;
 float: right;
 text-align: right;
 } 

footer a {
 color: #fff;
 text-decoration: none;
}
footer a:hover {
 color: #fff;
 text-decoration: none;
}

.ulogin-btn span.ulb-mid {
 white-space: nowrap;
}

/* Module Part Menu */
.catsTable {
 border-spacing: 0 !important;
}

.catsTd {
 padding: 5px;
 background: #fff;
 border-bottom: 1px solid rgba(0,0,0,0.8);
 font-size: 80%;
}
 
.catName {}
.catNameActive {}
.catNumData {}
.catDescr {}
a.catName:link {
 color: #000;
 text-decoration: none;
}

a.catName:visited {
 color: #000;
 text-decoration: none;
}

a.catName:hover {
 color: #d74e37;
}

a.catName:active {
 color: #000;
}

a.catNameActive:link {
 color: #000;
}

a.catNameActive:visited {
 color: #000;
}

a.catNameActive:hover {
 color: #d74e37;
}

a.catNameActive:active {
 color: #000;
}

/* ----------------- */

/*Container blocks styles*/

.block {
 margin-bottom: 7px;
}

.blocktitle {
 font: 110% 'Arial';
 color: #fff;
 background:#696969;
 padding: 10px;
 margin: 0 0 2px 0;
}

.blockcontent {
 padding: 0;
 margin: 0;
 text-align: left;
 background: #fff;
}

.blockcontent ul, .blockcontent p, .blockcontent>div {
 margin: 0;
 padding: 10px;
}

.blockcontent .archUl {}
.blockcontent li {
 padding: 5px 10px;
 list-style: inside;
}

.blockcontent li a {}
.blockcontent li a:hover {}
.blockcontent a {}
.blockcontent a:hover {}

/*-----------------------*/

/* Entries Style */
.eBlock {
 padding: 0;
 background: #fff;
 table-layout: fixed;
 }

.eTitle {
 font: bold 13pt/30px 'Arial';
 color: #ef4d4d;
 padding: 10px 10px 5px 10px;
 border-bottom: 2px solid #ef4d4d;
 align-text:center;
}

.eTitle a {
 color: #ef4d4d;
 text-decoration: none;
}

.eTitle a:hover {
 color: #ef4d4d;
}

.eMessage {
 padding: 15px !important;
}

.eMessage p, .eText p {
 margin: 5px 0;
 font-size: 11pt;
 text-align: justify !important;
 line-height: 1.5em;
 text-indent: 20px;
 overflow: hidden;
}

.eMessage,.eText,.cMessage {
 word-wrap: break-word;
}

.eMessage li, .eText li {
 margin-left: 15px;
 font-size: 11pt;
}

.eMessage img, .eText img {
 max-width: 100%;
}

.eText {}
.eDetails, .eDetails1, .eDetails2 {
 margin: 5px 0px;
 padding:10px;
 font-size: 10pt;
 color: #000;
 background: #fff;
}

.eDetails a, .eDetails1 a, .eDetails2 a {
 color: #000;
 text-decoration:none;
}

.eDetails a:hover, .eDetails1 a:hover, .eDetails2 a:hover {
 color: #000;
}

.eDetails ul {
 margin-left: 0 !important;
}

.eDetails .ed-sep, .eDetails1 .ed-sep, .eDetails2 .ed-sep {
 display: none;
 margin: 0;
}

.e-reads, .e-author, .e-date, .e-comments, .e-add, .e-rating, .e-loads, .e-category {
 display: inline-block;
 margin-right: 15px;
 padding-left: 22px;
 vertical-align: middle;
 }
 
.e-reads .ed-title, 
.e-author .ed-title, 
.e-date .ed-title, 
.e-comments .ed-title, 
.e-add .ed-title, 
.e-rating .ed-title, 
.e-loads .ed-title, 
.e-category .ed-title {
 display: none;
}

.e-reads {
 background: url("/hop/eye.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.e-author, .e-add {
 background: url("/hop/author.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.e-date {background: url("/hop/date.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.e-comments {
 background: url("/hop/com.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.e-rating {
 background: url("/hop/star.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.e-loads {
 background: url("/.s/t/1252/13.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 padding-left: 15px;
}

.e-category {
 background: url("/hop/cat.png") no-repeat scroll left center rgba(0, 0, 0, 0);
 height:12px;
}

.vep-video-block img {
 max-width: 100%;
}

/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}

div[id^="imblock"] > span:first-child {
 width: 17px;
 display: inline-block;
}
/* ------------------ */

/* Comments Style */
.cAnswer, .cMessage {
 font-family: 'Tahoma';
 font-size: 90%;
}
.cBlock1, .cBlock2 {
 border-top: 1px dashed #ccc; padding: 0px 0px;
}
.cBlock1 {}
.cBlock2 {}
.uc-content {
 text-align: left;
}

.c1 {
 margin-top:20px;
 padding-bottom:15px;
 border-bottom:1px solid #dedede
} 
.c2 {
 display:table;
 width:100%;
} 
.c3 {
 display:table-cell;
 vertical-align:top;
 width:64px;
 padding-right:15px
} 
.c4 {
 display:table-cell;
 vertical-align:top;
 text-align:left
} 
.c5 {
 display:table-cell;
 vertical-align:top;
 text-align:center;
 width:80px
} 
.c6 {
 padding-top:2px;
 padding-bottom:7px;
 font-size:17px;
 line-height:20px
} 
.c6 a {
 text-decoration:none;
 color:#6c6c6c
} 
.c6 .c7 {
 font-size:12px;
 color:#696969;
 display:inline-block;
 padding-left:10px
} 
.c8 {
 font-size:15px
} 
.c1:hover .c9 a {
 display:inline-block
} 
.c1:hover .c11 a, .c1:hover .c10 a {
 display:block
} 
.c9 {
 margin-top:10px;
 height:24px
} 
.c9 a {
 display:none;
 color:#666;
 font-size:13px;
 text-decoration:none;
 background:#efefef;
 padding:3px 10px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px
} 
.c9 a:hover {
 color:#1d1d1d;
 text-decoration:none;
 background:#eaeaea;
} 
.c16, .c14, .c15 {
 width:38px;
 padding:3px 0px;
 font-size:13px;
 text-align:center;
 font-weight:bold;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 0px
} 
.c16 {
 background:#ffcccc;
 color:#cc0000;
} 
.c14 {
 background:#cccccc;
 color:#FFF
} 
.c15 {
 background:#ccffcc;
 color:#009900
} 
.c12 {
 display:table;
 height:24px
} 
.c11 {
 display:table-cell;
 vertical-align:top;
 width:22px;
} 
.c10 {
 display:table-cell;
 vertical-align:top;
 width:22px;
} 
.c13 {
 display:table-cell;
 vertical-align:top;
 width:46px;
 padding-left:3px;
 text-align:center
} 
.c11 a {
 width:18px;
 height:18px;
 display:none;
 color:rgba(0,0,0,0);
 font-size:0px;
 background:url('/images/like.png');
 margin-top:3px;
 opacity:0.5;
 position:absolute
} 
.c10 a {
 width:18px;
 height:18px;
 display:none;
 color:rgba(0,0,0,0);
 font-size:0px;
 background:url('/images/unlike.png');
 margin-top:3px;
 margin-left:-5px;
 opacity:0.5;
 position:absolute
} 
.c11 a:hover, .c10 a:hover {
 opacity:1
}

/* -------------- */

/* Other Styles */
.replaceTable {}
.legendTd {}
.codeMessage, .quoteMessage {
 padding: 5px;
}

.bbcodeBlock, .bbquoteBlock {
 margin: 5px;
}

/* Скрытие ненужных элементов */
#thread_search_field,
#thread_search_button {
 display: none;
}

/* Цитаты */
.bbQuoteBlock {
 background: #e7e9ff;
 border-bottom: 2px solid #cfd1e5;
 padding: 20px 20px 50px;
 position: relative;
 border-radius: 5px;
}
.bbQuoteName {
 position: absolute;
 font-size: 13px !important;
 padding: 5px 10px !important;
 left: 20px;
 bottom: 15px;
 border-radius: 3px;
}
.quoteMessage {
 border: 1px !important;
}

/* Заголовок */
.header {
 background: url(header.png) 50% no-repeat;
 background-size: contain;
}

/* Базовые стили */
*, *:before, *:after {
 box-sizing: border-box;
}
img {
 max-width: 100%;
 height: auto;
}
input,
textarea {
 max-width: 100%;
}
html {
 font-size: 100%;
}
body {
 font-size: 1rem;
 font-family: Arial, sans-serif;
 color: #333;
 margin: 0;
 padding: 0;
}

/* Кнопка наверх */
.h-top-link {
 display: none;
 position: fixed;
 right: 20px;
 bottom: 20px;
 width: 40px;
 height: 40px;
 background: #444 url('https://img.icons8.com/ios-filled/24/ffffff/up.png') no-repeat center center;
 border-radius: 50%;
 cursor: pointer;
}

/* Соц. иконки (старый вариант, если используется) */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.social a {
 text-align: center;
 width: 30px;
 height: 30px;
 float: left;
 background: #fff;
 border: 1px solid #ccc;
 box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
 border-radius: 24px;
 margin: 0 10px 10px 0;
 padding: 6px;
 color: #000;
}
.youtube a:hover { background: #c4302b; color: #fff; }
.instagram a:hover { background: #3f729b; color: #fff; }
.facebook a:hover { background: #3b5998; color: #fff; }
.pinterest a:hover { background: #c8232c; color: #fff; }
.telegram a:hover { background: #249bd7; color: #fff; }

/* Категории и блоки */
.cati, .catic {
 border: 1px solid #FFB6C1;
 border-radius: 5px;
 padding: 10px 20px;
 background-color: #FFFFFF;
}
.cate_name {
 font-size: 18pt;
 color: #ef4d4d;
 border: 1px solid #ef4d4d;
 padding: 5px 10px;
 border-radius: 5px;
 display: inline-block;
 margin-bottom: 10px;
}

/* Прессы и прочие блоки */
.presr {
 display: block;
 margin: 0 auto;
 text-align: center;
}
.presf {
 min-height: 200px;
}

/* Меню */
ul.uMenuRoot > li > a {
 line-height: 20px;
 padding: 5px 10px;
}

/* === ФУТЕР === */
.site-footer {
 background-color: #f9f9f9;
 text-align: center;
 padding: 30px 10px 15px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #333;
 border-top: 1px solid #ddd;
}

.footer-social {
 margin-bottom: 10px;
}

.footer-social a {
 color: #333;
 font-size: 22px;
 margin: 0 10px;
 display: inline-block;
 vertical-align: middle;
 transition: color 0.3s;
}

.footer-social a:hover {
 color: #d23a2d;
}

.footer-copy {
 margin: 8px 0;
 font-weight: 500;
}

.footer-links {
 font-size: 13px;
 margin-top: 6px;
}

.footer-links a {
 color: #333;
 text-decoration: none;
 margin: 0 6px;
}

.footer-links a:hover {
 text-decoration: underline;
}

@media (max-width: 600px) {
 .footer-social a {
 font-size: 20px;
 margin: 0 6px;
 }
 .footer-links {
 display: block;
 margin-top: 10px;
 line-height: 1.6;
 }
}