@charset "UTF-8";
/* CSS Document */

/* Merry Daley Christmas */

body {
        margin: 0px;
        padding: 0px;
        font-size: 1em;
        font-family: Arial,sans-serif;
        width: 100%;
}

.homebkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/home_background.jpg");
        background-repeat: repeat;
        background-color: #ffffff;
        margin-top: -2%;
}
.elfbkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/elf_background.jpg");
        background-repeat: no-repeat;
        background-color: #ffffff;
        background-position: center;
        height: 1000px;
        border: 35px solid #ff0000;
        margin-top: -2%;
}
.pollyanna01bkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/pollyanna01_background.jpg");
        background-repeat: no-repeat;
        background-color: #ff0000;
        background-position: center;
        height: 1600px;
        border: 50px solid #008000;
}
.pollyanna02bkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/pollyanna02_background.jpg");
        background-repeat: no-repeat;
        background-color: #008000;
        background-position: center;
        height: 1600px;
        border: 50px solid #ff0000;
}
.giftlistbkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/giftlist_background.jpg");
        background-repeat: no-repeat;
        background-color: #008000;
        background-position: center;
        height: 1600px;
        border: 50px solid #ff0000;
}
.christmasstorybkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/story_background.jpg");
        background-repeat: no-repeat;
        background-color: #008000;
        background-position: center;
        border: 50px solid #ff0000;
        height: 1400px;
}
.santabkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/santa_background.jpg");
        background-repeat: no-repeat;
        background-color: #008000;
        background-position: center;
        border: 50px solid #ff0000;
        height: 1200px;
}
.pollygift01bkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/pollygift01_background.jpg");
        background-repeat: repeat;
        background-color: #008080;
        background-position: center;
        border: 50px solid #ff0000;
        height: 1100px;
}
.pollygift02bkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/pollygift02_background.jpg");
        background-repeat: repeat;
        background-color: #ffffff;
        background-position: center;
        border: 50px solid #008000;
        height: 1000px;
}
.giftbkgrd {
        background-image: url("https://www.merrydaleychristmas.com/assets/images/background/gift_background.jpg");
        background-repeat: repeat;
        background-color: #008080;
        background-position: center;
        border: 50px solid #ff0000;
        height: 1000px;
}

/* HEADER */


.mainheader {
        text-align: center;
        color: #008000;        /* green */
}
@media screen and (min-width: 600px) {
        .mainheader h1 {
           font-size: 300%;
           padding-top: 2%;
        }
}
@media screen and (max-width: 600px) {
        .mainheader h1 {
           font-size: 150%;
           padding-top: 3.5%;
        }
}
.mainheader h1 {
        padding-top: 2%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
}
@media screen and (min-width: 600px) {
        .pollyheader h1 {
           font-size: 300%;
           padding-top: 2%;
        }
}
@media screen and (max-width: 600px) {
        .pollyheader h1 {
           font-size: 150%;
           padding-top: 3.5%;
        }
}
.pollyheader h1 {
        padding-top: 20%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #008000;        /* green */
}
@media screen and (min-width: 600px) {
        .polly02header h1 {
           font-size: 300%;
        }
}
@media screen and (max-width: 600px) {
        .polly02header h1 {
           font-size: 150%;
        }
}
.polly02header h1 {
        padding-top: 18%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #008000;        /* green */
}
@media screen and (min-width: 600px) {
        .giftlistheader h1 {
           font-size: 300%;
        }
}
@media screen and (max-width: 600px) {
        .giftlistheader h1 {
           font-size: 150%;
        }
}
.giftlistheader h1 {
        padding-top: 15%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #ff0000;        /* red */
}
@media screen and (min-width: 600px) {
        .christmasstoryheader h1 {
           font-size: 300%;
        }
}
@media screen and (max-width: 600px) {
        .christmasstoryheader h1 {
           font-size: 150%;
        }
}
.christmasstoryheader h1 {
        padding-top: 18%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #ff0000;        /* red */
}
.pollygiftheader ul {
        padding-top: -5%;
        width: 80%;
        height: 30px;
        margin-left: 12%;
        background-color: #ffffff;
        font-size: 150%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #ff0000;        /* red */
}
.pollygiftheader li {
        display: inline;
        padding-right: 2%;
        list-style: none;
}
.pollygiftheader a:link, a:hover {
        font-weight: bold;
        color: #ff0000;       /* red */
        text-decoration: none;
}
.giftheader h1 {
        padding-top: 1%;
        width: 60%;
        height: 60px;
        margin-left: 19%;
        background-color: #008000;
        font-size: 300%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #ff0000;        /* red */
}
.giftheader ul {
        padding-top: 1%;
        width: 60%;
        height: 40px;
        margin-left: 18%;
        background-color: #008000;
        font-size: 150%;
        font-weight: bold;
        font-family: Arial, sans-serif;
        text-align: center;
        color: #ff0000;        /* red */
}
.giftheader li {
        display: inline;
        padding-right: 2%;
        list-style: none;
}
.giftheader a:link, a:hover {
        font-weight: bold;
        color: #ff0000;       /* red */
        text-decoration: none;
}

