/* stylesheet.css */

/* new font added on 3-6-19 */
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');

/* special fonts */
@font-face {
    font-family: 'christmas';
    src: url('fonts/MountainsofChristmas-webfont.eot');
    src: url('fonts/MountainsofChristmas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MountainsofChristmas-webfont.woff') format('woff'),
         url('fonts/MountainsofChristmas-webfont.ttf') format('truetype'),
         url('fonts/MountainsofChristmas-webfont.svg#mountains_of_christmasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Style rule for the body element */
body {
 /* background-color: #000099;
    background-image:url(images/grass.jpg); */
 background-color: #575757;
 background-attachment:fixed;
 background-size:cover;
 /* Default font styling */
 font: 14pt Tahoma, Geneva, sans-serif;
 color: #000000;
}

/* Style rule for the wrapper div */
#wrapper {
 /* width: 920px; */
 width: 1020px;
 background-color:#ffffff;
 min-width: 600px;
 max-width: 1200px;
 margin: 1em auto;
 border: solid 2px #4c2e16;
 border-radius: 5px;
 box-shadow: 18px 18px 18px silver; 
}
/* Eliminate default margins for all heading types */
/* h1, h2, h3, h4, h5, h6 {
 margin: 0;
} */
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section {
 display: block;
}
/*================================== Layout Sections */
/*======== Styling for page header */
header {
	height: 120px;
	/* Background color, image, position */
    background-color: #ffffff;
	background-image:url(images/header_2019.jpg);
	background-repeat:no-repeat;
	/* Round the top corners */
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-position: left center;
	padding: 25px 10px 0 20px;  /* top right bottom left */
}
header img {
	float:right;
	padding-right:10px;
}


/*======== temp h1 */
.temp_h1 {
	display: inline-block;
	/* blue */
	color: #000099;
	/* font-family: christmas, Tahoma, sans-serif; */
	font-family: 'Fredericka the Great', cursive;
	/* Bigger text */
	font-weight: bold;
	text-align: center;
	font-size: 84px;
	outline: none;
	text-decoration: bold;
}


/*======== Styling for the nav section */
nav {
	width: 100%;
	text-align: center;
	/* font-family: christmas, Tahoma, sans-serif; */
	font-family: 'Fredericka the Great', cursive;
	background-color:#ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
/*======== Styling for links in the nav section */
nav a {
	display: inline-block;
	/* blue */
	color: #000099;
	/* font-family: christmas, Tahoma, sans-serif; */
	font-family: 'Fredericka the Great', cursive;
	/* Bigger text */
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	outline: none;
	text-decoration: none;
	/* font-style: italic; */
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 10px;
	/* padding-right: 15px;
	padding-left: 15px; */
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
nav a:link, nav a:visited {
	color: #000099;
}
nav a:hover, nav a:active {
	color: #339900;
}
/*======== Styling for the sidebar section (aside) */
aside {
	width: 175px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: right;
	/* background-color: rgba(238,240,251,1);  light blue */
	background-color: #EAEAEA;  /* light gray */
	border: 2px solid #000099;
	border-radius: 5px 5px 5px 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}
/*======== Styling for the special note at the top */
.special_note {
	/* background-color: #e2ffff;   light blue green */
	background-color: #FFC;
	border-radius: 5px 5px 5px 5px;
	border: 5px solid #bbb;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}

/*======== Styling for the purchasing section (formerly an aside) */
.purchase_info {
	width: 95%;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #EAEAEA;  /* light gray */
	border: 2px solid #000099;
	border-radius: 5px 5px 5px 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-left: 10px;
}

/*======== Styling for the article section */
article {
	background-color:#ffffff;
	border: 5px solid #fff;
	padding: 0px 10px 10px 10px;  /* top right bottom left */
    margin-right: 185px;
    overflow: hidden;
}

article.fullwidth {
	background-color:#ffffff;
	padding: 5px;
	margin-right:0;
    overflow: hidden;
}

article.bookpage {
	background-color:#ffffff;
	padding: 0px 0px 0 0;  /* top right bottom left */
	margin-left:10px;
	margin-right:10px;
    overflow: hidden;
	font-size:14px;
}

article.book_summaries {
	padding: 0px 0px 0 0;  /* top right bottom left */
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
	clear: both;
}

article.book_shorts {
	background-color: #eee;
	padding: 0px 0px 0 0;  /* top right bottom left */
	margin-left:10px;
	margin-right:10px;
	clear: both;
}

/* ==== Links and link states in article sections */
/* padd table cells */
article td {
	padding:10px;
}
/* Unvisited links */
article a:link {
 color: #000099;
 text-decoration:none;
}
/* Visited links */
article a:visited {
 color: #000099;
}
/* Mouse pointer on link */
article a:hover {
	background-color: #CCCCCC;
	color: #000099;
}
/* Mouse pointer on link and left button down */
article a:active {
 background-color: #1e2953;
 color: #bc9f81;
}
article img {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 150px;
	float:left;
}
article.fullwidth img {
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10;
	padding-left: 5px;
	width: 300px;
	height: auto;
	width: auto;
	margin: 0 auto;
}

article.book_summaries img {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 70px;
	height: 250px;
	width: auto;
	float: none;
}

article.book_shorts img {
	clear: both;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	height: 225px;
	/* width: auto;
	float: none; */
}

article p, blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 1.5;
}

article.bookpage p  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height: 1.75;
}

article.book_summaries p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 1.25;
}

article.book_shorts p, table, figcaption {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 1.25;
}

article.book_shorts p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: 1.25;
	color: #000099; /* royal blue */
}

