/* CSS3 for Susan's Stories for Full size screens*/
/*Article,Header,NavContainer, and Footer are 100% wide to keep other elements from coming up beside them.
Comments are kept out of the css files for mobile pages to save loading time.*/




body{
	background-color: #DEFFFA;
	max-width: 1600px;

}

.Hamburger{ /* The hamburger for menu at top of page under 390px wide*/
	display: none;
}

/*CONTAINS THE NAV CLASS AND GOES ALL THE WAY ACROSS PAGE*/
.NavContainer{
/*	background-color: #CCCCCC;  */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.NavContainerTop{
/*	background-color: #CCCCCC;  */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.Nav{
	background-color: #CEEFEA;
	text-align: center;
	font-size: 12pt;
	line-height: 14pt;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
/*	box-shadow: -4px -6px 8px 2px rgba(0,0,0,.5),
				8px 6px 12px rgba(0,0,0,.75);   */
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);

}

/*USED ONLY BY SMALLER MEDIA QUERIES*/
.NarrowNav{
	display: none;
}

/*USED ONLY BY SMALLER MEDIA QUERIES*/
.NarrowEstNav{
	display: none;
}

/*ALL OF THE HEADLINES AND BOTH PICTURES AT SIDE OF THE 3 HEADLINES*/
.HeaderContainer{
	background-color: #DEFFFA;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: -16px;
}

.Header{
	background-color: #DEFFFA;
	/* width: 80%;  */
	min-height: 215px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: center;

}

/*HOLDS THE SECTIONS WHICH ARE CHAPTERS FOR EACH DAY*/
.Article{
/* background-color: #CCCCCC; */
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*EACH DAY IS A SECTION*/
.Section{
	background-color: #CEEFEA;
	font-family: "Times New Roman";
	font-size: 16pt;
	color: black;
	line-height: 18pt;
	margin: 1px 12% 16px 12%;
	padding: 8px 12px 10px 8px;	
	text-align: left;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}


/*THE LINK AT THE BOTTOM OF EACH DAY TO PIX FILE IN HUGHBARROW.COM/BLOG */
.SectionLink{
	font-weight: bold;
}

/*HOLDS THE LEFT PICTURE IN THE HEADER*/
.Container1{
	background-color: #DEFFFA;
	float: left;
	height: 210px;
	width: 160px;
	margin: 0px 2px 2px 0px;
}

/*THE LEFT PICTURE IN THE HEADER*/
.Container1 img {
	float: left;
	height: 200px;
	width: auto;
}

/*HOLDS THE RIGHT PICTURE IN THE HEADER*/
.Container2{
	background-color: #DEFFFA;
	float: right;
	height: 210px;
	width: 160px;
	margin: 0px 0px 2px 2px;
}

/*THE RIGHT PICTURE IN THE HEADER*/
.Container2 img {
	float: right;
	height: 200px;
	width: auto;
}

/*HOLDS THE LEFT PICTURE AT THE START OF EACH SECTION OR CHAPTER OF STORY*/
.Container3{
	background-color: #CEEFEA;
	float: left;
	height: 160px;
	width: 234px;
	margin: 3px 0px 2px 2px;
}
/*THE LEFT PICTURE AT THE START OF EACH SECTION OR CHAPTER OF STORY*/
.Container3 img {
	float: left;
	padding: 2px 0px 0px 2px;
	height: 150px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);	
}
/*HOLDS THE RIGHT PICTURE AT THE PAGE BREAK OF PARAGRAPH OF EACH SECTION OR CHAPTER OF STORY AND IS OPTIONAL*/
.Container4{
	background-color: #CEEFEA;
	float: right;
	height: 160px;
	width: 234px;
	margin: 3px 0px 2px 2px;
}
/*THE RIGHT PICTURE AT THE PAGE BREAK OF PARAGRAPH OF EACH SECTION OR CHAPTER OF STORY AND IS OPTIONAL*/
.Container4 img {
	float: right;
	padding: 2px 0px 0px 2px;
	height: 150px;
	width: auto;
	box-shadow: 4px 6px 8px rgba(0,0,0,.75);
}		

.Footer{
	background-color: #DEFFFA;
	font-family: "Times New Roman";
	font-size: 16pt;
	color: black;
	line-height: 18pt;
	margin: 1px 12% 16px 12%;
	padding: 8px 12px 10px 8px;	
	text-align: center;
}

h1 {font: 34pt  Lucida Calligraphy, ProseAntique, Times New Roman;
	font-weight: bold;
	line-height:36pt;
	padding-top: 8px;
	color: maroon;}
h2 {font: 18pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:19pt;}
	
h3 {font: 14pt ProseAntique, 	Times New Roman;
	font-weight: bold;
	line-height:15pt;
	color: maroon;
	text-align: Center;}
	
h4 {font: 16pt ProseAntique, Times New Roman;	
	color: maroon;
	line-height: 18pt;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

/*link formatting
*/
	a {text-decoration: underline;}
	a:link {color: blue;}
	a:visited {color: red;}
	a:active {color: green;}