/* NAVIGATION */

@media screen and (min-width: 600px) {
        .hdrnavigation {
           font-weight: bold;
           font-size: 120%;
           width: 90%;
           margin: 2% 0% 2% 4%;
           height: 30px;
        }
}
@media screen and (max-width: 600px) {
        .hdrnavigation {
           font-weight: bold;
           font-size: 120%;
           width: 90%;
           margin: 2% 0% 2% 4%;
           height: 30px;
        }
}
.hdrnavigation {
        font-family: Arial, sans-serif;
        color: #0000c0;          /* dark blue */
        text-align: center;
}
.hdrnavigation ul {
        padding-top: .5%;
}
.hdrnavigation li {
        display: inline;
        padding-right: 2%;
        list-style: none;
}
.hdrnavigation a:link, .ftrnavigation a:active, .ftrnavigation a:visited {
        font-weight: bold;
        color: #ff0000;       /* red */
        text-decoration: none;
}
.hdrnavigation a:hover {
        font-weight: bold;
        color: #ff0000;       /* red */
        text-decoration: none;
}


/* CHRISTMAS SHOWCASE */
/* HOME PAGE      */

#showcase {

}
#showcase ul {
        margin: 1% auto 1% auto;
}
#showcase li {
        background: none;
        list-style-type: none;
}
#showcase img {
        width: 525px;
        height: 700px;
        border: 10px solid green;
}

/* POLLANNA01 PAGE  */

.pollylinks {
       margin-left: 24%;
}
.pollylinks ul.list1 {
     padding-top: 2%;
}
.pollylinks li {
     display: inline-block;
     padding: 1%;
     list-style: none;
}

/* POLLANNA02 PAGE  */

.polly02links {
       margin-left: 22%;
       margin-bottom: 6%;
}
.polly02links li {
     display: inline-block;
     padding: 2%;
     list-style: none;
}

/* GIFT LIST PAGE  */

.giftlistlinks {
     margin-left: 35%;
}
.giftlistlinks li {
     display: block;
     padding-bottom: 1%;
     list-style: none;
     font-weight: bold;
     font-size: 120%;
     font-family: Arial, sans-serif;
     text-align: left;
}
.giftlistlinks li a:link {
     color: #008000;
     text-decoration: none;
}
.giftlistlinks li a:visited {
     color: #ff0000;
     text-decoration: none;
}
.giftlistlinks li a:hover {
     color: #ff0000;
     text-decoration: none;
}

/* CHRISTMAS STORY PAGE  */

.storycontent {
     margin-left: 30%;
     width: 40%;
     font-weight: bold;
     font-size: 100%;
     font-family: Arial, sans-serif;
     text-align: left;
     color: #008000;
}

/* SANTA PAGE  */

