body {
 color: #11231C;
 background-color: #739B69;
 margin: 0px;
 padding: 0px;
 font-family: 'Raleway', sans-serif;
 font-size:16px;
}

#container {
 position: relative;
 margin: 0px auto;
 padding: 0px;
 width: 100%;
 min-height: 500px;
 text-align:center;
}

#masthead {
 position:relative;
 display: inline-block;
 width: 100%;
 height: 117px;
 padding: 0%;
 background-color: white;
 overflow-y: visible;
 z-index: 10;
}
#masthead a img {
 width: 98%;
 margin-top: 50px;
 margin-left: 1%;
 margin-right: 1%;
 padding: 0px;
 max-width: 1000px;
}
#scallops {
 width: 100%;
 height: 54px;
 background-image: url("../images/scallop.png");
 background-size: auto;
 z-index: 10;
} 

#middle {
 position:relative;
 background-image: url("../images/texture_background.png");
 background-repeat:repeat;
 max-width:100%;
 min-height:400px;
 padding:0px;
 z-index:1;
}


#middle_container {
 display: table;
 margin: 0 auto;
 max-width: 1200px;
 padding: 0px;
 z-index: 1;
 text-align: left;
}


#navigation {
 font-family: 'Kalam', cursive;
 display: table-cell;
 vertical-align: top;
 background-color: #000000;
 width: 200px;
 min-width: 200px;
 margin: 0px;
 padding: 50px 0px 20px 0px;
 z-index: 1;
 text-align: left;
 font-size: 28px;
 box-shadow: 0 0.25em 0.5em rgba(16,35,28,0.333);
}
#navigation a, a:visited {
 color: #ffffff;
 text-decoration:none;
}
#navigation a:hover {
 color: #E7C352;
}
#navigation .selected {
 color: #E7C352;
}
#navigation ul {
 list-style-type: none; /* Remove bullets */
 padding: 0; /* Remove padding */
 margin: 0px 0px 0px 20px; /* Remove margins */
}
#navigation ul li {
 line-height:36px;
}

#navigation_editor {

}

#navigation {
 font-family: 'Kalam', cursive;
 display: table-cell;
 vertical-align: top;
 background-color: #000000;
 width: 200px;
 min-width: 200px;
 margin: 0px;
 padding: 50px 0px 20px 0px;
 z-index: 1;
 text-align: left;
 font-size: 28px;
 box-shadow: 0 0.25em 0.5em rgba(16,35,28,0.333);
}
#navigation a, a:visited {
 color: #ffffff;
 text-decoration: none;
}
#navigation a:hover {
 color: #E7C352;
}
#navigation .selected {
 color: #E7C352;
}
#navigation ul {
 list-style-type: none; /* Remove bullets */
 padding: 0; /* Remove padding */
 margin: 0px 0px 0px 20px; /* Remove margins */
}
#navigation ul li {
 line-height:36px;
}



#navigation_editor {
 font-family: 'Kalam', cursive;
 display: table-cell;
 vertical-align: top;
 background-color: #000000;
 width: 200px;
 min-width: 200px;
 margin: 0px;
 padding: 5px;
 z-index: 1;
 text-align: left;
 font-size: 22px;
 box-shadow: 0 0.25em 0.5em rgba(16,35,28,0.333);
}
#navigation_editor a {
 color: #ffffff;
 text-decoration: none;
}
 #navigation_editor a:hover {
  color: #E7C352;
 }
#navigation_editor .selected {
 color: #E7C352;
}
#navigation_editor ul {
 list-style-type: none; /* Remove bullets */
 padding: 0; /* Remove padding */
 margin: 0px 0px 0px 20px; /* Remove margins */
}
#navigation_editor ul li {
 line-height: 36px;
}










#content {
 display: table-cell;
 vertical-align: top;
 width: 600px;
 padding: 50px 10px 10px 10px;
 margin: 0px;
 background-color: rgb(255,250,230);
 z-index: 1;
}

#content a:link, #content a:visited, #content_temp a:link, #content_temp a:visited {
 color: #11231C;
}
#content a:hover, #content_temp a:hover {
 color: #3d7e65;
}
#content_temp {
 display: table-cell;
 vertical-align: top;
 width: 100%;
 max-width: 1200px;
 padding: 50px 30px 30px 30px;
 margin: 0px;
 background-color: rgb(255,250,230);
 z-index: 1;
}

#editor {
 display: table-cell;
 vertical-align: top;
 width: 960px;
 padding: 0px;
 margin: 0px;
 background-color: rgb(255,250,230);
 z-index: 1;
}
#editor a:link, #editor a:visited, #editor a:link {
 color: #11231C;
}

#editor a:hover {
 color: #3d7e65;
}



#photos {
 position: relative;
 height: 350px;
 width: 570px;
 margin: 0px;
 padding: 0px;
}


