/*
Author: Nikolay Gromov
Author URI: http://nicothin.ru
*/


/* RESET */
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{border:0;outline:0;font-size:1em;vertical-align:baseline;margin:0;padding:0}
textarea,input,select{font:inherit;font-size:1em}
var,address{font-style:normal}
h1,h2,h3,h4,h5,h6,.img-code strong{font-weight:400}
a,img,iframe,form,fieldset,abbr,acronym,object,applet{border:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td,center{text-align:left;vertical-align:top}
:focus{outline:0}



/* MAIN */
html,body{width:100%;height:100%;background:#1C1C1C}
html{font-size:62.5%} 
body{font-size:1.4em;line-height:1.4em;color:#ccc}

/* structure */
#wrap {position:relative;min-height:100%;height:auto !important;height:100%;}
#wrap .for-foter-margin{height:29.5em}
#supwrap,.inner{width:840px;margin:0 auto}
#footer{position:relative;margin-top:-415px;height:413px;width:100%;background:#000;border-top:2px solid #4F4F4F}
#content{position:relative}

/* fonts */
body,input[type='text'],input[type='password'],input[type='submit'],input[type='button'],textarea,select,.foto h2 small{font-family:Calibri, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
h1,h2,h3,h4,caption,legend,.img-code strong{font-family:Cambria, "Palatino Linotype", "Book Antiqua", Palatino, serif}
code,kbd,samp,pre,tt,var{font-family:"Lucida Console", "Courier New", Courier, monospaced}

/* links */
a{color:#E3E3E3;text-decoration:none}
#header a{color:#ccc;border:none}
a:hover,a:active{color:#fff;border-bottom:1px solid #909090}
#header a:hover,#header a:active,#header a.hover,.neighbors span a:hover,.neighbors span a:active,.acp a:hover,.acp a:active{color:#fff;border:none}
.local-link{border-bottom:2px dotted}
.local-link:hover,.local-link:active{cursor:pointer!important}
#footer a:hover,#footer a:active,.foto h2 small a:hover,.foto h2 small a:active,.imgnav a:hover,.imgnav a:hover{color:#ccc}

/* borders */
table {border-top:1px #4F4F4F solid; border-left:1px #4F4F4F solid}
th, td {border-bottom:1px #4F4F4F solid; border-right:1px #4F4F4F solid}
blockquote,pre,textarea,input[type='text'],input[type='password'],select,.foto img{border:2px solid #4F4F4F}


/* header */
#header{position:relative;height:5em;border-bottom:2px #4F4F4F solid}
#header h1{padding:.6em 0 .3em 0;text-align:right}
#header p{padding:0;text-align:right}
ul.main_nav{position:absolute;top:1.8em;left:-.3em;margin:0;padding:0;font-size:1.5em}
ul.main_nav li,.acp li{list-style:none;float:left;margin-right:.5em}
ul.main_nav li.hover > a{color:#fff}
ul.main_nav li a,.acp li a{display:block;padding:.3em}
.acp{margin:0!important;padding:.5em 0 0 17px;width:100%;overflow:hidden;font-size:1.5em}
ul.main_nav li div.menu-wrapper{position:absolute;margin:0 0 0 .3em;width:840px;height:8.667em;overflow:hidden;z-index:9999;display:none}
ul.main_nav li ul{display:none;width:808px;margin:0;padding:16px 16px 0;background:#4f4f4f url(../img/mainmenu.png) repeat-x bottom;overflow:hidden}
ul.main_nav li ul li,.acp li{margin:0}
ul.main_nav li ul li a,.acp li a{display:block;width:127px;height:52px;position:relative;padding:12px 0 0 75px;margin:0 0 18px}
.acp li a{margin:0 0 35px}
ul.main_nav li ul li a span,.acp li a span{display:block;position:absolute;top:0;left:0;width:65px;height:65px;line-height:65px;outline: 1px solid #6e6e6e}
ul.main_nav li ul li a:hover span,ul.main_nav li ul li a:active span,.acp li a:hover span,.acp li a:active span{outline: 1px solid #afafaf}
ul.main_nav li ul li a small,.acp li a small{font-size:.667em;color:#afafaf;line-height:1.8em}
ul.main_nav li ul li a:hover small,ul.main_nav li ul li a:active small,.acp li a:hover small,.acp li a:active small{color:#fff}


/* typografy */
h1{font-size:2.1em;color:#ccc}
h2,legend{font-size:1.857em;color:#ccc}
h3,big,.img-code strong{font-size:1.5em}
h4,h5,h6{font-size:1em}
h1,h2,h3,h4,h5,h6,.img-code strong{padding:1.5em 0 .8em}
h3,h4,h5,h6{color:#ccc}
blockquote{margin-left:2.5em;color:#787878;padding:1em 1.3em 0.1em}
blockquote p,q{quotes:"\00AB" "\00BB" "\2018" "\2019"}
blockquote p:before{content:open-quote}
blockquote p:after{content:close-quote}
strong,b,th,thead td,em,legend,caption{font-weight:700}
cite,em,dfn,i{font-style:italic}
pre{overflow:auto;background:#000;padding:1.3em}
del,strike,s{text-decoration:line-through}
ins,dfn,u{border-bottom:1px solid #999}
small,.reqtxt{font-size:.7em}
bid small{font-size:.667em}
abbr{text-transform:uppercase;letter-spacing:.1em}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #ccc}
sup{vertical-align:super}
sub{vertical-align:sub}
sup,sub{font-size:.7em}
hr{display:block;width:100%;height:1px;border:none;background:#4F4F4F}
dt{font-weight:700;margin:.8em 0 0}
dd{margin:0 0 0 1.5em}
ul{list-style:disc outside;margin-left:2.2em}
ul ul,ol ul{list-style:circle}
ul ul ul{list-style:disc}
ol ul ol{margin-left:2.2em}
ol{list-style:decimal outside;margin-left:2.2em}
table{width:100%}
th,td{padding:.4em .6em}
caption{padding:.5em 0}
caption,legend{color:#7D7D7D;border:none}
fieldset{margin:2.6em 0;padding:1.5em 1em 0}
legend{padding:0 .5em .2em}
legend+*{margin-top:1em}
input[type='submit'],input[type='button']{padding:.2em .4em}
textarea,input[type='text'],input[type='password'],select{border:1px #3f3b3b solid;background:#0F0F0F;color:#afafaf}
input,select,label[for]{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
textarea,input,select{padding:.3em}
#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form, #content iframe, #content form div {margin-bottom:.8em}
#content li ul, #content li ol {margin:0 0 0 1.5em}


/* content */
.bread-crumbs{padding:1em 0 0;height:1.4em}
.foto{text-align:center;padding:40px 0 .7em;border:2px solid #4F4F4F;position:relative}
.foto h2{padding:.3em 0;position:relative}
.foto h2 small{font-size:.538em;position:absolute;top:2.55em}
.foto h2 small.favor{left:35px}
.foto h2 small.select{right:35px}
#content .foto p{margin:0}
/* JS only: */.for-r{background:#4F4F4F;padding:2px}
.info{margin-top:1.5em;width:100%;overflow:hidden}
.cat-and-tags p{padding-left:4.7em}
.cat-and-tags p span{display:block;width:4.7em;margin-left:-4.7em;float:left}
.with-text .cat-and-tags{float:right;width:39%;text-align:left}
.text{float:left;width:58%;padding-right:3%}
.neighbors{padding:1em 0 1.5em;width:100%;overflow:hidden}
.neighbors .big-inner{width:1000px}
.neighbors .big-inner2{width:850px;margin-bottom:0!important}
.neighbors a{width:160px;min-height:160px;display:-moz-inline-stack;display:inline-block;vertical-align:top;margin:0 10px 18px 0;zoom:1;*display:inline;_height:160px}
.neighbors a:hover,.neighbors a:active{border:none}
.neighbors a span{display:block;text-align:center}
.neighbors a b{display:block;width:156px;height:156px;border:2px solid #4F4F4F;background:#000}
.neighbors a:hover b,.neighbors a:active b,.neighbors a.active-photo b{border:2px solid #afafaf}
.neighbors a b img{display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;//display:inline}
.neighbors a b em{display:-moz-inline-box;display:inline-block;height:100%;width:0px;vertical-align:middle;zoom:1;//display:inline} 
.neighbors a i{font-style:normal;display:block;padding:.3em 2% 0}
/* JS only */
.neighbors a big{display:block;width:156px;height:156px;padding:2px;background:#4F4F4F}
.neighbors a big b{display:block;width:156px;height:156px;border:none!important;background:#000}
.neighbors a:hover big b,.neighbors a:active big b{border:none!important}
.neighbors a:hover big,.neighbors a:active big,.neighbors a.active-photo big{background:#afafaf}
/* /JS only */
.pagination{text-align:center;margin-bottom:2em!important}
.prev,.next,.imgnav a,.imgnav b{width:28px;min-height:28px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;*display:inline;_height:28px;border:none!important;background-image:url(../img/arr.png);background-repeat:no-repeat}
.prev span,.next span{display:none}
.prev,a.prev{background-position:0 0}
.next,a.next{background-position:-28px 0}
a.prev:hover{background-position:0 -28px}
a.next:hover{background-position:-28px -28px}
.pages{padding:0 1em}
.pages a,.pages strong{width:14px;min-height:10px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;*display:inline;_height:20px;text-align:center;padding:2px;border:2px solid #4F4F4F;background:#000}
.pages a:hover,.pages strong{border:2px solid #afafaf}
.imgnav{position:absolute;top:-1em;right:0}
.imgnav a,.imgnav b{display:block;float:left}
.cat-pagination{top:3.2em}
/* JS only */
.pages a.not-native,.pages strong.not-native{padding:2px;background:#4F4F4F;width:18px}
.pages a.not-native span,.pages strong.not-native span{display:block;padding:2px;width:14px;height:20px;line-height:20px;background:#1c1c1c}
.pages a.not-native:hover,.pages strong.not-native{background:#afafaf}
.pages a.not-native:hover span,.pages strong.not-native span{background:#000}
/* /JS only */
.mail-select{width:100%;overflow:hidden}
.mail-select h2{padding:.5em 0 .8em;width:100%;overflow:hidden}
.itext,.form{width:410px;padding:0 0 1.5em;float:left;margin-top:0}
.itext p{padding-left:6em}
.mail-select label span{display:block;float:left;width:5.5em;padding:.2em .5em 0 0;text-align:right}
.mail-select form div input[type='text']{width:15em}
.mail-select form div textarea{width:22.5em;height:9em;overflow:hidden}
.mail-select .antispam{padding-left:6em}
.nahrena{float:right;border:1px #3f3b3b solid;background:#0F0F0F;color:#ccc;padding:.3em}
.nahrena:hover{color:#fff;border:1px #6e6e6e solid}
.nahrena:focus,.nahrena:active{margin-top:2px;color:#fff;border:1px #6e6e6e solid}
.post-result,.img-code{display:block;position:fixed;width:26em;padding:1.5em 1.5em 2.5em;top:14em;left:50%;margin:0 0 0 -14em;background:#000;z-index:9999;border:2px solid #4F4F4F;text-align:left}
.post-result h3,.img-code strong{display:block;padding-top:.2em}
.post-result p{text-align:left!important}
.cmw{position:absolute;bottom:1.5em;right:1.5em}
.all-new-pict{position:absolute;right:0;bottom:.5em;border-bottom:1px solid #1C1C1C}
.content-text{margin-bottom:3.5em;width:100%;overflow:hidden}
.search_submit{background:#0f0f0f;color:#afafaf;border:1px #3F3B3B solid;margin-top:0}
.search_submit:hover{color:#ccc;border:1px #6e6e6e solid}
.search_submit:focus,.search_submit:active{color:#ccc;border:1px #6e6e6e solid}
/* buttons */
.button-repost{position:absolute;right:-46px;bottom:7px;width:32px;overflow:visible}
a.vkontakte-b,a.twitter-b,a.you-blog-b{position:absolute;left:0;width:32px;height:31px;background:url(../img/soicons.png) no-repeat}
a.vkontakte-b{bottom:40px;background-position:0 -31px}
a.vkontakte-b:hover,.button-repost a.vkontakte-b:active{background-position:-32px -31px;border:0}
a.twitter-b{bottom:80px;background-position:0 0}
a.twitter-b:hover,.button-repost a.twitter-b:active{background-position:-32px 0;border:0}
a.you-blog-b{bottom:0;background-position:0 -62px}
a.you-blog-b:hover,.button-repost a.you-blog-b:active{background-position:-32px -62px;border:0}

/* footer */
#footer .inner{position:relative;overflow:hidden}
#footer h3{color:#afafaf}
#footer,#footer a,.foto h2 small a,.foto h2 small,.imgnav a{color:#6E6E6E}
.cat-tags{float:left;width:47%;padding-right:3%;overflow:hidden}
.cat{float:left;width:47%;padding-right:3%}
.tags{float:left;width:97%;padding-right:3%}
.subs{float:left;width:22%;padding-right:3%;margin-left:-25%}
.fast-contact{float:left;width:50%}
#footer .nobullet{margin:0}
#footer .nobullet li{display:block;width:50%;float:left}
#footer legend,.mail-select legend{display:none}
#footer fieldset,.mail-select fieldset{margin:0;padding:1em 0 0;border:0}
#footer form div{margin-bottom:.5em}
#footer label span{display:block;float:left;width:5.5em;padding:.2em .5em 0 0;text-align:right}
#footer form div input[type='text']{width:23.25em}
#footer form div textarea{width:23.25em;height:9em;overflow:hidden}
#footer .antispam{padding-left:6em}
.com-antispam{width:1.5em!important}
.comments_submit{float:right}
.comments_submit{background:#0f0f0f;color:#6e6e6e;border:1px #2f2f2f solid;margin-top:0}
.comments_submit:hover{color:#afafaf;border:1px #6e6e6e solid}
.comments_submit:focus,.comments_submit:active{margin-top:2px;color:#afafaf;border:1px #6e6e6e solid}
#s{width:11em}
#footer textarea,#footer input[type='text'],#footer input[type='password']{border:1px #2f2f2f solid;background:#0f0f0f}
.cpr{clear:both;padding-top:1.5em}

/* toolbox */
.float-parent{width:100%;overflow:hidden;clear:both}
.hide{display:none}
.gray,.foto h2{color:#afafaf}
.alignright{float:right;margin:0 0 .8em 1.5em}
.alignleft{float:left;margin:0 1.5em .8em 0}
.aligncenter{display:block;margin:.5em auto .8em;text-align:center}
p.more{text-align: right; margin-top:-.3em!important}
p.more a[href]:after{content: " →"}
ul.nobullet{list-style:none!important;margin-left:1.1em}
.edit-link{position:absolute;top:.5em;right:0}
.nbsp{display:inline-block;width:1em}

/* other */
.formError{position:absolute;top:300px;right:200px;width:265px;padding-bottom:15px;display:block;z-index:5000}
.formError .formErrorContent{width:245px;background:#4F4F4F;color:#fff;padding:5px 10px;line-height:1.2em;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px}
.formError .formErrorArrow div{font-size:0}
.formError .formErrorArrow .line10{width:15px;height:1px;background:#4F4F4F;font-size:0;display:block;margin:0 auto}
.formError .formErrorArrow .line9{width:13px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line8{width:11px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line7{width:9px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line6{width:7px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line5{width:5px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line4{width:3px;height:1px;background:#4F4F4F;display:block;margin:0 auto}
.formError .formErrorArrow .line3{width:1px;height:1px;background:#4F4F4F;display:block;margin:0 auto}