@charset "utf-8";


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    background-image: url(resources/images/water_Background.jpg);/*This asset was sourced from https://all-free-download.com/free-photos/water-images.html*/
    background-attachment: fixed;
}
#container {
    background-color: #559BD9;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    width: 1350px;
}
#merchandiseFrontPage {
    background-color: #434141;
}


#top {
    background-color: #B3DAF2;
    padding-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#top h1 {
    padding-left: 30px;
    width: 172px;
    height: 34px;
}
.topPage {
    text-align: right;


}

nav ul li {
    list-style-type: none;
    display: inline;
    margin-left: 230px;
    border-style: outset;

}
ul li a {
    text-decoration: none;
}





/* CSS Document */

h1 {
	font-family: 'Antonio', sans-serif;
}


h2 {
	font-family: 'Antonio', sans-serif;
}

h3{
	font-family: 'Antonio', sans-serif;
}


#frontPage {
    background-color: #B3DAF2;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 50px;
    margin-right: 32rem;
    border: thick solid #092242;
    padding-top: 0px;
    margin-top: 22px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#frontPage img {
    float: left;
    padding-right: 40px;
    padding-bottom: 40px;
}
#sorting {
    border-width: medium;
    border-style: solid;
    margin-top: 16px;
    padding-top: 0px;
}
#sorting h2 {
    padding-left: 30px;
}


main #blogPosts #blogPostsBox {
    background-color: #092242;
    border-radius: 16px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}




.singlePost {
    width: 38rem;
    display: inline-table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: thin double #F2F2F2;
    margin-left: 36px;
    margin-top: 10px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    margin-bottom: 10px;
}
.singlePost h3 a {
    color: #F2F2F2;
    text-decoration: underline;
}
.singlePost p {
    color: #F2F2F2;
}
.singlePost img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 74%;










}


footer {
    background-color: #B3DAF2;
}
footer ul li {
    list-style-type: none;
    display: block;
}
footer h3 {
    margin-left: 16px;
    padding-top: 8px;
}
a:link, a:visited {
    color: #5A98BF;
}
a:hover, a:active {
    color: #092242;
}