@charset "utf-8";

body {
    text-align: center;
    background-color: #F3D2E7;
    width: auto;
    height: auto;
}
/* CSS Document */

.cedarville-cursive-regular {
  font-family: "Cedarville Cursive", cursive;
  font-weight: 400;
  font-style: normal;
}
.edu-nsw-act-cursive-<uniquifier> {
  font-family: "Edu NSW ACT Cursive", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
header  {
    text-align: center;
    font-size: 36px;
    display: block;
    height: 80px;
    width: 450px;
    background-repeat: no-repeat;
    text-shadow: 3px 3px hsla(0,0%,44%,0.50);
    border: 3px solid rgba(162,161,161,1.00);
    border-radius: 15px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;


}
#subtitle {
    font-size: 22px;
}


#Logo  {
    width: 150 px;
    margin-left: 20px;
    margin-top: -80px;
    z-index: 10;
    display: flex;
    float: left;
    position: fixed;
}


#socials {
    width: 55px;
    height: 150px;
    display: block;
    margin-left: 10px;
    float: left;
    position: fixed;
    top: 180px;
    left: 15px;
    margin-top: -40px;
}
#cornerVines {
    width: 245px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: -15px;
}

#mainBody {
    font-size: 20px;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    margin-top: 25px;
    background-color: hsla(0,0%,100%,0.85);
    border-radius: 25px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    height: auto;
    border: 3px solid rgba(162,161,161,1.00);
}
#mainBody #menudiv {
    z-index: 20;
    position: relative;
    width: 300px;
    float: right;
    height: 35px;
}

#mainBody #menudiv ul {
    width: 310px;
    position: relative;
    float: right;
    z-index: 20;
    border: thin solid hsla(0,0%,0%,1.00);
    border-radius: 15px;
    list-style-type: none;
    height: 30px;
}
#menudiv ul li {
    float: left;
    width: 89px;
}
#ShaleseToon {
    width: 250px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
}
.ShalToonImg  {
    width: 250px;
    height: 500 px;
    margin-left: auto;
    margin-right: auto;
}
#mainBody #sitdesc {
    margin-top: 60px;
    margin-bottom: 20px;
}
#mainBody #tablediv {
    /* [disabled]margin-top: 80px; */
}
#mainBody table {
    margin-left: auto;
    margin-right: auto;
}
#tablediv #upperleftsq {
    float: left;
    margin-top: -35px;
    z-index: 20;
    position: absolute;
    margin-left: 100px;
}
#tablediv #lowerrightsq {
    position: absolute;
    z-index: 20;
    float: right;
    clear: both;
    margin-right: 0px;
    margin-left: 990px;
    margin-top: -145px;
}
#preOrder {
    width: 475px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 25px;
    border: thin solid hsla(0,0%,0%,1.00);
    border-radius: 15px;
    background-color: #FAEFF6;
    display: none;
}
form p #items {
    width: 250px;
}
form select {
    float: right;
    margin-right: 100px;
    margin-left: -50px;
}


a:link, a:visited, a:active {
  color: #000000;
}
#mainBody #location {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 50px;
}
#mainBody #location #fullsize {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#mainBody #location #mobilesize {
    display: none;
}
#footer #cornerVinesLeft {
    width: 160px;
    display: none;
    position: absolute;
    z-index: 20;
    margin-top: -190px;
}

#footerinfo {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    padding-top: 10px;
    text-align: center;
}
.PreOrder {
    font-weight: bold;
    font-size: x-large;
    text-shadow: 3px 3px hsla(322,58%,89%,1.00);
}








@media (min-width:800px){
}