#rightbar {
 display: table-cell;
 vertical-align: top;
 width: 380px;
 padding: 0px;
 background-color: rgba(7, 131, 61, 0.3);
 z-index: 1;
}
.right_top {
 width: 360px;
 background-color: #508344;
 font-family: 'Kalam', cursive;
 font-size: 24px;
 line-height:28px;
 color: white;
 margin: 0px;
 padding: 40px 10px 10px 10px;
}
.right_bottom {
 width: 360px;
 padding: 10px;
 color: #11231C;
}

.right_bottom a:link, .right_bottom a:visited {
 color: #11231C;
}
.right_upcoming {
 width: 360px;
 background-color: #508344;
 font-family: 'Kalam', cursive;
 font-size: 18px;
 line-height: 18px;
 color: white;
 margin: 0px;
 padding: 10px 10px 10px 10px;
}



.sthDark, .sthLight {
 width:100%;
 padding:5px;
 margin: 0px 0px 10px 0px;
}

.sthDark a:link, .sthDark a:visited, .sthLight a:link, .sthLight a:visited {
 text-decoration: none;
}

.sthDark p, .sthLight p {
 margin:0px;
 padding:0px;
}
.sthLight {
 background-color: #F7F1DF;
}
.sthDark {
 background-color: #EFE9D8;
}

.stallholder img {
}

.stallholder td {
 padding-bottom:20px;
}

.sthicon {
 height: 12px;
}

/*When screen is smaller than 700px*/
@media screen and (max-width: 700px) {
 #masthead {
  height: 95px;
 }

 #scallops {
  height: 27px;
  background-size: contain;
 }

 #navigation {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: left;
 }
 #navigation ul {
  padding: 10px 0px 5px 0px;
  margin:0;
 }
 #navigation ul li {
  display: inline-block;
  margin:0;
  padding:0px 5px 0px 5px;
 }
 #navigation a:link, #navigation a:visited {
  margin: 0;
  padding: 0;
 }


 #content {
  display: block;
  width: 96%;
  padding: 2% 2% 2% 2%;
  margin: 0px !important;
  background-color: rgb(255,250,230);
 }

 #rightbar {
  display: block;
  width: 100%;
  padding: 0% !important;
  margin: 0 !important;
 }


 #photos {
  display: block;
  width: 96%;
  height:260px;
  padding: 2%;
  margin:0px;
  overflow:hidden;
 }

 .picFader {
  width: 100%;
 }

 #photos img {
  display: block;
  width: 100%;
 }

 
 .right_top, .right_bottom {
  width:96%;
  padding:2%;
  margin:0px;
 }

 #footer_left, #footer_mid, #footer_right {
  max-width: 96% !important;
  width: 96% !important;
  padding:2%;
  margin: 0 !important;
 }
}




#contact_form input[type=text] {
 background-color: #fcfcfb;
 font-family: 'Raleway', sans-serif;
 height: 40px;
 width: 100%;
 font-size: 16px;
 border-radius: 3px;
 border: 1px solid #c0cba4;
}

#contact_form textarea {
 background-color: #fcfcfb;
 font-family: 'Raleway', sans-serif;
 width: 100%;
 font-size: 16px;
 border-radius: 3px;
 border: 1px solid #c0cba4;
}

#contact_form input[type=submit] {
 background-color: #fcfcfb;
 color: #57504b;
 width: 200px;
 height: 50px;
 font-size: 16px;
 font-weight: bold;
 font-family: 'Raleway', sans-serif;
 border-radius: 3px;
 border: 1px solid #c0cba4;
}

 #contact_form input[type=submit]:hover {
  color: #332e2c;
 }



#footer {
 width: 100%;
 color: #ffffff;
 text-align:left;
}
#footer_content {
 max-width:1200px;
 margin: 0 auto;
}
#footer_content p, h1, h2, h3, h4, h5, h6 {
 text-align: left;
}

#footer a:link, #footer a:visited {
 color: #ffffff;
 text-decoration: none;
}
#footer a:hover {
 color: #dddddd;
}

#footer_left {
 display: inline-block;
 width: 36%;
 margin-right: 2%;
 vertical-align: top;
}
#footer_mid {
 display: inline-block;
 width: 20%;
 margin-right: 2%;
 vertical-align: top;
}
#footer_right {
 display: inline-block;
 width: 39%;
 vertical-align: top;
}



 .facebook-follow {
  position: relative;
  background: #3A5795;
  border-radius: 5px;
  padding: 8px;
  box-sizing: border-box;
  float: left;
 }
.facebook-follow p {
 position: relative;
 top: -5px;
 line-height: 1em;
 margin: 0px;
 padding: 0px;
 font-weight:bold;
} 
.facebook-follow img {
 position: relative;
 top: 6px;
}


.editor_stallholders_list a:link, .editor_stallholders_list a:visited {
 color: #11231C;
}