/*
borders: #d0d0d0;
color: #231f20;
link: #4396ab

*/

@import 'scrollable-navig.css';
@import 'lb.css';

* {margin: 0; padding: 0}
body {background: #fff; color: #231f20; font: 85% georgia,serif; text-align: center}
img {border: none; font: 11px tahoma,sans-serif; color: #777; text-indent: 15px; line-height: 30px}

a {color: #4396ab}
a:hover {text-decoration: none}

.right {float: right; margin: 0 0 20px 20px}
.left {float: left; margin: 0 20px  20px}

abbr {cursor: help; border-style: none}
label {cursor: pointer; }


li { list-style-type: none}

table {border-collapse: collapse}
td, th {margin: 0; padding: 0; vertical-align: top}

.dot {display: none;}
.clear {clear: both; height: 1px; overflow: hidden; }
.nobr {white-space: nowrap}
.sep {color: #ccc}


span.sbrace {margin-right: 0.15em}
span.hbrace {margin-left: -0.15em}

span.slaquo {margin-right: 0.44em}
span.hlaquo {margin-left: -0.44em}

span.sbdquo {margin-right: 0.4em}
span.hbdquo {margin-left: -0.4em}


.phone {white-space: nowrap}


#page {width: 925px; text-align: left; margin: 40px auto}

#header {position: relative;}

#header h1, #header strong, #header p {width: 520px; float: left; margin-left: 50px}
#header p {font-size: 16px; line-height: 125%}

#header h1, #header strong {display: block; font-size: 24px; font-style: normal; line-height: 100%; text-transform: uppercase; font-weight: normal; margin-bottom: 4px; margin-top: 12px; }
#header strong a {text-decoration: none; color: #231f20}

#header form {position: absolute; bottom: 3px; right: 0}

#logo {width: 82px; height: 88px; display: block; float: left; margin: 10px 0 0 0 }
p.tagline {font-size: 12px !important; margin-top: 5px;}

/* search  */
#q, .btn, #s {vertical-align: middle}
#q, .q, .qs_input, #s {border: 1px solid #a8a8a8; width: 106px; -moz-border-radius: 3px; font: 11px verdana,sans-serif; padding: 2px }
#q:focus, .q:focus {}
.btn-search {width: 65px; height: 20px; margin-left: 5px }

#search-box {padding-top: 35px !important; padding-bottom: 35px !important}

#top-quote {position: absolute; right: 0; top: 15px; width: 250px; }
#top-quote p.author {font: 11px tahoma,sans-serif !important; padding: 0; margin: 0; width: 65px; text-align: center; line-height: 95% !important;}
#top-quote p.author img {display: block; line-height: 90% !important; margin: 0 0 3px; width: 62px; height: 61px;}
#top-quote p.author a {color: #838383; text-decoration: none}
#top-quote .wr {background: url(/static/i/bubble.png) no-repeat; width: 202px; height: 77px; position: absolute; top: 0; right: 0;}
#top-quote .wr p {width: auto !important; margin: 0;}
#top-quote blockquote p {font-size: 11px !important; padding: 5px 5px 0 22px; }

/* menu */

#menu {margin: 28px 0 0 0; padding: 0 0 0 20px}
#menu ul {float: left; margin: 13px 0 0 50px; padding: 5px 0; border-width: 2px 0; border-style:solid; border-color: #ccc; }
#menu li {display: inline}
#menu .active a, #menu .active strong {color: #000; width: auto; margin: 0;}
#menu a, #menu strong {display: block; font-size: 10px !important; float: left; color: #1da0b6; font-weight: bold; text-decoration: none; padding: 3px 16px 3px 0; background: url(/static/i/bullet.png) right center no-repeat; font-size: 11px; text-transform: uppercase; line-height: 100%}
#last-menu-item a,
#last-menu-item strong {padding-right: 0; background: none}
#menu a:hover {color: #000; text-decoration: underline}
#menu .last a {}

#body {border-width: 1px 1px 0 1px; border-style: solid dotted dotted dotted; border-color: #d0d0d0; background: url(/static/i/faux.gif) right top repeat-y; margin: 30px 0 0 0}

/* columns configuration */

#column-left {float: left; width: 690px}
.column-left-wrapper {padding: 40px 25px 40px 15px}
.column-left-wrapper.book-imaged,
.column-left-wrapper.paginated {padding-bottom: 0 !important}
.column-left-wrapper.after-book-images {padding-top: 10px}


#column-right {float: left; width: 225px; font: 11px verdana,sans-serif}
#column-right .block {margin: 0 0 15px 8px; padding: 12px 5px 10px 30px; border-bottom: 1px dotted #d0d0d0}
#column-right h2 {font-size: 11px; margin-bottom: 5px}
#column-right #tags h2:after {content: ":"}
#tags ul {line-height: 145%}


.block#quote {margin-top: 20px}
#quote blockquote, #quotes blockquote {font: italic 15px georgia,serif; color: #8c8c8c}
#quote p {width: 170px; margin: 0 0 20px}
#quote .src a {color: #707070}
#quote .src a:hover {text-decoration: none}
#quotes p {margin: 0 0 10px}

#quotes {margin: 20px 0}

.block#tags {border-bottom-width: 0; margin: 0 0 40px 0 !important}

/* subscr */

#subscribe ul {margin: 10px 0 15px}
#subscribe ul li {display: inline}
#subscribe ul a {display: block; padding: 0 0 10px 22px; background-repeat: no-repeat}
#subscribe ul a:hover {background-position: 0 -84px}

#twitter a {background-image: url(/static/i/s-tw.png); }
#facebook a {background-image: url(/static/i/s-fb.png); }
#rss a {background-image: url(/static/i/s-rss.png); }
#lj a {background-image: url(/static/i/s-lj.png); }

#subscribe-form {margin-top: 10px}
#subscribe-form .txt {vertical-align: middle; border: 1px solid #a8a8a8; width: 70px; -moz-border-radius: 3px; margin-right: 8px; font: 11px verdana,sans-serif; padding: 3px 0}


#new-items-container {
    background: url(/static/i/new-items.png) no-repeat; padding-top: 23px; padding-bottom: 5px; border-bottom: 1px dotted #d0d0d0;
}


/* root element for the whole scrollable setup */
.scrollable {position:relative; overflow:hidden;}

#new-items-container .scrollable {width: 660px; height:300px; margin-left: 30px }

/* 
root element for scrollable items. It is 
absolutely positioned with large width. 
*/

#new-items, #news-items, #exclusive-items, #book-images { position:absolute; width: 2100px; clear:both;}

/* custom positioning for navigational links */
a.prev, a.next {
    margin: 20px 18px 0;
}

a.next {float: right}


/* single item */
.news-item {
    float:left;
    width:680px;
    height:330px;
}


/* style when element is active (clicked) */
#new-items div.active {
    cursor:default;
}




/* new items */
.book-info {width: 295px;}
.basic-info {height: 250px}

h3, .catalogue-item h2 {font-style: italic; color: #3f3f3f; margin: 0 0 10px; font-size: 18px}
h3 em, .catalogue-item h2 em {display: block; font-weight: normal}
h3 a, .catalogue-item h2 a, .blog-item h2 a {text-decoration: none; color: #231f20;}


.catalogue-item h2 {font-style: normal; margin-bottom: 5px;}

.descr {font-size: 12px; line-height: 135%}

.tags, .dates {font: 11px verdana,sans-serif}
.tags a {text-decoration: none; white-space: nowrap;}
.tags a:hover {text-decoration: underline}

.permalink, .read-more {text-decoration: none; color: #666666; border-bottom: 1px solid #ccc; font: 11px verdana,sans-serif}
a.permalink:hover,
a.read-more:hover {border-bottom: 1px solid #666}
.read-more {white-space: nowrap}

.book-images {width: 325px; height: 310px; margin: 0 25px 0 0; float: left; }
.book-images img {display: block; width: 325px; height: 310px}
.book-info {float: left; margin: 15px 0 0 0 }

#book-images-container .next,
#book-images-container .prev
{display: none}

/* news, exclusive */

#news-items-container .scrollable,
#exclusive-items-container .scrollable {width: 340px; height:360px; overflow: hidden;}

#book-images-container {height:255px; margin-top: 20px; overflow: hidden; position: relative;}
#book-images-container .scrollable {margin-left: 10px; width: 100%; height:200px; overflow: hidden;}
.book-image-item {width: 200px; margin-right: 20px; float: left; }
.book-image-item.last {width: 240px !important; }

html>body #book-images-container .hider-right, html>body #book-images-container .hider-left  {width: 75px; position: absolute; top: 0; height: 200px;}
html>body #book-images-container .hider-right {background: url(/static/i/clr.png) left top no-repeat; right: 0; }
html>body #book-images-container .hider-left {background:  url(/static/i/cll.png) left top no-repeat; left: 10px; }

#book-images-container .prev,
#book-images-container .next {margin-left: 10px; margin-right: 10px; }


#news-items-container,
#exclusive-items-container
{
    padding-top: 40px; padding-bottom: 5px;
    width: 340px; overflow: hidden; float: left;
}

#news-items-container {background: url(/static/i/news-items.png) no-repeat; border-right: 1px dotted #d0d0d0;}
#exclusive-items-container {background: url(/static/i/exclusive-items.png) no-repeat; }

#news-items-container .news-item, #exclusive-items-container .news-item {width: 275px; margin-right: 50px}
#news-items-container h3,
#exclusive-items-container h3
{font: italic 16px georgia,serif; margin-left: .6em}

#news-items-container .scrollable { margin-left: 35px}
#exclusive-items-container .scrollable {margin-left: 40px}


.news-text {font-size: 12px; height: 100px; min-height: 100px}
html>body .news-text {height: auto}

.news-images {margin: 0 0 20px}
.news-images img {display: block; margin: 0 auto;}

/* exclusive */
#exclusive-items h3 {font-weight: bold}
.title {height:70px}
#exclusive-items .title {height: 55px}
/*#exclusive-items .news-images img {height: 158px; width: 166px}*/
#news-items .title h3 {font-weight: bold;}

/* inner pages */
.basic {padding: 30px 40px}

#column-left h1 {margin: 0 0 .3em}
h1 {font-size: 20px; font-style: italic; margin-bottom: 25px}
h1.area-title {font-style: normal; font-weight: normal; margin-bottom: 40px !important}
h1 em {display: block; font-weight: normal;}
em.extra {font-size: 75%}

h1 a:focus,
h2 a:focus {outline: none; color: #4396ab}

h1 a:visited,
h2 a:visited {color: #585858}

.book-quotes {
    border: 1px dotted #d0d0d0;
    margin: 20px 25px;
    font-style: italic;
    color: #666666;
    font-size: 15px;
}

.book-quotes blockquote {margin: 1em 25px 2.2em;}
.book-quotes blockquote p {margin: 0 0 1em;}
.book-quotes em {font-size: 12px; font-weight: bold;}

.technical-data h2 {font-size: 11px;}
.technical-data {font: 11px verdana,sans-serif; margin: 20px 0 15px;}

.normal-wrapper {
    margin: 0 0 0 18px;
}

.normal-wrapper.books-listing {
    margin: 0 !important;
}


.catalogue-item-small {
    clear:both;
    margin: 0 0 30px;
}
.catalogue-item-small img {

    width: 60px;
    height: 57px;
    float: left;
    margin: 0 33px 30px 0;

}

#local-search {
    float: right;
    width: 300px;
    margin-left: 60px;
}

#local-search input {
    vertical-align: middle;
}

.area-info {
    margin: 0 0 55px;
    font: 11px verdana,sans-serif;
}

.area-info p {
    margin: 0 0 10px;
    line-height:140%;
}

/* элемент каталога */

.catalogue-item-normal {
    clear:both;
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px dotted #d0d0d0;
}
.catalogue-item-normal.last,
.catalogue-item-normal:last-child {
    border-bottom-width: 0;
    padding-bottom: 0;
}
.catalogue-item-normal p {
    margin: 0 0 .7em;
}

.catalogue-item-normal .book-image {
    float: left;
    width: 160px;
    overflow: hidden;
}

.catalogue-item-normal .book-image img {
    width: 120px;
    height: 114px;
}

.catalogue-item-normal .book-description {
    float:left;
    width:460px;
}

.book-description p {

    line-height: 145%;
    margin: 0 0 1.5em;

}


.books-listing-all-links {
    clear: both;
    padding-top: 20px;
    border-top: 1px dashed #d0d0d0;
    padding-left: 100px;
}

.books-listing-all-links .back {
    color: #000;
    font:12px tahoma,sans-serif;
}

/* pagination */

.pagination  {
    background: #231f20;
    color: #fff;
    font: 11px verdana,sans-serif;
    text-align: center;
    padding: 4px 0;
    margin: 0 0 0;
}

.pagination .bl {

}

.pagination img {
    vertical-align: middle;
    width: 25px;
    height: 14px;
}

.pagination strong {
    background: url(/static/i/pag-bg.gif) no-repeat;
    display: inline-block;
    width: 17px;
    min-width: 17px;
    text-align: center;
    font-weight: normal;
    padding: 1px 0 3px;
}

.pagination a {
    color: #fff;
    text-decoration: none;
    padding: 1px 4px 3px;

}
.pagination a:hover {
    color: #96c4d0;

}


/* related books */

#related-books {clear: both; margin: 50px 0 30px}
#related-books .img {text-decoration: none; display: block; margin: 0 0 7px}
#related-books li {float: left; width: 140px; margin: 0 10px 0 0; overflow: hidden}
#related-books li br {display: none}

#related-books .txt {font-weight: bold; text-decoration: none; color: #555;display: block; margin: 0 0 0 20px; font-size: 11px}
#related-books .txt:hover {color: #4396ab}
#related-books em {display: block; font-style: normal; font-weight: normal;}


/* blog listing */

.blog-item {margin: 2em 0 3em; clear: both;}
.blog-item h2 {margin: 0 0 1em}
.blog-item .cover {float: left; margin: 0 40px 3em 0; width: 200px; }
.blog-item .content {float: left; width: 400px }

.blog-item p, .blog-item-full p {margin: 0 0 20px; line-height: 135%;}
.blog-item p.date, .blog-item-full p.date {margin-top: 20px !important}

.blog-item-full h1 {font-style: normal; margin: 0 0 20px !important}
.blog-item-full .cover {margin: 0 0 20px}
.blog-item-full .cover.right {float: right; margin: 0 0 20px 20px}

.blog-item-full ul {margin: 1em 0 1em 2.5em; }
.blog-item-full ul li {list-style-type: square; margin: 0 0 .5em}

h3#comments {margin: 60px 0 0 0}


.prev-link, .next-link {margin: 30px 0 40px; line-height: 100%}
.prev-link a, .next-link a {text-decoration: none; font:11px tahoma,sans-serif; color: #3f3f3f}
.prev-link a:hover, .next-link a:hover {text-decoration: underline;}
.prev-link {float: left; padding: 0 0 2px 20px; background: url(/static/i/prev-link.png) 0 2px no-repeat}
.next-link {float: right; padding: 0 20px 2px 0; background: url(/static/i/next-link.png) 100% 2px no-repeat}

/* comments */

#respond {margin: 40px 0 0 0}

h3#comments {margin: 40px 0 20px !important}

#comment {width: 500px; padding: 10px; font: 100% georgia,serif}
.comment-meta {font-size: 11px; margin: 0 0 5px}
.comment-meta a {color: #555; text-decoration: none}
.comment-meta a:hover {text-decoration: underline}
.comment-body  {padding: 0 0 30px}
.commentlist .children {margin: 0 0 0 20px !important}
.comment-edit-link {margin-left:20px; font-size: 10px; color: #333}
.comment-edit-link:hover {color: #CC0000}
.comment-body p {margin: 0 0 10px !important}

.comment-author {display: inline}

.comment-reply-link {font-size: 11px; background: #272425; color: #fff; text-decoration: none; padding: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px}

/* contacts */

#contacts p,
#contacts td
{font-size: 11px; font-family: verdana,sans-serif;}


#footer {padding: 20px 30px; border-top: 1px dotted #d0d0d0; font: 11px tahoma,sans-serif; color: #666666; background: #fff}
#leibniz {float: right; width: 160px;}
#leibniz .date {display: block;}

.phones {float: left;}
.phones td {padding: 0 5px 0 0; line-height: 140%}

#contacts {float: left; width: 200px; margin-left: 50px; line-height: 140%}


*:hover>*>.post-edit-link {display: block;}
.post-edit-link {display: none; float: right; padding: 2px; font-size: 11px; background: #999; color: #fff; text-decoration: none; -moz-border-radius: 7px; padding: 2px}
.post-edit-link:hover  {background: #CC0000}

/* artists */
.artist-item {clear: both; margin: 1em 0 1em;}
.artist-image {float: left; width: 140px; height: 140px; display: block; margin: 3px 15px 2em 0}
.artist-description {float: left; width: 455px; margin: 0 0 2em }
.artist-item h2 {font-style: italic; font-weight: normal; color: #3f3f3f; font-size: 120%; margin: 0 0 .5em}
.artist-item p {font-size: 90%; line-height: 130%}

#author-books-listing h1.area-title {margin-bottom: 40px !important}
#author-books-listing h2 em {display: none}

/*authors listing */

#authors h2 {
    margin: 0 0 0;
    width: 40px; 
    float: left;
    clear: both;
    font-style: italic;
    color: #B6B6B6;
    font-size: 16px;
}
#authors ul {
    margin: 0 0 20px;
    float: left;
}

.no-books {
    text-align: center; font-style: italic;
    margin: 120px 0;
}

/* services tabs */

.column-left-wrapper#services {
    padding-right: 0;
}

#services .service-description {
    margin-right: 40px;
}

.tabs {
    display: none;
    margin: 20px 0 0 0;
}

.js .tabs {
    display: block;
}


.tabs li {
    width: 210px;
    float: left;
    font: 11px verdana,helvetica,sans-serif;
    margin: 0 0 40px 0;
}

.tabs a:active, #related-books a {
    outline:none !important;
}

.tabs :focus {
    -moz-outline-style:none;
}


.tabs a {
    display: block;
    padding: 0 20px 10px 30px;
    color: #000;
    background: url(/static/i/services-bg.png) 0 0 no-repeat;
}

.tabs .current {
    color: #4396ab !important;
    text-decoration: none;
    cursor: default;
}
.tabs #tab-binding {
    width: 190px;
}

.tabs #tab-projects {
    width: 240px;
}

.tabs #tab-projects a {
    background-position: 0 -85px;
}

.tabs #tab-private-libraries a {
    background-position: 0 -172px;
    padding: 0 0 10px 35px;
}

.service-description h2 {
    font-size: 18px;
    font-weight: normal;
    color: #3f3f3f;
    margin: 0 0 7px;
}
.service-description p {
    line-height: 135%;
    font-size: 80%;
    margin: 0 0 10px;
}

.js .panes {
    clear: both;
    height: 200px;
}
.js .panes .service-description {
    display:none;
}

/* services illustration */
.services-illustrations {
    margin: 0 0 30px;
}

.services-illustrations img {
    display: block;
    width: 500px;
    height: 500px;
}
.services-illustrations .images {
    float: left;
    width: 515px;
}

.services-illustrations p.annotation {
    float: left;
    font: 11px tahoma,sans-serif;
    color: #8c8c8c;
    width: 110px;
    line-height: 140%;

}


/* contacts */

#YMapsID {
    margin: 20px 0;
    width:600px;
    height:376px;
}

#page-contacts .phones {
    float:none; width: auto;
}
#page-contacts p {
    margin: 10px 0;
 
}
#page-contacts p,
#page-contacts td {
    font-family: tahoma,sans-serif;
    font-size: 11px;
}

#contact-form,
#contact-form *{
    font: 11px tahoma,helvetica,sans-serif;
}

