/*
Theme Name: RainbowBook
Theme URI: http://
Description: Beautiful images that tell us about the book "Somewhere under the rainbow"
Author: Zahara MH / Bettina Helmstädt
Author URI: http://zaharamh.com/ / 
Version: 1.0
Tags: book theme
*/

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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {
    font-size: 90%;
    font-style: italic;
    color: #666;
}

.gallery-caption {}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.aligncenter {}

@font-face {
    font-family: 'FrightNight';
    src: url('fil/frightnight-webfont.eot');
    src: url('fil/frightnight-webfont.eot#iefix') format('embedded-opentype'),
        url('fil/frightnight-webfont.woff') format('woff'),
        url('fil/frightnight-webfont.ttf') format('truetype'),
        url('fil/frightnight-webfont.svg#fright_nightfright_night') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Main style -----------------------------------------------*/
html {
    background: url(img/tile.jpg) fixed #3c2d0e;
}

html.splash {
    background: url(img/bg.jpg) no-repeat top center fixed #3c2d0e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.splash body {
    background: transparent !important;
}

body {
    width: 1060px;
    margin: 0 auto;
    position: relative;
}

#blog-title {
    top: 0;
    left: 0;
    z-index: 4;
    position: absolute;
}

#blog-title a {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

.splash #blog-title {
    left: 35%;
}

#pin {
    position: absolute;
    top: 10px;
    left: 60px;
    z-index: 2;
}

#buy {
    z-index: 1;
    position: absolute;
    top: 230px;
    left: -25px;
}

a#buybook {
    background: url(img/buy.png) no-repeat;
    color: #a06401;
    height: 40px;
    left: -30px;
    font-size: 30px;
    padding: 135px 8px 20px 65px;
    position: absolute;
    top: 230px;
    width: 148px;
    text-decoration: none;
    font-weight: bold;
    font-family: FrightNight;
}

a#buybook:hover,
a#buybook:focus {
    color: #4C413C;
}

.splash a.button {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #4c413c;
    text-align: right;
    display: inline-block;
    font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
    height: 40px;
    padding: 110px 10px 0;
    width: 115px;
    position: relative;
    top: 228px;
    left: 253px;
}

.splash a.button:hover,
.splash a.button:focus {
    color: #a06401;
}

.splash a.buy {
    background: url(img/buy.png) no-repeat;
    color: #a06401;
    height: 60px;
    left: 108px;
    font-size: 20px;
    padding: 120px 15px 0 0;
    position: absolute;
    top: 80px;
    width: 210px;
}

.splash a.buy:hover,
.splash a.buy:focus {
    color: #4c413c;
    font-weight: bold;
    top: 80px;
}

.splash a.button span {
    font-size: 20px;
    display: block;
    /*Update add rotation */
}

.splash a.buy span {
    font-size: 26px;
}

.splash #pin {
    left: 203px;
    top: -141px;
}

.splash a.songs {
    background: url(img/songs.jpg) no-repeat;
    height: 45px;
    padding: 115px 10px 0;
    width: 125px;
    top: 300px;
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}

.splash a.read {
    background: url(img/read.jpg) no-repeat;
    left: 233px;
}

.splash a.musical {
    background: url(img/musical.jpg) no-repeat;
    padding-top: 104px;
    top: 258px;
    left: 243px;
    -moz-transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
}

#pin2 {
    left: 373px;
    position: relative;
    top: 200px;
    z-index: 2;
}

#pin3 {
    left: 326px;
    position: relative;
    top: 151px;
    z-index: 2;
}

#pin4 {
    left: 328px;
    position: relative;
    top: 169px;
    z-index: 2;
}

#banner,
#menu-main,
#content {
    margin-left: 210px;
}

#menu-main li {
    display: -moz-inline-stack;
    display: inline-block;
}

#menu-main li a {
    display: block;
    color: #fcf5f0;
    text-decoration: none;
    padding: 25px 0 20px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 600;
    font-family: FrightNight;
}

.menu-item-26 a {
    background: url(img/mn-1.png) no-repeat;
    height: 76px;
    width: 137px;
}

.menu-item-25 a {
    background: url(img/mn-2.png) no-repeat;
    height: 76px;
    width: 171px;
}

.menu-item-24 a {
    background: url(img/mn-3.png) no-repeat;
    height: 76px;
    width: 153px;
}

.menu-item-23 a {
    background: url(img/mn-4.png) no-repeat;
    height: 76px;
    width: 117px;
}

