/* William Meikle website Style Sheet
 */


/*  Very Dark Green is #003333; Dark green is #006666; 
 */

/*  Background to blocks is ivory; fading to very light green #E8F8FC; in books, from #E8F8FC; in frames
 */




body {
background-image: url('https://www.williammeikle.com/bground.jpg');
background-attachment: fixed;
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Garamond;
font-size: 95%;

background-color: black;
background-size: 100%;
text-align: left;
}



table {
border-spacing: 10px;

}


td {
  border: solid;
padding: 6px;
  border-color: gray;
  border-width: 1px;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
  margin: 2px 2px 2px 2px;
border-spacing: 10px;
background-color: #ivory;
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
}

#header {text-align: center;
background-image: url('https://www.williammeikle.com/bground.jpg');
background-attachment: fixed;
float: center;
clear: both;
margin: 0px 0em 0px 0em;
background-color: black;
background-size: 100%;
padding: 0;
color: #000000;
height: 8%;
}


#wrap {
background-image: url('https://www.williammeikle.com/bground.jpg');
background-attachment: fixed;
background-color: black;
background-size: 100%;
color: #000000;
margin: 0 auto;
width: 100%;
text-align: left;
}


#wrap table {
border-spacing: 10px;
width: 96%;

}

#wrap td {
  border: solid;
padding: 6px;
  border-color: gray;
  border-width: 1px;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
  margin: 2px 2px 2px 2px;
border-spacing: 10px;
background-color: #ivory;
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
}

#advert table {
border-spacing: 10px;

}


#news {
font-size: 85%;
}

#news a:link  {font-size: 85%;font:bold Arial; text-decoration:none; color: #003333; text-shadow:0px 1px 0px rgba(0,0,0,0.4);}
#news a:visited {font-size: 85%;font:bold Arial; text-decoration:none; color: #003333;}
#news a:hover  {font-size: 85%;font:bold Arial; text-decoration: underline; color: teal;}
#news a:active {font-size: 85%;font:bold Arial; text-decoration:none; color: #003333;}

#wrap td #newsfloater img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 40px;
  height: 56px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}



#wrap td img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 150px;
  height: 220px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}









#wrap td floater img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 150px;
  height: 220px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}




/* buy buttons
 */

#linkbutton a:link {
	display:block;vertical-align:middle;text-align:center; text-decoration:none;
   font:bold 13px Arial;color: #006666;cursor:default;padding:10px;
  float: center;
  margin: 2px 2px 2px 2px;
  width: 150px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}

/*  hover
 */

#linkbutton a:hover{
    border-style:none;color: white; text-decoration:underline;
   display:block;vertical-align:middle;text-align:center; text-decoration:none;
   font:bold 13px Arial;cursor:pointer;padding:10px;
  float: center;
  margin: 2px 2px 2px 2px;
  width: 150px;
  padding: 1px;
  background: black;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
background-image: -webkit-linear-gradient(left, #003333, #006666); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #003333, #006666); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #003333, #006666); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #003333, #006666); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #003333, #006666); /* Standard syntax; must be last */
}

#linkbutton a:visited {
	display:block;vertical-align:middle;text-align:center; text-decoration:none;
   font:bold 13px Arial;color: gray;cursor:pointer;padding:10px;
  float: center;
  margin: 2px 2px 2px 2px;
  width: 150px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
}



/* A full width, centered card for smaller book images
 */

#cards3 {background: ivory;
float: center;
margin: 10px 10px 10px 10px; 
width: 92%;
padding: 4px;
font-size: 1em;
line-height: 1.3;
  border: solid;
  border-color: gray;
  border-width: 1px;
text-align: left;

background-color: #ivory;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
transition: 0.3s;
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
}


#cards3 hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}



#cards3 img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 60px;
  height: 90px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#cards3 a { text-align: right;
}


#cards3 #bookheadline {
background-image: -webkit-linear-gradient(left, #006666, #003333); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #006666, #003333); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #006666, #003333); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #006666, #003333); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #006666, #003333); /* Standard syntax; must be last */
color: ivory;
position:relative;
padding: 5px;
vertical-align: center;
border-radius: 25px 25px 0px 0px; /* 25px rounded corners */
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}





/* A full width, centered card for square images, such as the audiobooks page..
 */


#card4 {background: ivory;
width: 94%;
float: center;
clear: right;
margin: 2px 2px 2px 2px;
  padding: 5px;
text-align: center;

background-color: #ivory;
font-size: 1em;
line-height: 1.3;
  border: solid;
  border-color: gray;
  border-width: 1px;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
}


