/* ----------------------------------------------------------------------------
   	Part 2 of 5

    Generic settings to initialise the sheet 
  	---------------------------------------------------------------------------- */

body {
     margin : 0;
     padding : 0;
     font-family : Arial,Helvetica,"Times New Roman",sans-serif,Times,Serif,Georgia;
     font-size : 16px;
     line-height : 1.4;
     text-align : center;
     background : url('../Pictures/background2020.jpg') no-repeat center center fixed;
     background-size : cover;
     --gutter-top : 26px;
}
 .book_cover, .thumbnail_2021, .shellfish {
     --cover-width: 110px;
     --cover-height: 165px;
}
 .large_cover_2021 {
     --cover-width: 220px;
     --cover-height: 330px;
}
 .small_cover_2021 {
     --cover-width: 120px;
     --cover-height: 180px;
}
/* Until we know the display in use, lock everything out of use... */
 .desktop {
     display : none;
}
 .mobile {
     display : none;
}
 #backpage-content, #backpage-content-mobile, .backpage-content, .backpage-content-mobile {
     text-align : justify;
     position : relative;
     width : 100%;
     height : auto;
     min-height : 500px;
     top : 0;
     background-color : #fbfae6;
     background-image : url('../Pictures/Parchmnt.jpg');
}
 #backpage-content::after, 
