*                               { margin:0; padding:0; }
body                            { background:#000 url(../img/tegels.png) repeat center center; font-family:Helvetica, sans-serif; font-size:12px; color: #fff; overflow:hidden; }
.clear                          { display: block; clear: both; }
a                               { color: #333; }
#logo                           { position: fixed; left: 50%; top: 50%; margin-left: -200px; margin-top: -41px; }
#pp_gallery                     { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow:hidden; }
.pp_loading                     { display:none; position:fixed; top:50%; left:50%; margin:-35px 0px 0px -35px; background:#fff url(../img/loader.gif) no-repeat center center; width:70px; height:70px; z-index:999; opacity:0.7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.pp_next, .pp_prev              { cursor:pointer; top:50%; margin-top:-16px; width:32px; height:32px; position:fixed; text-align:center; border:1px solid #111; color:#fff; -moz-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; box-shadow:0px 0px 3px #000; }
.pp_next                        { right:-40px; background:#222 url(../img/next.png) no-repeat center center; }
.pp_prev                        { left:-40px; background:#222 url(../img/prev.png) no-repeat center center; }
#pp_thumbs                      { position:fixed; bottom:0px; left:0px; height:300px; width:100%; z-index: 1; }
#pp_thumbs .album               { position:absolute; width:200px; height:65px; bottom:-90px; }
.album .descr, .pp_back         { position:absolute; bottom:0px; left:-16px; background:#222; text-align:center; border:1px solid #111; padding:5px; cursor:pointer; width:169px; color:#fff; cursor:pointer; text-shadow:0px 0px 1px #fff; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000; z-index: 2;}
.pp_back                        { text-transform:uppercase; bottom:120px; left:-100px; width:80px; }
#pp_thumbs .content             { position:absolute; top:0px; height:155px; cursor:pointer; }
#pp_thumbs img                  { border:5px solid #fff; -moz-box-shadow:1px 1px 7px #000; -webkit-box-shadow:1px 1px 7px #000; box-shadow:1px 1px 7px #000; }
#pp_thumbs .descr img.nn        { border: 0; padding: 0px; margin: 0px; float: right; }
#pp_thumbs .content span        { display:none; }
.pp_scroll                      { position: fixed; width: 25px; height: 100px; z-index: 5; background: #222; bottom: 0px; border:1px solid #111; cursor:pointer; }
.pp_scroll.left                 { left: -40px; background:#222 url(../img/prev.png) no-repeat center center; box-shadow: 3px -3px 10px 2px #000; }
.pp_scroll.right                { right: -40px; background:#222 url(../img/next.png) no-repeat center center; box-shadow: -3px -3px 10px 2px #000; }
.pp_preview                     { position:fixed; top:150%; left:50%; z-index: 3; }
.pp_preview img.img             { position:absolute; top:0px; left:0px; border:10px solid #fff; border-bottom:45px solid #fff; -moz-box-shadow:1px 1px 7px #000; -webkit-box-shadow:1px 1px 7px #000; box-shadow:1px 1px 7px #000; }
.pp_descr                       { height:45px; line-height:45px; font-size:20px; width:100%; bottom:0px; left:0px; position:absolute; text-align:center; color:#00021c; }
.pp_descr span                  { display: block; position: absolute; left: 0; right: 0; z-index: 1; }
.pp_descr a                     { height: 45px; color: #000; font-size:12px; opacity: 0; text-decoration: none; position: relative; z-index: 2; }
.pp_descr a img                 { vertical-align: middle; margin: 0px 10px; }
.pp_descr a.l                   { float: left; }
.pp_descr a.r                   { float: right; }
.pp_descr a.r.reactions         {  }
.blockwrap                      { position: fixed; margin-top: -150px; margin-left: -175px; left: 50%; top: 50%; height: 300px; width: 350px; z-index: 100; }
.blockwrap.bb                   { width: 600px; margin-left: -250px; }    
.blockwrap.bb1                  { background: url(/img/baby1mb.png) no-repeat right center; }    
.blockwrap.bb2                  { background: url(/img/baby2mb.png) no-repeat right center; }    
.block                          { border: 1px solid black; border-radius: 5px; padding: 10px; margin-top: 25px; background: #fff; width: 350px; }
.block h1                       { margin: -22px 10px 10px 10px; height: 24px; font-size: 20px; background: #000; float: left; border-radius: 5px; padding: 4px 16px; color: #fff; }
.block p                        { color: #000; clear: both; font-size: 16px; margin: 10px; }
.block .close-block             { width: 32px; height: 32px; background: #000 url(/img/delete_icon&24.png) no-repeat center center; position: absolute; left: 330px; top: 14px; border-radius: 5px; cursor: pointer; }
.btn                            { background: #000; border: 1px solid #222; border-radius: 3px; font-size: 15px; padding: 2px 5px; color: #fff; text-decoration: none; }
.btn.naastinp                   { border-radius: 0px 4px 4px 0px; float: left; height: 18px; }
textarea,
input[type="text"], 
input[type="password"]          { border-radius: 3px; border: 1px solid #000; font-size: 15px; padding: 2px 5px; }
input[type="text"].metbtn, 
input[type="password"].metbtn   { border-radius: 4px 0px 0px 4px; float: left; height: 18px; width: 200px; }
textarea.metbtn                 { border-radius: 4px 0px 0px 4px; float: left; height: 40px; width: 248px; }

#div_reactions                  { display: none; }
.block.reactions                { height: 300px; }
.block.reactions .list          { color: #000; clear: both; font-size: 13px; margin: 10px; height: 225px; overflow: auto; }
.block.reactions span.who       { font-weight: bold; display: block; }
.block.reactions span.msg       { margin-bottom: 10px; display: block; }
.block.reactions textarea       { font-size: 13px; font-family:Helvetica, sans-serif; border-radius: 4px 0px 0px 4px;  }
.block.reactions .btn.naastinp  { height: 20px; padding: 12px 5px; }
.block.reactions p.thanks       { font-weight: bold; margin-top: 10px; }

.mask                           {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: black; opacity: 0.5; z-index: 50;}

#mediadetect                    {width: 0; height: 0;}
@media only screen and (max-width: 990px) {
  #mediadetect { display: none; }
}