.menu-item-22 a {
    background: url(img/mn-5.png) no-repeat;
    height: 76px;
    width: 256px;
}

.menu-item-26 a:hover,
.menu-item-26 a:focus {
    background: url(img/mn-1-h.png) no-repeat;
}

.menu-item-25 a:hover,
.menu-item-25 a:focus {
    background: url(img/mn-2-h.png) no-repeat;
}

.menu-item-24 a:hover,
.menu-item-24 a:focus {
    background: url(img/mn-3-h.png) no-repeat;
}

.menu-item-23 a:hover,
.menu-item-23 a:focus {
    background: url(img/mn-4-h.png) no-repeat;
}

.menu-item-22 a:hover,
.menu-item-22 a:focus {
    background: url(img/mn-5-h.png) no-repeat;
}

#content {
    background: url(img/bg-cont-top.png) 0 0 no-repeat;
    padding-top: 32px;
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    font-size: 1em;
    line-height: 1.4em;
}

#content .hentry,
#content h1.page-title,
#footer {
    background: url(img/bg-cont.png) 0 0 repeat-y;
    padding: 10px 40px;
}

#nav-above,
#nav-below {
    background: url(img/bg-cont.png) 0 0 repeat-y;
    padding: 0 40px;
}

#content h1.page-title {
    margin: 0;
}

.hentry .entry-content,
.entry-summary,
.nav-previous,
.nav-next {
    background-color: #FCF5F0;
    font-size: 1.5em;
    line-height: 1.5em;
}

.nav-previous,
.nav-next {
    clear: both;
    text-align: center;
}

.entry-content p {
    margin-bottom: 1em;
}

.entry-meta {
    font-size: 0.80rem;
    color: #666;
    margin: -0.3rem 1rem 0.3rem;
}

#under-content {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    overflow: auto;
    padding-top: 1rem;
}

#content h1 {
    background-color: #FCF5F0;
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 2.5rem;
    margin: 15px 0 25px;
}

#content h2,
#content h2 a {
    color: #000;
    clear: both;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8rem;
    text-decoration: none;
}

.read-more {
    display: block;
    float: right;
}

.post-5 .chaplist {
    margin-top: 1em;
}

.post-5 .chaplist li {
    display: -moz-inline-stack;
    display: inline-block;
    margin-bottom: 1em;
    width: 33%;
    vertical-align: top;
}

.post-5 .chaplist li a {
    display: block;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
}

.post-5 .chaplist li a img {
    display: block;
    margin: 0 auto;
    padding: 1em 0;
}

.archive .hentry .attachment-thumbnail {
    margin: 0.5rem;
}

.archive h2 {
    clear: both;
}

#sidebar {
    left: 0;
    position: absolute;
    top: 470px;
}

#sidebar #menu-chapters li a {
    display: block;
    background: #fff;
    width: 155px;
    margin: 0 0 18px 20px;
    font-family: FrightNight;
    min-height: 155px;
    line-height: 1.2em;
    text-decoration: none;
    color: #a66e10;
    font-weight: bold;
    font-size: 26px;
    padding: 5px 5px 0 7px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 9px 4px #ffffff;
    -moz-box-shadow: 0px 0px 9px 4px #ffffff;
    box-shadow: 0px 0px 9px 4px #ffffff;
}

#sidebar #menu-chapters li a img {
    margin-right: 5px;
}

#sidebar #menu-chapters li a:hover,
#sidebar #menu-chapters li a:focus {
    -webkit-box-shadow: 0px 0px 9px 4px #a66e10;
    -moz-box-shadow: 0px 0px 9px 4px #a66e10;
    box-shadow: 0px 0px 9px 4px #a66e10;
}

#sidebar #menu-chapters li.current-menu-item a {
    background-color: #a66e10;
    color: #fff;
}

#footer {
    text-align: center;
    color: #a07652;
}

#menu-footer {
    clear: both;
}

#menu-footer li {
    display: -moz-inline-stack;
    display: inline-block;
    text-transform: lowercase;
}

#footer a,
.menu-footer-container a {
    color: #a07652;
    text-decoration: none;
    border-bottom: 1px dotted;
    margin: 0 10px;
}

/* basic styles */
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


/*
     FILE ARCHIVED ON 16:53:38 Apr 10, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:32:26 Apr 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.424
  load_resource: 149.632 (2)
  PetaboxLoader3.resolve: 119.614 (2)
  PetaboxLoader3.datanode: 28.939 (2)
*/