#card4 img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 180px;
  height: 180px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
border-radius: 7px; 
}



/*   White Links on Bibliography page
 */

#biblio a:link {text-decoration:none; color: ivory; text-shadow:0px 1px 0px rgba(0,0,0,0.4);}
#biblio a:visited {text-decoration:none; color: ivory;}
#biblio a:hover { text-decoration:underline; color: ivory; }
#biblio a:active { color: ivory;}



/*   Dark Green Links on all other pages
 */

a:link  {font:bold 14px Arial; text-decoration:none; color: #003333; text-shadow:0px 1px 0px rgba(0,0,0,0.4);}
a:visited {font:bold 14px Arial; text-decoration:none; color: #003333;}
a:hover  {font:bold 14px Arial; text-decoration: underline; color: teal;}
a:active {font:bold 14px Arial; text-decoration:none; color: #003333;}



/* Normal header
 */

#headline {
background-image: -webkit-linear-gradient(left, #006666, #003333); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #006666, #003333); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #006666, #003333); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #006666, #003333); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #006666, #003333); /* Standard syntax; must be last */
color: #E8F8FC;
position:relative;
padding: 5px;
  border-width: 0px;
vertical-align: center;
text-align: center;
border-radius: 25px 25px 0px 0px; /* 25px rounded corners */
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}


#C1 {
background-image: -webkit-linear-gradient(left, #006666, #003333); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #006666, #003333); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #006666, #003333); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #006666, #003333); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #006666, #003333); /* Standard syntax; must be last */
color: #E8F8FC;
position:relative;
padding: 5px;
  border-width: 0px;
vertical-align: center;
text-align: center;
border-radius: 25px 25px 0px 0px; /* 25px rounded corners */
text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}



/*  Header for biblio
 */

#biblio #bookheadline {
background-image: -webkit-linear-gradient(left, #006666, #003333); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #006666, #003333); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #006666, #003333); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #006666, #003333); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #006666, #003333); /* Standard syntax; must be last */
color: ivory;
position:relative;
padding: 5px;
vertical-align: center;
border-radius: 25px 25px 0px 0px; /* 25px rounded corners */
}



/*  General and Read More footer
 */

#readmore {
font-size: 85%;
text-align: right; 
height: 10px;
position:relative;
padding: 5px;
vertical-align: middle;
}


.right {margin: 0px 7px 0px 5px; float: right;}
.textright {text-align: right;}
.center {text-align: center;}
.small {font-size: 0.8em;}
.bold {font-weight: bold;}
.hide {display: none;}


.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#003333;

}
 
.menu {
    width:100%;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family:'Tahoma';
}
 
.menu a {
    transition:all linear 0.15s;
    color:ivory;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#E8F8FC;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:10px 20px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
    color:#E8F8FC;
background-image: -webkit-linear-gradient(left, #006666, #003333); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, #006666, #003333); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, #006666, #003333); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, #006666, #003333); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, #006666, #003333); /* Standard syntax; must be last */
border-radius: 25px 25px 0px 0px; /* 25px rounded corners */

}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#006666;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:135%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    background:#006666;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);

}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#003333;
}


#wrap iframe {
  border: solid;
width: 93%;
padding: 6px;
  border-color: gray;
  border-width: 1px;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
  margin: 2px 2px 2px 2px;
border-spacing: 10px;
background-color: #ivory;
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
}





#wrap2 {
background-image: url('https://www.williammeikle.com/bground.jpg');
background-attachment: fixed;
background-color: black;
background-size: 100%;
color: #000000;
margin: 0 auto;
width: 100%;
text-align: left;
}


#wrap2 table {
border-spacing: 5px;
width: 98%;

}

#wrap td {
  border: solid;
padding: 4px;
  border-color: gray;
  border-width: 1px;
-webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
border-radius: 25px 25px 25px 25px; /* 25px rounded corners */
  margin: 2px 2px 2px 2px;
border-spacing: 10px;
background-color: #ivory;
background-image: -webkit-linear-gradient(left, ivory, #E8F8FC); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(left, ivory, #E8F8FC); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(left, ivory, #E8F8FC); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(left, ivory, #E8F8FC); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to right, ivory, #E8F8FC); /* Standard syntax; must be last */
}



#wrap2 td img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 250px;
  height: 185px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -webkit-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
-moz-box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
box-shadow: 16px 18px 25px -18px rgba(0,51,51,1);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}









#wrap2 td floater img {
  float: center;
  margin: 2px 2px 2px 2px;
  width: 185px;
  height: 250px;
  padding: 1px;
  background: ivory;
  border: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}