/* Unvisited links */
article.book_shorts a:link {
	background-color: #fff;  /* white */
	color: #000099; /* royal blue */
	font-weight:bold;
	text-align:left;
}
/* Visited links */
article.book_shorts a:visited {
	background-color: #fff;  /* white */
	color: #000099; /* royal blue */
	font-weight:bold;
	text-align:left;
}
/* Mouse pointer on link */
article.book_shorts a:hover {
	background-color: #C0C0C0; /* dark gray */
	color: #000099; /* royal blue */
	font-weight:bold;
	text-align:left;
}
/* Mouse pointer on link and left button down */
article.book_shorts a:active {
    background-color:#C0C0C0;  /* dark gray */
	color: #000099; /* royal blue */
	font-weight:bold;
	text-align:left;
}

.shop_view_cart {
   float:right;  
   padding:10px; 
   background-color:yellow;
}

.large-img {
   padding: 5px 15px 0 0;  /* top right bottom left */
   width:275px;  
   height: 439px;
}

.paypal_block {
	width: 250px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: rgba(255,255,255,1); /* green */
	text-align: center;
	background-color: rgba(150,150,150,1);
	padding: 0 0 15px 0;  /* top right bottom left */
}

figure.book_shorts {
	width: 150px;
	float:left;
	text-align:left;
	}


/* ==== Styling for footer */
footer {
	clear: both;
	height: 55px;
	padding: 5px;
	/* background-color: #B3CEED;   light blue */
	background-color: #C0C0C0;  /* dark  gray */
	font-size:14px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}
/* Styling for table in footer */
footer table {
 width: 98%;
 margin: 5px auto;
 color: #ffffff;
}
/*========================= More general style rules and classes */
/* Style for h1 headings */
h1 {
 font: italic small-caps bold 24px Arial Black, Gadget, Sans-Serif;
 text-shadow: -2px -2px 2px #a48362;
}

/* Style for h2 & h3 headings */
h2 {
	font: italic small-caps bold 16px ;
	text-shadow: -1px -1px 1px #a48362;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	font: small-caps bold 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Style for paragraphs */
p, blockquote {
 line-height: 1;
 margin-top: 0;
}
/* === Style classes */
/* Highlight any span of text */
.hilite {
 background-color: yellow;
}
/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised {
 border: solid 1px gray;
 border-radius: 5px;
 box-shadow: 5px 5px 5px gray;
}
/* Image floating to the left of neighboring text */
img.left {
 float: left;
 width: 30%;
 margin-right: 10px;
}
/* Image floating to the left of neighboring text */
img.right {
 float: right;
 width: 30%;
 margin-left: 10px;
}
/* Use class="centerall" in p or div to center
 all text and images inside the element */
.centerall {
 text-align: center; 
 /* Clear any floating elements */
 clear: both;
}


.indent {
	margin-left:50px;
}