/*
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; }