/* !colors =================== */

body#books {
background-color: #faf9f0;
background-image:url(img/books_lights.png), url(img/bookpage-bg.jpg), url(img/books_wallpaper.png);
background-position:50% top, 50% top,  50% 360px;
background-repeat:no-repeat, repeat-x, repeat-x;
background-attachment:scroll;}

h1, nav.main li.active, #viewporttop {border-color:#6f5937;}
h1 a, nav.main a {color:#d4aa6b;-webkit-text-stroke:1px transparent;}
@media only screen and (max-device-width:480px) {
h1 a, nav.main a {-webkit-text-stroke:0 black;}}
h1 a:hover, nav.main a:hover, nav.main li.active a {color:#fff;}
.l10n_lang_list, .l10n_lang_list a {color:rgba(210,170,110, .6);} 
.content_main p {text-shadow:0 1px 0 #faf9f0;}



/* !indivudual adjustments =================== */

.branding span {background-position:-100px -385px;}
h1 a:hover span {background-position:-140px -385px;}

.content_main {margin-top:93px; padding-bottom:360px;}
article header .meta {width:140px; margin:-23px 0 0 -245px; text-align:center; background:none;}
article header .meta:hover {background:none;}

#books #search {display:none;}

/* !stuff only according to books =================== */


.shelf span:first-child {position:absolute; top:68px; left:160px; display:block; width:120px; padding:5px 10px; border-top:1px solid rgba(0,0,0,.5); border-bottom:1px solid rgba(255,255,255,.2); -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; background:rgba(0,0,0,.3); color:#d4aa6b; font-style:italic; text-shadow:none;-webkit-text-stroke:1px transparent;}

#books aside {position:absolute; left:60px; top:394px; }
#books aside img {width: 140px; margin:0 0 -6px 40px; }
#books aside p {width:220px; border-bottom:6px solid #666;}
#books aside dl {float:left; width: 220px; border-bottom: 1px solid #999;}
#books aside dt {clear: left; float: left; text-align:right; width: 80px; padding: 5px; border-top: 1px solid #999;  color:rgba(180,70,30,1);}
#books aside dd {float: left; width: 120px; margin: 0; padding: 5px; border-top:1px solid #999; font-style:italic;}
#books aside dt:first-child,
#books aside dd:nth-child(2) {border-top:none;}




.shelf {position:relative; left:-400px; margin:-74px 0 100px; height:200px;}
.shelf h2 {text-indent:-9999px; position:absolute; top:226px; right:9999px; display:block; width:20px; height:30px; background:transparent url(img/bookmark.png) left bottom no-repeat;-z-index:150;}
h3.spine {margin:0;line-height:normal;font-size:24px;}

.book_list {float:right; margin:82px 0 0 0px;}

.book_list li {float:left; position:relative; width:20px; height:150px; list-style:none;}

.book_list a {display:block;}

.book_list .book {position: relative; text-align:center; padding-bottom:10px;}
    
.book_list .book .spine, 
.book_list .book .cover {-webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px;}

.book_list .book .spine {width:20px; text-indent:-9999px; background:transparent url(mtiv-spine.jpg) left top no-repeat;}
.book_list .book .cover {position:relative; width:76px;}
.book_list .book .cover img {display:none; borders:1px solid rgba(0,0,0,.5); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.book_list li:hover .cover {margin:-50px 0 0 -50px; z-index:10;} /* For non-webkit browsers only */
.book_list li:hover .cover img {display:block;}

@media (-webkit-transform-3d) {	

.csstransforms3d .book_list {margin-top:81px;}
.csstransforms3d .book_list li {position:relative; -webkit-perspective: 5000; -webkit-transition: all 0.5s linear;}
.csstransforms3d .book_list a {display:block;}

.book_list .book {position:relative; text-align:center; -webkit-transform-style: preserve-3d; -webkit-transform-origin: 42px;}
.book_list .book .spine, 
.book_list .book .cover {position: absolute; -webkit-border-radius:2px; }
.book_list .book .spine {width:20px; padding:0 0; text-indent:-9999px; -webkit-transform: translateZ(38px);}
.csstransforms3d .book_list .book .cover {-webkit-transform: rotateY(90deg) translateZ(-19px);}
  
.book_list li:hover {margin-top:-20px;-webkit-perspective:500; -webkit-transform:scale(1.3); z-index:50;}
.csstransforms3d .book_list li:hover .book {left:-53px; top:100px; -webkit-transform: rotateY(-90deg); -webkit-transition-delay:.5s;}
.book_list li:hover .cover {margin:0;} /* Reset non-webkit margin */
.csstransforms3d .book_list .book:hover {-webkit-transition: all .6s linear;}

}


/* !individual books settings =================== */

.book_list .book11 .spine {background:transparent url(http://christophzillgens.com/images/14.jpg) left top no-repeat;}
.book_list .book11 h3.spine, .book_list .book11 .book .cover {height:165px; margin-top:-15px;}
.shelf11 h2 {right:-3px;}

.book_list .book13 .spine {background:transparent url(http://christophzillgens.com/images/22.jpg) left top no-repeat;}
.book_list .book13 h3.spine, .book_list .book13 .book .cover {height:150px;}
.shelf13 h2 {right:17px;}

.book_list .book14 .spine {background:transparent url(http://christophzillgens.com/images/24.jpg) left top no-repeat;}
.book_list .book14 h3.spine, .book_list .book14 .book .cover {height:190px; margin-top:-40px;}
.shelf14 h2 {right:37px;}

.book_list .book15 .spine {background:transparent url(http://christophzillgens.com/images/26.jpg) left top no-repeat;}
.book_list .book15 h3.spine, .book_list .book15 .book .cover {height:151px; margin-top:-1px;}
.shelf15 h2 {right:57px;}

.book_list .book16 .spine {background:transparent url(http://christophzillgens.com/images/28.jpg) left top no-repeat;}
.book_list .book16 h3.spine, .book_list .book16 .book .cover {height:198px; margin-top:-48px;}
.shelf16 h2 {right:77px;}

.book_list .book17 .spine {background:transparent url(http://christophzillgens.com/images/30.jpg) left top no-repeat;}
.book_list .book17 h3.spine, .book_list .book17 .book .cover {height:165px; margin-top:-15px;}
.shelf17 h2 {right:97px;}

/* en */
.book_list .book26 .spine {background:transparent url(http://christophzillgens.com/images/14.jpg) left top no-repeat;}
.book_list .book26 h3.spine, .book_list .book26 .book .cover {height:165px; margin-top:-15px;}
.shelf26 h2 {right:-3px;}

.book_list .book25 .spine {background:transparent url(http://christophzillgens.com/images/22.jpg) left top no-repeat;}
.book_list .book25 h3.spine, .book_list .book25 .book .cover {height:150px;}
.shelf25 h2 {right:17px;}

.book_list .book24 .spine {background:transparent url(http://christophzillgens.com/images/24.jpg) left top no-repeat;}
.book_list .book24 h3.spine, .book_list .book24 .book .cover {height:190px; margin-top:-40px;}
.shelf24 h2 {right:37px;}

.book_list .book23 .spine {background:transparent url(http://christophzillgens.com/images/26.jpg) left top no-repeat;}
.book_list .book23 h3.spine, .book_list .book23 .book .cover {height:151px; margin-top:-1px;}
.shelf23 h2 {right:57px;}

.book_list .book22 .spine {background:transparent url(http://christophzillgens.com/images/28.jpg) left top no-repeat;}
.book_list .book22 h3.spine, .book_list .book22 .book .cover {height:198px; margin-top:-48px;}
.shelf22 h2 {right:77px;}

.book_list .book21 .spine {background:transparent url(http://christophzillgens.com/images/30.jpg) left top no-repeat;}
.book_list .book21 h3.spine, .book_list .book21 .book .cover {height:165px; margin-top:-15px;}
.shelf21 h2 {right:97px;}


/*
.book1 .spine {background:transparent url(books/sexywebdesign-spine.jpg) left top no-repeat;}
.book1 .spine, .book1 .book .cover {height:168px; margin-top:-18px;}
.book2 .spine {background:transparent url(books/transcendingcss-spine.jpg) left top no-repeat;}
.book2 .spine, .book2 .book .cover {height:151px; margin-top:-1px;}
.book4 .spine {background:transparent url(books/mtiv-spine.jpg) left top no-repeat;}
.book4 .spine, .book4 .book .cover {height:150px;}
.book5 .spine {background:transparent url(books/lesetypo-spine.jpg) left top no-repeat;}
.book5 .spine, .book5 .book .cover {height:198px; margin-top:-48px;}
.book6 .spine {background:transparent url(books/dererfolgreichewebdesigner-spine.jpg) left top no-repeat;}
.book6 .spine, .book6 .book .cover {height:165px; margin-top:-15px;}
.book7 .spine {background:transparent url(books/kribbelnimkopf-spine.jpg) left top no-repeat;}
.book7 .spine, .book7 .book .cover {height:190px; margin-top:-40px;}*/