/* 
   Lakeland Reeds Bed and Breakfast style sheet 
   Filename: styles.css

   Author:   Phillip Lopez
   Date:     2/1/26
   HTML5 and CSS3 Illustrated Unit D, Lessons
 */
/* reset styles */ article,body,div,footer,header,h1,h2,p {
   border: 0;
   padding: 0;
   margin: 0;
}
/* body and page container */
.container {
   max-width: 640px;
   margin: 0 auto;
   background-color: beige;
   padding-top: 3em; /*adjust to header height*/
   position: relative;
   top: 6.2em;
   /* z-index: -1; */
}
/* headings */
header {
   background-color: darkgreen;
   width: 100%;
   max-width: 640px;
   position: fixed;
   top: 0;
}
h1 {
   padding: 0.4em;
   color: white;
   text-align: center;
}
h2 {
   padding: 0.4em 0.6em;
}
/*logo inside header */
p.logo {
   padding: 0.2em;
   border: 2px solid beige;
   color: goldenrod;
   position: absolute;
   top: 2em;
   left: 2em;
}
/* main content */
article {
   width: 70%;
   float: right;
}
article p {
   padding: 0 1em 1em;
}
/* sidebar */
aside {
   width: 30%;
   padding: 1em 0; /*verticl padding */
   background-color: goldenrod;
}
aside p {
   border-bottom: 1px solid black;
   border-top: 1px solid black;
   padding: 0.4em 0; /*vertical padding inside parapgraph */
   margin: 0 0.6em; /* horizontal spacing between paragraphs */
}
/* footer section */
footer {
   padding: 0.6em;
   color: white;
   background-color: darkgreen;
   text-align: center;
   clear: right;
}
footer p {
   margin: 0.4em;
}
footer p.accent {
   color: goldenrod;
}