/* Clearfix */
 .backpage-content::after {
     content : "";
     visibility : hidden;
     display : block;
     clear : both;
     height : 0;
}
 #art-Header-buttons, #art-Header-buttons-mobile {
     position:absolute;
     bottom:9px;
     left:130px
}
/* Everybody gets the little clump of reeds */
 #Reedbed_1 {
     position : fixed;
     width : 120px;
     height : 130px;
     right : -32px;
     bottom : 0;
     background-image : url('../Pictures/grass.png');
     z-index : +1;
     cursor : pointer;
}
/* art-Sheet and descendants are used by all variants */
 .art-Sheet {
     position: relative;
     z-index: 0;
     margin: 0 auto;
     width: 900px;
     min-width: 49px;
     min-height: 49px
}
 .art-Sheet-body {
     position: relative;
     height: auto;
     z-index: 1;
     padding: 5px 5px 0;
     margin-top: 75px;
}
/* Generic menu components */
.art-menu,.art-menu ul{
    margin:0;
    padding:0;
    border:0;
    list-style-type:none;
    display:block
}
.art-menu li{
    margin:0;
    padding:0;
    border:0;
    display:block;
    float:left;
    position:relative;
    z-index:5;
    background:0 0
}
.art-menu li:hover{
    z-index:10000;
    white-space:normal
}
.art-menu li li{
    float:none
}
.art-menu ul{
    visibility:hidden;
    position:absolute;
    z-index:10;
    left:0;
    top:0;
    background:0 0
}
.art-menu li:hover>ul{
    visibility:visible;
    top:100%
}
.art-menu li li:hover>ul{
    top:0;
    left:100%
}
.art-menu ul:after,.art-menu:after{
    content:".";
    height:0;
    display:block;
    visibility:hidden;
    overflow:hidden;
    clear:both
}
.art-menu,.art-menu ul{
    min-height:0
}
.art-menu ul{
    background-image:url(../Pictures/spacer.gif);
    padding:10px 30px 30px;
    margin:-10px 0 0 -30px
}
.art-menu ul ul{
    padding:30px 30px 30px 10px;
    margin:-30px 0 0 -10px
}
.art-menu{
    padding:0 15px
}
.art-nav{
    position:relative;
    top: 0;
    height:30px;
    width:100%;
    background-color:#291204;
    z-index:1;
}
.art-nav .l,.art-nav .r{
    position:absolute;
    z-index:-1;
    top:0;
    height:30px;
    background-image:url(../Pictures/nav.png)
}
.art-nav .l{
    left:0;
    right:15px
}
.art-nav .r{
    right:0;
    width:890px;
}
.art-menu ul li{
    clear:both
}
.art-menu a{
    position:relative;
    display:block;
    overflow:hidden;
    height:30px;
    cursor:pointer;
    text-decoration:none;
    margin-right:0;
    margin-left:0
}
.art-menu a .l,.art-menu a .r{
    position:absolute;
    display:block;
    top:0;
    z-index:-1;
    height:90px;
    background-image:url(../Pictures/MenuItem.png)
}
.art-menu a .l{
    left:0;
    right:0
}
.art-menu a .r{
    width:50em;
    right:0;
    height:auto
}
.art-menu a:hover .l,.art-menu a:hover .r{
    top:-30px
}
.art-menu li:hover>a .l,.art-menu li:hover>a .r{
    top:-30px
}
.art-menu li:hover a .l,.art-menu li:hover a .r{
    top:-30px
}
.art-menu a:hover .t{
    color:#ecf2f4
}
.art-menu li:hover a .t{
    color:#ecf2f4
}
.art-menu li:hover>a .t{
    color:#ecf2f4
}
.art-menu a.active .l,.art-menu a.active .r{
    top:-60px
}
.art-menu a.active .t{
    color:#cbe4ec
}
.art-menu a.gateway{
    cursor:default
}
.search::before{
    content:url(../Pictures/search_box_icon_s.png)
}
.art-menu ul a,.art-menu ul a:active,.art-menu ul a:hover,.art-menu ul a:link,.art-menu ul a:visited{
    text-align:left;
    text-indent:12px;
    text-decoration:none;
    line-height:32px;
    color:#2d3a43;
    font-size:13px;
    font-style:normal;
    font-weight:400
}
.art-menu ul ul a{
    margin-left:auto
}
.art-menu ul li a:hover{
    color:#000;
    border-color:#439cb6;
    background-position:0 -32px
}
.art-menu ul li:hover>a{
    color:#000;
    border-color:#439cb6;
    background-position:0 -32px
}
.art-Header{
    margin:0 auto;
    position:relative;
    z-index:0;
    width:890px;
    height:250px
}
a img{
    border:0
}
img{
    border:0
}
a{
    text-decoration:none;
    color: blue;
}
a:link{
    text-decoration:none;
    color: blue;
}
a:visited{
    text-decoration:none;
     color: blue;
}
a:hover{
    text-decoration:underline;
    color:red
}
ul{
    color:#9baebb;
    margin:1em 0 1em 2em;
    padding:0;
    font-size:13px
}
li ul{
    margin:.5em 0 .5em 2em;
    padding:0
}
li{
    margin:.2em 0;
    padding:0
}
ul{
    list-style-type:none
}
.art-menu li:hover ul ul,.art-menu li:hover ul ul ul{
    visibility:hidden
}
.art-menu li li li:hover ul,.art-menu li li:hover ul,.art-menu li:hover ul{
    visibility:visible
}
.art-menu li ul{
    position:absolute;
    width:10em;
    visibility:hidden
}
.art-menu a,.art-menu a:hover,.art-menu a:link,.art-menu a:visited{
    text-align:left;
    text-decoration:none;
    outline:0;
    letter-spacing:normal;
    word-spacing:normal;
    display:block
}
.art-menu li>ul{
    display:none
}
.art-menu li:hover>ul{
    display:block;
    visibility:visible;
    top:100%
}
.art-menu li ul ul{
    margin:-30px 0 0 44px
}
.art-nav .l,.art-nav .r{
    position:absolute;
    z-index:-1;
    top:0;
    height:30px;
    background-image:url(../Pictures/nav_2015.png)
}
.art-menu a .l,.art-menu a .r{
    position:absolute;
    display:block;
    top:0;
    z-index:-1;
    height:90px;
    background-image:url(../Pictures/MenuItem_2015.png)
}
.art-menu a .t{
    font-style:normal;
    font-weight:400;
    color:#f6cf96;
    padding:0 17px;
    margin:0;
    line-height:30px;
    text-align:center
}
.art-menu a:hover .t{
    color:#291204
}
.art-menu li:hover a .t{
    color:#291204
}
.art-menu li:hover>a .t{
    color:#291204
}
.art-menu a.active .t{
    color:#291204
}
.art-nav .art-menu-separator{
    display:block;
    width:2px;
    height:30px;
    background-color:#fff
}
.art-menu ul a{
    display:block;
    text-align:center;
    white-space:nowrap;
    height:32px;
    width:14em;
    overflow:hidden;
    line-height:32px;
    margin-right:auto;
    background-image:url(../Pictures/subitem_2015-bg.png);
    background-position:left top;
    background-repeat:repeat-x;
    border-width:1px;
    border-style:solid;
    border-color:#f6cf96
}
.art-menu ul a,.art-menu ul a:active,.art-menu ul a:hover,.art-menu ul a:link,.art-menu ul a:visited{
    text-align:left;
    text-indent:12px;
    text-decoration:none;
    line-height:32px;
    color:#f6cf96;
    font-size:13px;
    font-style:normal;
    font-weight:400
}
.art-menu ul li a:hover{
    color:#000;
    border-color:#291204;
    background-position:0 -32px
}
.art-menu ul li:hover>a{
    color:#000;
    border-color:#291204;
    background-position:0 -32px
}
a,a:visited,a:focus,a:active, a:hover {
    outline: 0 none !important
}
/* Generic menu components */
 ul.tabs{
     padding:6px 0;
     font-size:0;
     margin:0;
     list-style-type:none;
     text-align:right 
}
 ul.tabs li{
     display:inline;
     margin:0;
     margin-right:6px 
}
 ul.tabs li a{
     font:normal 14px Arial;
     text-decoration:none;
     position:relative;
     padding:6px 14px;
     border:1px solid #B7B7B7;
     color:#000;
     background:white;
     border-radius:3px 3px 0 0;
     outline:none 
}
 ul.tabs li a:visited{
     color:#000 
}
 ul.tabs li a:hover{
     background:#eda 
}
 ul.tabs li.selected a,ul.tabs li.selected a:hover{
     position:relative;
     top:0;
     background:#eda;
     border-bottom-color:#eda 
}
 ul.tabs li.selected a:hover{
     text-decoration:none;
     background:#eda 
}
 div.tabcontents{
     border-top:1px solid #B7B7B7;
     padding-top:30px
}
 div.centered, .text_center {
     text-align:center 
}
 div.oversize, .text_big {
     font-size:120% 
}
 div.dexter, .text_right {
     text-align:right 
}
 div.small, .text_small {
     font-size:80% 
}
 EM.BlueText{
     color:blue;
     font-family:Arial,Helvetica,sans-serif 
}
 div.normal, .text_left, h3x.normal{
     text-align:left 
}
 .middled, .text_center, .centered, div.centered {
     text-align:center;
}
 .justified {
     text-align: justify;
}
 .home{
     text-align:right;
     color:blue;
     font-style:italic;
     font-weight:700 
}
 .small{
     text-align:right;
     font-style:italic;
     font-size:60% 
}
 .linkleft{
     text-align:left;
     color:blue;
     font-style:italic;
     font-weight:700 
}
 .linkcenter{
     text-align:center;
     color:blue;
     font-style:italic;
     font-weight:700 
}
 .linkright{
     text-align:right;
     color:blue;
     font-style:italic;
     font-weight:700 
}
 span.larger{
     color:#33f;
     font-size:larger 
}
 span.oversize{
     font-size:120% 
}
 span.small{
     font-family:Arial,Verdana,Helvetica,sans-serif;
     font-size:smaller 
}
 .strongblack{
     COLOR:#7c6240;
     font-weight:700;
     position:relative;
     top:-16px 
}
 table.default{
     WIDTH:95%;
     HEIGHT:10px 
}
 table.review{
     width:100%;
     border:0;
     height:10px 
}
 .photo img{
     background:none repeat scroll 0 0 gray;
     border:1px solid #CCC;
     padding:4px
}
 .notify {
     border: 2px solid #eda;
     border-right:0;
     border-left: 0;
     padding: 8px;
     color:#7c6240;
     font-family:Arial,Helvetica,Serif;
     font-weight: bold;
     text-align: center;
     background: transparent;
     margin:0 0;
     width:auto;
     line-height:1;
     list-style-type: none;
     overflow: hidden
}
 #telescope_logo_align, .telescope {
     position : absolute;
     top : -108px;
     left : 18px;
     height : 145px;
     width : 157px;
     background-image : url('../Pictures/Telescope.png');
     filter : drop-shadow(2px 6px 4px black);}
 .art-vine-left{
     position:relative;
     float:left;
     top:-35px;
     width:69px;
     height:249px;
     background-image:url('../Pictures/vine_L.png')
}
 .art-vine-right{
     position:relative;
     float:right;
     top:-35px;
     width:69px;
     height:249px;
     background-image:url('../Pictures/vine_R.png')
}
/* art-Footer and descendants are used by all variants */
 .art-Footer {
     position: relative;
     z-index: 0;
     overflow: hidden;
     width: 890px;
     margin: 5px auto 0
}
 .art-Footer .art-Footer-inner {
     height: 1%;
     position: relative;
     z-index: 0;
     padding: 15px;
     text-align: center
}
 .art-Footer .art-Footer-text p {
     margin: 0
}
 .art-Footer .art-Footer-text {
     display : inline-block;
     height : 10px;
     width : 100%;
     color : #0E1315;
     font-size : 12px;
}
 .art-Footer .art-Footer-2021 {
     position : relative;
     margin-top : 10px;
     font-size : 12px;
}
 .art-page-footer, .art-page-footer a, .art-page-footer a:link {
     font-family : Arial;
     font-size : 10px;
     letter-spacing : normal;
     word-spacing : normal;
     font-style : normal;
     font-weight : 400;
     text-decoration : underline;
     color : black;
     padding-top : 20px;
}
 .art-page-footer a:hover {
     color : white;
}
 .art-vine-header {
     position : absolute;
     left : 196px;
     top : -2px;
     height : 300px;
     width : 70px;
     z-index : 1;
}
/* Cover art functionality, generic */
 .cover_art_small {
     position : relative;
     top : -1em;
     left : 42px;
     width : 100px;
     height : 150px;
     overflow : hidden;
     margin-top : .75em;
     border : medium ridge #630;
     background-repeat : no-repeat 
}
 .saxon_set {
     background-image : url('../Pictures/Cover_Saxon_sprites_preload.jpg');
     background-size : 400% 100%;
}
 .saxon_set.lazy-bg-loaded, .saxon_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Saxon_sprites.jpg');
     background-size : 400% 100%;
}
 .banner_set {
     background-image : url('../Pictures/Cover_Banner_sprites_preload.jpg');
     background-size : 600% 100%;
}
 .banner_set.lazy-bg-loaded,.banner_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Banner_sprites.jpg');
     background-size : 600% 100%;
}
 .seawitch_set {
     background-image : url('../Pictures/Cover_Seawitch_sprites_preload.jpg');
     background-size : 700% 100%;
}
 .seawitch_set.lazy-bg-loaded, .seawitch_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Seawitch_sprites.jpg');
     background-size : 700% 100%;
}
 .language_set {
     background-image : url('../Pictures/Cover_Language_sprites_preload.jpg');
     background-size : 500% 100%;
}
 .language_set.lazy-bg-loaded, .language_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Language_sprites.jpg');
     background-size : 500% 100%;
}
 .misc_set {
     background-image : url('../Pictures/Cover_Misc_sprites_preload.jpg');
     background-size : 700% 100%;
}
 .misc_set.lazy-bg-loaded, .misc_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Misc_sprites.jpg');
     background-size : 700% 100%;
}
 .collab_set {
     background-image : url('../Pictures/Cover_Collab_sprites_preload.jpg');
     background-size : 600% 100%;
}
 .collab_set.lazy-bg-loaded, .collab_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Collab_sprites.jpg');
     background-size : 600% 100%;
}
 .murder_set.lazy-bg-loaded, .murder_set.sleepy-bg {
     background-image : url('../Pictures/Cover_Murder_sprites.jpg');
     background-size : 700% 100%;
}

