/*   
Theme Name: magdalena
Version: 1.0
Description: шаблон magdalena
Author: 
Author URI: 
*/
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
.jvl_forgotpassword,.jvl_forgotusername,.jvl_createaccount {
color: #E0C795;
font-size:11px;
}
div.link {
font-family: "Verdana", sans-serif;
color: #E0C795;
}
div.link span {
text-decoration: underline;
}
div.link:hover span,
div.link:focus span {
text-decoration: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Verdana, sans-serif;
width: 100%;
height: 100%;
background:url(../images/Cp7isAqWxtts.jpg) no-repeat top center #110a06;
-webkit-text-size-adjust: 100%; 
}
a {
color: #301405;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
    width: 100%;
}
textarea {
 width: 100%;
}
#wrapper {
width: 1000px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
.mmenu,#panel {
display:none;
}
#header {
height: 275px;
}
#menu{margin: 200px 0 0 170px; width: 600px; float:left; }
#menu li{float:left; text-align: center;}
#menu li#main a{ background-position: 0px 0; width:97px; }
#menu li#main a:hover{background-position: 0px -104px;}
#menu li#main.current a{background-position: 0px -104px;}
#menu li#guestbook a{ background-position: -97px 0; width:111px; }
#menu li#guestbook a:hover{ background-position: -97px -104px; }
#menu li#guestbook.current a{ background-position: -97px -104px; }
#menu li#gallery a{ background-position: -208px 0; width:75px; }
#menu li#gallery a:hover{ background-position: -208px -104px;}
#menu li#gallery.current a{ background-position: -208px -104px;}
#menu li#contacts a{background-position: -283px 0; width:97px;}
#menu li#contacts a:hover{background-position: -283px -104px;}
#menu li#contacts.current a{background-position: -283px -104px;}
#menu li{margin-left:54px;}
#menu li a{ color:#fff; 
text-decoration:none; font-size:16px;
background:url(../images/UjRjVnICPGrq.png) no-repeat 0 0;
text-indent: -9999px;
height:104px;
display: inline-block;
}
#content {
margin: 0 auto;
padding: 0 0 50px;
width: 768px;
}
#content #topc{background: url("../images/NIwfrFSHOetY.png") no-repeat scroll 0 0 transparent;
float: left;
height: 308px;
margin-left: 24px;
margin-top: 94px;
width: 766px;
}
#content #centerc{background: url("../images/LzHT6c9VikrM.png") repeat-y scroll 0 0 transparent;
float: left;
margin-left: 24px;
padding: 5px 10px 15px;
width: 753px;
}
#content #botc{background: url("../images/iJ6WFSxUcrZD.png") no-repeat scroll 0 0 transparent;
float: left;
height: 43px;
margin-left: 24px;
margin-top: -3px;
width: 768px;
}
#content  #sitecont{margin: -270px 10px 0 110px;
width: 520px;}
h1.pagetitle, .componentheading{color:#301405; font-size:24px; text-align:right; padding: 10px;}
div.headline{float:right;}
.jcomments-links{text-align:right;}

.bottom {
width:1000px;
margin:0 auto;
text-align:center;
}
#footer {
width: 1000px;
margin: -20px auto 0;
height: 60px;
padding-top:40px;
}
#footer a{color:#7a4c21; text-decoration:none;}
#userlogin{font-family:Geogria; font-size:14px;}
#userlogin .description{color:#714832; text-align:center; font-size:14px;}
#userlogin form{margin-top:20px;width: 370px;}
#userlogin form .label-left{ color: #301405;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin-right: 5px;
text-align: right;
width: 130px;}
#userlogin form div{margin: 5px 0; text-align: right;}
#userlogin form .button{border:none; background-color:#fff; color:#714832; margin-left:20px;padding: 2px 10px}
#userlogin form ul li{ float: left;
margin-left: 10px;
text-align: center;}
#userlogin form ul li a{text-decoration:none;}
#userlogin form ul li a:hover{text-decoration:underline;}
#userlogin form ul{margin-left: 125px;
margin-right: -40px;
margin-top: 10px;}
.userlogin{font-family:Geogria; font-size:14px;}
.userlogin .pagetitle{text-align:center; color:#fff; font-weight:normal;margin-top: 20px;}
.userlogin .description{color:#e0c795; width:auto; text-align:center; font-size:14px;}
form.userlogin{color:#e0c795;}
form.userlogin .label-left{ color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin-right: 5px;
text-align: right;
width: 130px;}
form.userlogin div{margin: 5px 0; text-align: right;  width: 350px;}
form.userlogin .button{border:none; background-color:#fff; color:#714832; margin-left:20px;padding: 2px 10px}
form.userlogin ul li{ float: left;
margin-left: 10px;
text-align: center;}
form.userlogin ul li a{text-decoration:none; color:#e0c795;}
form.userlogin ul li a:hover{text-decoration:underline;}
form.userlogin ul{margin-left: 125px;
margin-top: 10px;}
.enterlink, .greeting{color:#e0c795;}
.logout-button-text button{border:none; background-color:transparent; color:#e0c795; cursor:pointer;}
.logout-button-text button:hover{text-decoration:underline;}
#loginout{float:right; background:url(../images/wDnGq85YFv3r.png) no-repeat 0 0; width:160px; height:42px; text-align:center; line-height:42px; margin:10px 10px 0 0;}
#counter {
float: left;
}
#counter a img {
opacity: 0;;
}
#counter a:hover img {
opacity: 0.2;
}
.loginbx{background-color:#000; color:#fff; width:520px; height:260px; border:10px solid #342a1a; background:url(../images/gCTahbc9DCgS.png) repeat-y 0 0 #0f0c06;}
#sbox-window.lgbx{padding:0;}
.selectbox {
width:202px;
height:25px;
vertical-align: middle;
padding-top:3px;
}
.blog h2 {
margin-bottom:10px;
}
.img-intro-left {
float:left;
margin-right:20px;
}
@media only screen and (max-width: 767px) {
body {
width: 320px;
padding: 0;
margin:0 auto;
background-size:contain;
}
#wrapper,#content,#content #topc,#content #centerc,#content #botc,.bottom {
width:320px;
}
.loginbx,.jv_loginpopup {
width:300px !important;
}
.jv_loginpopup {
margin-left: -150px !important;
top:150px !important;
}
#menu {
display:none;
}
#loginout {
margin: 55px 0px 0 0;
}
#content #topc,#content #centerc,#content #botc {
margin:0;
background-size:contain;
}
#content #centerc {
padding-left:0;
padding-right:0;
width:318px;
}
#header {
height: 90px;
}
#content #topc {
height:130px;
}
#content #sitecont {
margin: -100px auto 10px;
width: 215px;
}
h1.pagetitle, .componentheading {
font-size: 24px;
text-align: center;
line-height: 26px;
}
.blog-featured img {
width:215px;
height:auto;
float: none;
margin: 0px !important;
}
#footer {
width: 300px;
}
#footer table {
display:none;
}
#user-registration input.validate-username,#user-registration input.validate-email,#member-registration input[type=text],#member-registration input[type=email],#member-registration input[type=password],#emailForm .inputbox,#emailForm textarea{
width:200px;
}
.easy_entrylink input[type=text],.easy_entrylink textarea{
width:200px !important;
}
.bottom a {
font-size:18px;
}
.easy_content {
padding-bottom: 45px;
}
div.easy_pagination li {
display: block !important;
float: left;
}
.socbuttons {
width:210px;
}
.phocagallery-box-file {
margin:0 auto;
float:none !important;
}
#emailForm {
width:200px !important;
}
#emailForm h2 {
margin-right:0 !important;
}
#userlogin form div {
text-align: left;
}
.contact-misc a {
word-break:break-all;
}
#easybook td {
display:block;
}
#easysubmit span {
padding-left:130px !important;
}
.mmenu {
display:block;
position: fixed;
top: 10px;
right: 20px;
}
.mmenu a.btn-slide {
width:32px;
background:url('../images/6R9U3q1hzNUV.png');
height:32px;
display:block;
}
.mmenu a.active {
width:32px;
background:url('../images/Di766uFtrEv9.png');
height:32px;
display:block;
}
#panel {
background: #110a06;
height: 100%;
width: 200px;
display: none;
position: fixed;
left: 0px;
top:0px;
z-index:2000;
padding: 0 0px 0 10px;
text-align: left;
overflow-y: auto;
}
#panel ul {
list-style-type:none;
}
#panel ul li a {
font-size:18px;
color:#fff;
text-decoration:none;
margin:0px;
line-height:37px;
}
#panel ul li a:focus,#panel ul li.current a,#panel .lang-active a{
color: #ffe546;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
body {
width:100%;
}
#social-popup-main {
width:300px !important;
}
.id101 #social-popup-main {
background-size:contain !important;
}
#social-popup-buttons {
padding-top: 80px !important;
}
#social-popup-buttons img {
max-width:90px;
}
#social-popup-title {
padding-top:20px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
width:100%;
background-size:cover;
}
#wrapper, #content, #content #topc, #content #centerc, #content #botc, .bottom {
width:460px;
}
#content #topc {
height: 188px;
margin-top: 0px;
}
#content #sitecont {
margin: -160px auto 120px;
width: 310px;
}
#content #centerc {
margin-top: -1px;
}
#loginout {
position:absolute;
top:55px;
right:10px;
margin:0;
}
.blog-featured img {
float:none !important;
padding-left:45px;
}
#menu {
display:block;
}
#menu {
margin: 100px 0;
width: 460px;
float: none;
}
#menu li {
margin-left: 20px;
}
.easy_content {
padding-bottom: 25px;
}
.socbuttons {
width: 310px;
}
.phocagallery-box-file {
margin: 0 0 0 25px;
float: left !important;
}
#user-registration input.validate-username, #user-registration input.validate-email, #member-registration input[type=text], #member-registration input[type=email], #member-registration input[type=password], #emailForm .inputbox, #emailForm textarea {
width: 300px;
}
.loginbx, .jv_loginpopup {
width: 460px !important;
}
.jv_loginpopup {
margin-left: -230px !important;
top: 150px !important;
}
.easy_entrylink input[type=text], .easy_entrylink textarea {
width: 300px !important;
}
#social-popup-main {
width: 450px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
width:100%;
background-size:initial;
background:url(../images/nbEAEEvvTvTF.jpg) no-repeat top center #110a06;
}
#loginout {
position:absolute;
top:15px;
right:10px;
margin:0;
}
#wrapper, #content, #content #topc, #content #centerc, #content #botc, .bottom,#footer,#menu {
width:748px;
}
#content #topc, #content #centerc, #content #botc,#menu {
margin-left:0;
}
#menu li {
margin-left: 74px;
}
div.easy_pagination li {
display: block !important;
float: left;
}
#wrapper {
min-height: inherit;
}
#content #centerc {
padding: 5px 0px 15px;
margin-top: -4px;
}
#content #topc,#content #centerc,#content #botc {
background-size:contain;
}}
.register-link,
.login-link {
 color: #e0c795;
}
.post-inner {
padding: 20px 0;
border-bottom:1px solid #E1E1E1;
}
.post-content img {
max-width: 99%;
}
.pagination {
padding-top: 20px;
}
.bottom ul {
margin: 0;
padding: 0;
list-style: none;
}
.bottom li {
display: inline;
}
.bottom a {
color:#7A4C21;
margin:0 20px;
}
.widget ol,
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.page-numbers{color:#222;text-decoration:underline;font-size:15px}
.page-numbers:hover{color:#e30000}
.current{color:#FF5100;font-size:15px}
#comments ol,
#comments ul {
margin: 0;
padding: 4px;
list-style: none;
}
#comments:before,#comments:after{content:"";display:table}
#comments:after{clear:both}
#comments{zoom:1}
#comments h4{margin-bottom:10px}
.comment-list{clear:both;margin-top:10px!important;padding:0!important}
.comment{position:relative;border-top:1px solid #fff;border-bottom:1px solid #E1E1E1;margin:0!important;padding:10px 0!important}
.comment-list:first-child{border-top:none}
.comment-list:last-child{border-bottom:none}
.profile-image-container{float:left;height:40px;width:40px}
.profile-image{height:100%;width:100%}
.content-container{margin-left:55px}
.clr{clear:both}
.author{font-family: Verdana,Arial,Sans-Serif; font-size: 1em; color: #3C452D; font-weight: bold;    line-height: normal;}
.created,.slicomments-quote .slicomments-quoteDate{color:#999;font-size:.8em}
.comment .content{width:100%;text-align:justify}
.comments_form_inputs, .comments_form_inputs li, .comment-list, .comment{list-style-type:none!important}
.comments_form_inputs{padding:0!important}
.comments_form_inputs li{position:relative;background:none!important;margin:8px 0 0!important}
.comments_form_inputs li label{min-width:45px;display:block;float:left}
.comments_form_inputs li input{margin:0;height:18px;padding:1px 5px}
.comments_form textarea{padding:5px;width:100%;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*padding:0}
.comments_form textarea,.comments_form input{font-family:arial, helvetica, sans-serif;border:1px solid #CCC;-webkit-transition:border .25s ease-in-out;-moz-transition:border .25s ease-in-out;transition:border .25s ease-in-out}
.no-js textarea{min-height:50px}
.comments_form textarea:hover,.comments_form input:hover,.comments_form textarea:focus,.comments_form input:focus{outline:none;border:1px solid #999!important}
.comments-remaining{float:left;margin:8px 0 8px 55px}
.comments-post-buttons{float:right}
.overTxtLabel{color:#999}
.login-to-post{line-height:normal;cursor:text;position:absolute;left:6px;top:6px;color:#333}
#comments .pagination{border-top:none!important}
.comments_form .validation-advice{color:#F11;font-style:italic}
.comment:hover .comments-actions{display:block!important}
.comments-actions{position:absolute;top:0;right:0;list-style-type:none!important;display:none!important;margin:3px 0 0!important;padding:0!important}
.comments-actions li{display:inline;padding-left:4px!important;border-left:1px solid #000;line-height:1.1em!important}
.comments-actions li:first-child{border-left:none}
.rating.positive{color:green}
.rating.negative{color:red}
.slicomments-quote{border:1px inset;background:#E9E9E9;margin:0 0 15px 15px;padding:2px 4px}
.slicomments-spoilerContent .slicomments-spoiler{margin-left:10px}
.reply-form .comments-post-buttons span{display:inline}
.reply-form textarea{height:100px}
.no-js .comments-remaining,.spoiler-hide .slicomments-spoilerContent,.comments-post-buttons span{display:none}
.no-avatar .comments_form_inputs,.no-avatar .content-container,.no-avatar .comments-remaining{margin-left:0!important}
.comment .pending{color:red;font-size:0.9em;font-style:italic}
.form-submit {
/*float: right; */
padding-top: 10px;
}
/* WP core */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; 
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; 
}
#comments .pagination {
display: -webkit-box;
}
.agree {
display: none;
}
#comments .pagination {
display: -webkit-box;
}
.page-numbers {
border: 1px solid #9e9e9e;
padding: 4px;
text-decoration: none !important;
}