#contact-form td,
#contact-form p,
#contact-form th {
    padding: 0 0 10px;
}

#contact-form th {
    width: 120px;
}
#contact-form td input,
#contact-form td select {
    width: 230px;
}
#your-message {
    display: block;
    margin: 5px 0 0;
    width: 460px;
}

/* about */
#about-project p {
	margin: 0 0 1.5em;
	line-height: 140%;
}

#about-project .links {
	margin: 2em 0 1.5em;
	line-height: 140%;
	font: 11px tahoma,sans-sefif;
}


#login-logout {
    float: right;
    padding: 20px 0 5px 0;
    font: 11px tahoma,sans-serif;
    text-align: right;
}

#header:hover #login-logout a {
    color: #777;
}
#header .edit {
    margin-right: 220px;
}

#login-logout a {
    color: #bebebe;
}

.tooltip {
    display: none;
    font: 11px tahoma,sans-serif;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}



/* process */

#process-list .panes {height: auto}
.js .process-item {display: none}
.process-item {margin: 20px 0 40px; clear: both}
.process-item h2 {font-weight: normal; font-style: italic; margin-bottom: 10px}
.process-item p {font: 11px tahoma,sans-serif; width: 250px; line-height: 140%; margin: 0 0 10px}
.process-images {float: left; width: 320px;}
.process-images img {display: block; margin: 0 0 15px}
.process-text {float: left; width: 270px}