/* Note: W3C validator will issue a Parse Error against CSS --var useage. This is a false positive. HOWEVER, until the validator is updated to confirm the validity of this construct, the whole array must be written out in full. .sprite0 {
     background-position : 0 0;
}
 .sprite1 {
     background-position : calc( var(--cover-width) * -1 0;
}
 .sprite2 {
     background-position : calc( var(--cover-width) * -2) 0;
}
 .sprite3 {
     background-position : calc( var(--cover-width) * -3) 0;
}
 .sprite4 {
     background-position : calc( var(--cover-width) * -4) 0;
}
 .sprite5 {
     background-position : calc( var(--cover-width) * -5) 0;
}
 .sprite6 {
     background-position : calc( var(--cover-width) * -6) 0;
}
 .sprite7 {
     background-position : calc( var(--cover-width) * -7) 0;
}
 */
 .sprite0 {
     background-position : 0 0;
}
 .large_cover_2021.sprite1 {
     background-position : -220px 0;
}
 .large_cover_2021.sprite2 {
     background-position : -440px 0;
}
 .large_cover_2021.sprite3 {
     background-position : -660px 0;
}
 .large_cover_2021.sprite4 {
     background-position : -880px 0;
}
 .large_cover_2021.sprite5 {
     background-position : -1100px 0;
}
 .large_cover_2021.sprite6 {
     background-position : -1320px 0;
}
 .large_cover_2021.sprite7 {
     background-position : -1540px 0;
}
 .small_cover_2021.sprite1 {
     background-position : -120px 0;
}
 .small_cover_2021.sprite2 {
     background-position : -240px 0;
}
 .small_cover_2021.sprite3 {
     background-position : -360px 0;
}
 .small_cover_2021.sprite4 {
     background-position : -480px 0;
}
 .small_cover_2021.sprite5 {
     background-position : -600px 0;
}
 .small_cover_2021.sprite6 {
     background-position : -720px 0;
}
 .small_cover_2021.sprite7 {
     background-position : -840px 0;
}
 .book_cover.sprite1, .thumbnail_2021.sprite1, .shellfish.sprite1 {
     background-position : -110px 0;
}
 .book_cover.sprite2, .thumbnail_2021.sprite2, .shellfish.sprite2 {
     background-position : -220px 0;
}
 .book_cover.sprite3, .thumbnail_2021.sprite3, .shellfish.sprite3 {
     background-position : -330px 0;
}
 .book_cover.sprite4, .thumbnail_2021.sprite4, .shellfish.sprite4 {
     background-position : -440px 0;
}
 .book_cover.sprite5, .thumbnail_2021.sprite5, .shellfish.sprite5 {
     background-position : -550px 0;
}
 .book_cover.sprite6, .thumbnail_2021.sprite6, .shellfish.sprite6 {
     background-position : -660px 0;
}
 .book_cover.sprite7, .thumbnail_2021.sprite7, .shellfish.sprite7 {
     background-position : -770px 0;
}
/* Blocker */
 span[class*="endorse"]::after {
     content : '';
     display : inline-block;
     height : 11px;
     width : 16px;
     pointer-events : none;
}
 div[class*="endorse"]::after {
     content : '';
     position : absolute;
     top : 0;
     left : 0;
     height : 11px;
     width : 16px;
     opacity : 75%;
     pointer-events : none;
}
 .endorseUK::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: 0 0;
}
 .endorseUS::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -16px 0;
}
 .endorseCA::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -32px 0;
}
 .endorseDE::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -48px 0;
}
 .endorseIT::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -64px 0;
}
 .endorseTR::after {
    content: '';
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -80px 0;
}
 .shadow {
     box-shadow: 2px 2px 2px #888 
}
 .flag {
     position: relative;
     left: 80px;
     top: -2px
}
 .flag_size {
     height: 11px;
     width: 16px;
     border: 0;
     background-repeat: no-repeat;
}
 .UK {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position:0 0;
}
 .US {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -16px 0;
}
 .CA {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -32px 0;
}
 .DE {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -48px 0;
}
 .IT {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -64px 0;
}
 .TR {
    background-image: url('../Pictures/Flag_sprites.png');
    background-position: -80px 0;
}
 a.fill-div {
     display: block;
     height: 100%;
     width: 100%;
     text-decoration: none
}
 .validator {
     height: 24px;
     width: 66px
}
 .button_shadow{
     width:35px;
     height:22px;
     border-radius:4px;
     box-shadow:2px 2px 5px black;
     float:left;
     margin-right:5px
}
 .button_shadow:hover{
     position:relative;
     top:2px;
     left:2px;
     box-shadow:none
}
 .bs_left{
     background-image:url('../Pictures/Arrow_left.png')
}
 .bs_right{
     background-image:url('../Pictures/Arrow_right.png')
}
 .bs_up {
     background-image: url('../Pictures/Arrow_up.png')
}
 .button_shadow_spacer{
     width : 20px;
     height : 22px;
     float : left;
     margin-right : 5px
}
 .cover_image {
     width:140px;
     height:160px;
     float:right;
}
 .cover_image img {
     background : none repeat scroll 0 0 white;
     border : 1px solid #CCC;
     padding : 4px;
     width : 99px;
     height : 147px;
     float : right;
}
 .smaller_text {
     font-size : smaller;
}
 .deny_select {
     -webkit-user-select : none;
	 -webkit-user-drag: none;
     -ms-user-select : none;
     user-select : none;
}
 .purchase:hover::after {
     content : '';
     position : absolute;
     top : 50%;
     left : 0px;
     width : 100%;
     height : 30px;
     background-color : rgb(255, 255, 255, 0.5);
     background-image : url('../Pictures/amazon_logo_s.png');
     background-repeat : no-repeat;
     background-position : center center;
     pointer-events : none;
}
 span.avoidwrap {
     display : inline-block;
}
 .blurb{
     position : relative;
     height : auto;
     width : 87%;
     border : #8c9777 3px dotted;
     border-radius : 15px;
     background-color : #f5f5f5;
     padding : 20px;
     margin-top : 8px;
}
 .QotM {
     display:inline-block;
     font-style:italic;
     padding-top: 1.5em;
}
 .QotM::before {
    content: open-quote;
}
 .QotM::after {
    content: close-quote;
}
 p {
    padding-bottom: 1.0rem;
     margin:0;
}
/* CSS elements controlling the new twin-format Journal entry pages */
 .Jo_entry {
     flex: 0 0 100%;
}
 .Jo_row {
     display: flex;
     flex-flow: row wrap;
}
 .Jo_col {
     flex: 0 1 95%;
}
 .Jo_diary {
     width:100%;
     padding: 22px 0 0 0;
}
 .Jo_group {
     display: flex;
     flex-flow: row wrap;
     margin: 0 0 0 0;
}
 .Jo_group:not(:last-child)::after {
     content : '';
     position : relative;
     width : 100%;
     height : 0;
     margin : 20px 0;
     border-top : 2px solid rgb(238,221,170);
     border-bottom : 2px solid white;
}
 .Jo_month {
     display : block;
     width : 100%;
     flex : 0 1 100%;
     font-style : italic;
     color : #7c6240;
     font-weight : 700;
     padding-left : 5px;
     text-indent : -4px;
     margin : 0 0 20px 0;
     -webkit-user-select : none;
     -ms-user-select : none;
     user-select : none;
}
 .Jo_month::after {
     content: var(--year_base);
     cursor : pointer;
}
 .Jo_sig {
     display : table;
     width : 100%;
     margin-top : 30px;
     height : 90px;
     background : url('../Pictures/HelenSig5.gif') bottom left no-repeat;
}
 .Jo_sig::after {
     content : " (read happily).";
     font-style : normal;
}
 .Jo_sig::before {
     content : "Lege feliciter";
     font-style : italic;
}
/* Used by all of the Gallery pages */
 .gilded_heading {
     text-align : center;
     font-size : 24px;
     font-style : italic;
     font-weight : bold;
     margin : 10px 0
}
 .gilded_controls a.toc, .gilded_controls a.prev, .gilded_controls a.next{
     padding: 0 12px;
}
 
