/* 31.03.17 */

:root {
  --main-color: #fd9e02;
  --background-color: #eee;
}

* {margin:0;padding:0;}
body {
   position:relative;
   z-index:0;
   margin:0;
   padding:0;
   color:#000;
   background: var(--background-color);
}
body, html {height:100%;}
::selection {background:#ffff00;color:red;text-shadow:none;}
a {
   text-decoration:none;
   color:blue;
}

a img, fieldset {border:0;}
ol, ul {padding-left:25px;}
li {padding-left:10px;}
input:focus {outline:none;}
form {display:inline;}

.clear {clear:both;}
.background {
   min-width:1020px;
   margin:0;
   padding:15px 0;
   border:0;
   background-image:url(./m.jpg);
   background-attachment:fixed; /* scroll; */
   background-position:center center;
   background-size:auto;
   background-repeat:repeat;
}
.content {
   width:990px;
   background-color:#fff;
   margin:0 auto;
   padding:0;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:15px;
}
.content .header {
   background-color:var(--main-color);
   height:75px;
   padding:5px;
   position:relative;
   border-radius:15px 15px 0 0;
}
.content .header .logo {
   position:absolute;
   margin-left:15px;
   width:840px;
   height:60px;
   overflow:hidden;
   text-overflow:ellipsis;
}
.content .header .logo a {
   font-family:tahoma;
   font-size:42px;
   font-weight:normal;
   color:#fffeeb;
   text-shadow:3px 3px 10px #555;
   opacity:0.9;
}
.content .header .logo a:hover {
   color:white;
   opacity:1.0;
}
.content .header .nav {
   float:right;
   margin:0;
   padding:0;
   text-align:right;
   width:300px;
}
.content .header .nav .p {
   height:50px;
   width:50px;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMABPr8+O312hEjaU8sygbywr0XoTSpXyDofUDEzrGlmZAn1A12TEqyOy/jt2VyQ4lGsskHAAADvUlEQVRIx62X62LqIAyAUXpvta22Vq33+3Xj/Z/uJMCkEM/8s2y1muSDEFoIjEgPP+J0tip2035/uitWszRWBioUzQ6lLyzxy0OGxo9ougzQv+95Xh8Eb/g7WKYOTtljAY4cASPYEIdbcezQFI1rdNWkHw7adhDKEWhlHRvcZSc+ePXRKxwn82bfA+2+mSfjUGiDP1E0YXtr8ODgkY+PkW2MjuNcG9fgSNmoRDNkZrOVit5wOOzJT+m83UAekS4jpG12tFAtLzNJwtUNSs7gWXW+GFk09gss/AUJ/lLXvpo8n4+v0UvBkkA6LVTfpulSqsPq1eN+tvAEym3TgE7hVSjdSnvca6kcmICqAYKcS/wCaj24gXRcdzuegB+wERtqnxoVQOLNE9NY0WCOgAb9BBSajX3Rh5hHyEpZAiRe4okx6DQ9CtHXj18x1thaUCkWtBcBoRkBXxy2pqsAo6x/Oj7JfhITydNi0XhCo7YmlqbAQM7MyLcNCzNGKWf0L1RLKQYWZB3zhsAPZVVAFqA9laolNrTpJn/mwFyNyTSOxBK+YDueyLfdph/gTns29m0OSIDP8QGTp+fCZJvTMXdkjNNzgC8ltCKOVsvRzYqb6wEah6MAqGQs9uEeOq9Z7cDe1YajECA/xlybqM1UcgsOvhC244ZwVGYT2xa1AFj0tLG7TrDLGVvhkOdkSMKGxcX2mOOgV6zA6J12r8GnnhvMVMF2mK+9bdovrISBx91Jyh4ztmNTXASsEevpM2LeGoMPAJsyDp8tc+TpDLnE0CxpAePvYbm0GHaFKgr3Sdh6vci78EQuEzRskjAtd+GRdYQkTE0VtVadrmdKSaeKPiRargNNm1edPCTm8aQ503BKYf14khdDSxzPftK1rmKloy8GfSVxnzMJQymGaKav5NvFAGTRXbZb2SBZDOgy1MOrWgfdeZ4+RspGliGzAGpzfBgIV6arSSzt1gJIlt5q7cveiOTFLLOWXrLoz+u+QIsjessMVpm76JvtZrvkgJpeKc9Ts93YGx3LchEYlEog/CszG529xbIrTvp/xUPWbLHO5g6W2y9hi1vFOps7KStY0+pRU1S0DbPKClLQsOE32DzuoB5c30PmFDS0lGKXu8ot16CapvuFkVKKFnEgpzp3HpD6xGgRR8vHcyYrzaTe5Rrc1cmWOeXjh8KVRdn8aw7/WcRI4fpryZyObOMoJSXzh2I9joZQMUcxKdb/4phA8dNvB5QTQenRKH93NMrV0ehvD2UUZ406DnKujoMNe4v+A5xc6yuo7khqAAAAAElFTkSuQmCC) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .nav .h {
   height:50px;
   width:50px;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMAAvv9wzzBBQQ/9b9m5U8unot1GMaUYUZDbFg27tutgBy1x3sIUwAAAY1JREFUSMft1m1vgyAQB/DjUFHptLW22sdtfP8PucNhrpWliF2yveg/GE2OH4KERPinEeIJS225VWqpzgGuV7ottGtj1qxjLSJr4TLXSgrrmPfuDEl77VjH2VErqLNEZ5lOdA15aH83xKwdbhsAKIxLD2qmZV2gRMTSYEE4ZJGYC1qd0ii2ScIP7ftoWTe1ZDzTsv4sw5hs41n+AIxnWNYyiNn6CWGyB7ZxWAi2sZjsim0cJru3NoT7H3HY2ro8Efbt8ZHl/T5AHmtZ4xHE1Faz7NCputc5VJJtSMuKwK1FtmGNpNl2bOfpjpCzfWltjC77b62gcDZKFwSppWxjdGr16WxKiTKGUvfSnE8AnWMRehQdVM1+RbmwDtuLFfumAhdt0Jubi/TWq2+OolAgkimW3iPjRIAi5jyAhw2+uaDx8EDAw9yj3W4/htYajMW8ML0AZ7ldmII8W4LHX6kXfuHn8NhD3gaNHrH2StkEt0ZOjnMy4sQrtd60ZWDa3ricukjvU9SB0m9F+AmU/jRfK7fMt1TRR0MAAAAASUVORK5CYII=) 100% 100% no-repeat;
   background-size:cover;
   float:right;
   cursor:pointer;
   margin-left:5px;
}
.content .header .title {
   position:absolute;
   margin:60px 0 0 15px;
   height:20px;
   width:950px;
   overflow:hidden;
   text-overflow:ellipsis;
   clear:both;
}
.content .header .title h1 {
   color:#555;
   margin:0;
   padding:0;
   font-family:Verdana,Tahoma,Arial,Helvetica;
   font-size:16px;
   font-weight:normal;
   text-shadow:none;
   font-variant:small-caps;
}
.content .body {
   margin:0;
   padding:0 20px 10px 20px;
   min-height:1000px;
   font-family:Verdana,Tahoma,Arial,Helvetica;
   font-weight:normal;
   font-size:17px;
   color:black;
}
.side {
   position:relative;
   width:260px;
   padding:0;
   margin:0;
}
.menu {
   width:250px;
   box-shadow:0px 0px 15px 0px #000;
   border-radius:10px;
}
.menu .head, .alert .head {
   background-color: var(--main-color);
   height:40px;
   padding:5px 10px;
   border-radius:10px 10px 0 0;
   color:#fff;
}
.menu .head .icon, .alert .head .icon {
   float:left;
   padding-right:5px;
   margin-right:10px;
   border-right:1px solid #fff;
}
.menu .head .icon .m {
   height:40px;
   width:40px;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMAA0K2r0lKBuhvFvDTvBsQs52TXx4Kp2tlPPjZzMKINCYO+/XIok7WgndVMd7bLVuaTYAAAAFLSURBVEjH7ZXZcoJAFET7CjjsoBAF911jlv7/v4tYkbLiQ8YhFR70VA08nZrmMtWDJ/+PVEvQBEO77FuD4YuZ7bFiE59sUaJFHdYhA3tCWibJbbodqB7ZAfyOFsll42XIPhQWa3rwQ2oRybf8ErIH4G3EIfwxtZjK5Qu3DDLJLa7mQL5zuhr49cDmI3Lvkj2DgQl2Lk8Mqh8tmlz5sdefOYZHTJocT5EGLrBwyqWhGw/W5DgzcpMJzxTVtDWl+n0gt2XxTje+f2O1YQTgSGZQnmVrYGV16j1nSBAH9JBTD1ddkk85WQJD8gj1GqXWr6RRUef2yGkxC/iRGExbbFasuhADWx3GgWuVZ1e0uLaRfC6Mz6eqngqmSJPST/+k9MWg9NNHLv2uo8GP0g9bKv28rdKHyHm1i2jQesgb7ij92yvvntK/Qbv0nzwMX2vqTdoZ6ijDAAAAAElFTkSuQmCC) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .icon .p, .alert .head .icon .p {
   height:40px;
   width:40px;
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMABPr8+O312hEjaU8sygbywr0XoTSpXyDofUDEzrGlmZAn1A12TEqyOy/jt2VyQ4lGsskHAAADvUlEQVRIx62X62LqIAyAUXpvta22Vq33+3Xj/Z/uJMCkEM/8s2y1muSDEFoIjEgPP+J0tip2035/uitWszRWBioUzQ6lLyzxy0OGxo9ougzQv+95Xh8Eb/g7WKYOTtljAY4cASPYEIdbcezQFI1rdNWkHw7adhDKEWhlHRvcZSc+ePXRKxwn82bfA+2+mSfjUGiDP1E0YXtr8ODgkY+PkW2MjuNcG9fgSNmoRDNkZrOVit5wOOzJT+m83UAekS4jpG12tFAtLzNJwtUNSs7gWXW+GFk09gss/AUJ/lLXvpo8n4+v0UvBkkA6LVTfpulSqsPq1eN+tvAEym3TgE7hVSjdSnvca6kcmICqAYKcS/wCaj24gXRcdzuegB+wERtqnxoVQOLNE9NY0WCOgAb9BBSajX3Rh5hHyEpZAiRe4okx6DQ9CtHXj18x1thaUCkWtBcBoRkBXxy2pqsAo6x/Oj7JfhITydNi0XhCo7YmlqbAQM7MyLcNCzNGKWf0L1RLKQYWZB3zhsAPZVVAFqA9laolNrTpJn/mwFyNyTSOxBK+YDueyLfdph/gTns29m0OSIDP8QGTp+fCZJvTMXdkjNNzgC8ltCKOVsvRzYqb6wEah6MAqGQs9uEeOq9Z7cDe1YajECA/xlybqM1UcgsOvhC244ZwVGYT2xa1AFj0tLG7TrDLGVvhkOdkSMKGxcX2mOOgV6zA6J12r8GnnhvMVMF2mK+9bdovrISBx91Jyh4ztmNTXASsEevpM2LeGoMPAJsyDp8tc+TpDLnE0CxpAePvYbm0GHaFKgr3Sdh6vci78EQuEzRskjAtd+GRdYQkTE0VtVadrmdKSaeKPiRargNNm1edPCTm8aQ503BKYf14khdDSxzPftK1rmKloy8GfSVxnzMJQymGaKav5NvFAGTRXbZb2SBZDOgy1MOrWgfdeZ4+RspGliGzAGpzfBgIV6arSSzt1gJIlt5q7cveiOTFLLOWXrLoz+u+QIsjessMVpm76JvtZrvkgJpeKc9Ts93YGx3LchEYlEog/CszG529xbIrTvp/xUPWbLHO5g6W2y9hi1vFOps7KStY0+pRU1S0DbPKClLQsOE32DzuoB5c30PmFDS0lGKXu8ot16CapvuFkVKKFnEgpzp3HpD6xGgRR8vHcyYrzaTe5Rrc1cmWOeXjh8KVRdn8aw7/WcRI4fpryZyObOMoJSXzh2I9joZQMUcxKdb/4phA8dNvB5QTQenRKH93NMrV0ehvD2UUZ406DnKujoMNe4v+A5xc6yuo7khqAAAAAElFTkSuQmCC) 100% 100% no-repeat;
   background-size:cover;
}
.menu .head .title, .alert .head .title {
   font-family:tahoma;
   font-size:18px;
   font-weight:bold;
   padding-top:7px;
   text-shadow:3px 3px 10px #555;
   opacity:1.0;
}
.alert .head .title a {
   color:#fff;
   text-decoration:underline;
}
.menu ul {
   list-style:none;
   margin:0;
   padding:0 0 3px 5px;
}
.menu li {
   border:1px solid rgba(0,0,0,0.07);
   border-radius:5px;
   box-shadow:1px 1px 2px 0px rgba(0,0,0,0.25), inset 0px -18px 0px 0px #EBEBEB, inset 0px 33px 0px 1px #f8f8f8;
   text-align:left;
   margin:5px 0;
   padding:10px 0 7px 10px;
   width:227px;
   font-family:tahoma;
   font-size:15px;
   font-weight:bold;
   white-space:nowrap;
   overflow-x:hidden;
}
.menu li a {color:#555;}
.menu li a:hover {color:#1a3dc1;}
.menu li a.selected {color:green;}

.footer {
   background-color: var(--main-color);
   height:40px;
   padding:10px;
   position:relative;
   border-radius:0 0 15px 15px;
}
.footer p {
   font-size:18px;
   color:white;
   text-align:center;
   padding:0;
   white-space:nowrap;
   overflow:hidden;
}
.footer p a {
   color:white;
}
.content-admin-buttons {
   text-align:right;
   margin:10px 0 0 0;
   display:block;
}
.content-admin-buttons input,
.content-admin-buttons a.button { /*button.csscook.com*/
   width:125px;
   margin-left:5px;
   border:solid 1px #e6e6e6;
   border-radius:10px;
   moz-border-radius:10px;
   -webkit-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   -moz-box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   box-shadow:5px 4px 14px rgba(0,0,0,0.4);
   font-size:13px;
   padding:7px 3px;
   background:#ffffff;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(53%,#f1f1f1), color-stop(54%,#e1e1e1), color-stop(100%,#f6f6f6));
   background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   background: linear-gradient(top, #ffffff 0%, #f1f1f1 53%, #e1e1e1 54%, #f6f6f6 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6",GradientType=0);
   color:#555;
}
.content-admin-buttons a.button {
   color:blue;
   font-family:Arial;
   padding:7px 12px;
}
.content-admin-buttons input:active {
   -webkit-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   -moz-box-shadow:2px 2px 10px rgba(0,100,0,0.4);
   box-shadow:2px 2px 10px rgba(0,100,0,0.4);
}
.content-admin-buttons input.red {color:red;}
.content-admin-buttons input.blue {color:blue;}
.content-admin-buttons input.green {color:green;}
._editor {height:800px;}
._editor textarea {height:700px;}

p {
   margin:10px 0;
   text-align:justify;
}
h1, h2, h3, h4, h5, h6 {
   color:#444;
   font-size:18px;
   font-weight:bold;
   margin:20px 0px;
   padding:0;
text-shadow: 3px 3px 7px #777;
}
blockquote {
   padding-left:20px;
   margin-left:20px;
   color:#555;
   border-left:1px #333 dotted;
}
.ol {margin:0 35px;}

.toolbar {padding-top:5px;text-align:center;}
.toolbar .button {margin:2px;padding:0;width:23px;height:22px;border:1px silver solid;}
.toolbar .button:hover {border-color:orange;}


/* right menu */
.side {float:right;}
.menu {margin:10px 0;}
.content .body {float:left;width:690px;}
/* right menu */

/* All modules start */

/* Start Blog */
.blog_body {font:17px/1.25 Verdana,Helvetica,Tahoma,Arial,sans-serif;font-weight:normal;}

/* post */
#post {
   margin-top:10px;
   padding-top:3px;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}
#post .date {
   color:#555;
   margin-right:5px;
   text-align:right;
}
#post .date span {
   color:red;
   border:1px red solid;
   padding:3px 5px;
}
#post .blog_body {
   padding:0px;
}
#post h2 {
   margin:5px;
   padding:0 0 10px 0;
}
#post .postimg img {
   float:left;
   margin:0 15px 5px 0;
   border:1px var(--background-color) solid;
   box-shadow:3px 3px 5px #999;
   -webkit-box-shadow:3px 3px 5px #999;
   -moz-box-shadow:3px 3px 5px #999;
}
.to_comments, .to_comments h5, .to_cat, .to_cat h5 {
   margin-top:10px;
   padding:0px;
}
.to_comments h5, .to_cat, .to_cat h5 {
   margin:0;
   padding:0px;
}
#post form.editor {
   display:inline;
}

.progress {
  position:fixed;
  top:0;
  z-index:1;
  width:100%;
  background-color:#f1f1f1;
}
.progress .container {
  width:100%;
  height:5px;
  background:#ccc;
}
.progress .bar {
  height:5px;
  background: var(--main-color);
  width:0%;
}