.process-item-photo {position: relative}
.process-item-photo .w {position: absolute; bottom: 20px; }

.process-list a:active, #related-books a {
    outline:none !important;
}

.process-list :focus {
    -moz-outline-style:none;
}


.process-list {
    font: 11px tahoma,sans-serif;
    margin: 30px 120px 80px 100px;
}
.process-list li {
    background: url(/static/i/dots.png) left bottom repeat-x;
    margin: 0 0 3px;
    clear: both;
}
.process-list span {
    float: right;
    background: #fff;
}
.process-list a {
    /*display: block;*/

    text-decoration: none;
    color: #000;
    background: #fff;
}

.process-list .current {
    cursor: default;
    font-weight: bold;
}





/* contact form */






div.wpcf7-response-output {
    padding: 5px;
    margin: 10px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.wpcf7-validates-as-required {
    background: #d4eff5;
    border: 1px solid #777;
    padding: 2px 0;
}

div.wpcf7-mail-sent-ok {
    background: #5ba3b6;
}

div.wpcf7-mail-sent-ng {
    color: #fff;
    background: #CC0033;
}

div.wpcf7-spam-blocked {
    color: #fff;
    background: #CC0033;
}

div.wpcf7-validation-errors {
    color: #fff;
    background: #CC0033;
}

span.wpcf7-form-control-wrap {
	
}

span.wpcf7-not-valid-tip {
    margin-left: 15px;
    color: #CC0033;
    font-weight: bold;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 11px;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}




.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }



p .front-editor-container {display: inline !important}
p .front-editor-container input {font: 11px tahoma,sans-serif}
.front-editor-container textarea {font: 13px georgia,serif; border: none !important}
p .front-editor-container input[type=text] {border: 1px solid #555; width: 300px}

.front-ed-the_content {
margin: 0 0 1.5em !important;
line-height: 140%;
}
.front-editor-save,
.front-editor-cancel {
    -moz-border-radius: 5px; background: #e5e5e5; padding: 3px; font: 11px tahoma,sans-serif; border-width: 0;
}
.front-editor-save {
    font-weight: bold;
    margin: 0 5px;
    background: #05ac2c;
}

.front-editor-cancel {
    color: #ccc !important;
}

.front-editor-save:hover,
.front-editor-cancel:hover {
    outline: 1px solid #555;
    -moz-outline-radius: 7px;
}


#header div.front-ed,
#header .front-editor-container
{width: auto !important}