.santacontent p {
     font-weight: bold;
     font-size: 250%;
     font-family: Arial, sans-serif;
     text-align: center;
     color: #ff0000;
}

/* ELF PAGE  */

.elfcontent p {
     width: 30%;
     font-weight: bold;
     font-size: 250%;
     font-family: Arial, sans-serif;
     text-align: left;
     color: #ff0000;
     margin-top: 150px;
}

/* SANTA GIFT CONTENT  */

.santagiftnavigation a {
     width: 35%;
     height: 35px;
     font-weight: bold;
     font-size: 200%;
     font-family: Arial, sans-serif;
     text-align: center;
     color: #008000;
     background-color: #ffffff;
     text-decoration: none;
     margin: 2% 0% 0% 38%;
}
.santagiftcontent {
     width: 40%;
     height: 700px;
     background-color: #ffffff;
     margin: 2% 0% 0% 30%;
}
.santagiftcontent p {
     font-weight: bold;
     font-size: 200%;
     font-family: Arial, sans-serif;
     text-align: center;
     color: #ff0000;
}
.santagiftcontent img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* POLLY INDIVIDUAL GIFT PAGES  */

.pollygiftcontent p {
     width: 50%;
     height: 40px;
     margin-left: 25%;
     font-weight: bold;
     font-size: 200%;
     font-family: Arial, sans-serif;
     text-align: center;
     color: #008000;
     background-color: #ffffff;
}
.pollygiftlinks01 {
     margin-left: 27%;
}
.pollygiftlinks01 ul {
     padding-top: 1%;
}
.pollygiftlinks01 li {
     display: inline-block;
     padding: 1%;
     list-style: none;
     border: 5px solid #008000;
}
.pollygiftlinks02 {
     margin-left: 17%;
}
.pollygiftlinks02 ul {
     padding-top: 1%;
}
.pollygiftlinks02 li {
     display: inline-block;
     padding: 1% 2% 1% 1%;
     list-style: none;
     border: 5px solid #008000;
}
.pollygiftlinks03 {
     margin-left: 5%;
}
.pollygiftlinks03 ul {
     padding-top: 1%;
}
.pollygiftlinks03 li {
     display: inline-block;
     padding: 1% 2% 1% 1%;
     list-style: none;
     border: 5px solid #008000;
}
.pollygiftlinks04 {
     margin-left: 2%;
     margin-top: 4%;
}
.pollygiftlinks04 ul {
     padding-top: 1%;
}
.pollygiftlinks04 li {
     display: inline-block;
     padding: 1% 2% 1% 1%;
     list-style: none;
     border: 5px solid #008000;
}

/* FOOTER */

@media screen and (min-width: 600px) {
        .ftrnavigation {
           margin: 2% auto 2% auto;
           height: 45px;
        }
}
@media screen and (max-width: 600px) {
        .ftrnavigation {
           margin: 2% auto 2% auto;
           height: 58px;
        }
}
.ftrnavigation {
        font-weight: bold;
        font-size: 110%;
        font-family: Arial, sans-serif;
        #0000c0;          /* dark blue */
        text-align: center;
        width: 90%;
}
.ftrnavigation ul {
        padding-top: .5%;
}
.ftrnavigation li {
        display: inline;
        margin-right: 2.5%;
        list-style: none;
}
.ftrnavigation a:link, .ftrnavigation a:active, .ftrnavigation a:visited {
        font-weight: bold;
        color: #ff0000;        /* red */
        text-decoration: none;
}
.ftrnavigation a:hover {
        font-weight: bold;
        color: #ff0000;        /* red */
        text-decoration: none;
}

p.copyright {
        font-weight: 600;
        font-size: 120%;
        font-family: Arial, sans-serif;
        #0000c0;          /* dark blue */
        text-align: center;
        margin-top: 1%;
}

/* This id should be placed on a div or break element and should be the final element */
/* before the close of a container that should fully contain a float */

.clearfloat {
        clear: both;
        height: 0px;
        line-height: 0px;
}