.kindleunlimited {
	position:absolute;
	top:86px;
	right:72px;
	width:112px;
	height:16px;
	background-image:url('../Pictures/KindleUnlimited_112x16.png');
}

/*  Nov 2021  To be used in mobile page variants also */
.h2u_subtitle{
    position:absolute;
    color:#42210D;
    font-family:Dominica,MatrixBold,Helvetica,Verdana,Arial,sans-serif;
    font-size:37px;
    height:50px;
    left:140px;
    text-shadow:.04em .04em .07em grey;
    top:94px;
    vertical-align:middle;
    width:600px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Dispatches speech bubble assistance */

.column {
	float			: left; 
	width			: 30%; 
	padding-left	: 12px;
	}
	
.row:after {
	content			: ""; 
	display			: table; 
	clear			: both;
	}
	
.blog-icon {
	float		 	: left; 
	background	 	: url('../Pictures/IconSet.png') -64px 0px; 
	margin-right 	: 6px;
	transform	 	: scale(0.8);
	position		: relative;
	bottom			: 8px;
	}
	
.mail-icon {
	float			: left; 
	background		: url('../Pictures/IconSet.png') -128px 0px; 
	margin-right	: 8px; 
	transform		: scale(0.8);
	position		: relative;
	bottom			: 8px;
	}

.format-icon {
	display			: block;
	height			: 32px;
	width			: 32px;
	transform		: scale(0.8);
	text-decoration	: none;
	}
	
.speech-bubble {
	position		: relative;
	background		: #c5b9cb;
	line-height		: 1.3em;
	border-radius	: .4em;
	text-align		: left;
	box-shadow		: 4px 4px 8px grey;
	padding			: 14px 10px 6px 10px;
	width			: 70%;
    float			: right;
    font-size		: small;
    top				: -50px;
	margin-bottom	: -50px;
	opacity			: 70%;	
	}
	
.speech-bubble:after {
	content			: '';
	position		: absolute;
	left			: 0;
	top				: 50%;
	width			: 0;
	height			: 0;
	border			: 20px solid transparent;
	border-right-color: #c5b9cb;
	border-left		: 0;
	border-top		: 0;
	margin-top		: -10px;
	margin-left		: -20px;
	}
.speech-bubble:hover {
	opacity			: 100%;	
	}