/* site.css */

html, body {
  background: firebrick; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(firebrick, lightseagreen); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(firebrick, lightseagreen); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(firebrick, lightseagreen); /* For Firefox 3.6 to 15 */
  background: linear-gradient(firebrick, lightseagreen); /* Standard syntax (must be last) */
  padding: 3px 5px 5px 3px;
  width: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  border: solid 2px black;
  border-radius: 10px; 
}

#all {
	background-position: 100% 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 910px;
    height: 195px;
    margin: 1.5%;
    padding-top: 20px;
    border: solid 3px #B22222;
    border-radius: 10px;
    background: firebrick; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, firebrick, lightseagreen ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, firebrick, lightseagreen); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, firebrick, lightseagreen); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, firebrick, lightseagreen); /* Standard syntax */
}

#left_content {
    float: left;
    width: 900px;
    margin-top:-20px;
    padding: 0px 20px 10px 20px;
    line-height: 25px;
    font-size: 16px;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 36px;
}

.text {
	margin: 30%;
	text-align: center;
	width: auto;
	margin-top: auto;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
}

iframe {
	float: left;
	margin: auto;
	background-position: 100% 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#links {
	background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(lightseagreen, firebrick); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(lightseagreen, firebrick); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(lightseagreen, firebrick); /* For Firefox 3.6 to 15 */
    background: linear-gradient(lightseagreen, firebrick); /* Standard syntax (must be last) */
 	border-radius: 10px;
    border: solid 3px #B22222;
    overflow:hidden;
    padding:10px;
    width:auto;
    margin: auto;
    float: right;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

#links ul {
 	text-align: center;
    padding: 20px;
    width: auto;
    height: auto;
}

 a:link {
 	border: solid 1px firebrick;
    color: white;
    background-color: transparent;
}

a:visited {
    color: red;
    background-color: transparent;
}

a:hover {
    color: darkgreen;
    background-color: transparent;
}

a:active {
    color: yellow;
    background-color: transparent;
}

.bordered-image {
	margin: 0;
	border-radius: 15px 25px;
	height: 200px;
	width: 300px;
	border: outset 4px #B22222;
	background-position: 100% 100%;
    background-repeat: no-repeat;
   -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

header {
	border-radius: 10px;
 	margin: 0px 5px 5px 0px;
 	padding: 0px 5px 5px 0px;
	color: #000000;
	text-align: center; 
    background-position: 100% 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

section {
	padding: 10px 20px 20px 10px;
	float: left;
	margin: 0;
	color: black;
	border: hidden 10px #DC143C;
	font-size: 16px;
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
}



.prepared_meat {
  display: inline-block;
  float: center;
  width: auto;
  margin: .20%;
  text-align: justify;
  width: 300px;
  white-space: pre-wrap;
  border-radius: 10px;
  border: solid 1px black;
}

.prepared_meat:nth-child(2n+1) {
  clear: both;
  border-radius: 10px;
}

.item_text {
   text-align: center;
   font-weight: bold;
   width: 270px;
   word-wrap: break-word;
}
    

.footer {
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	width: auto;
	padding: 5px;
	text-align: center;
	float: center;
}

.footer ul {
	float: center;
    padding:5px;
    width: auto;
    margin: auto;
}

#footer ul {
	text-align: center;
	float: center;
    padding:5px;
    width: auto;
    margin: 0;
}

.link_button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #1A4575;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  background: #3A68A1;
  color: #fee1cc;
  text-decoration: none;
  padding: 8px 12px;
  text-decoration: none;
  font-size: smaller;
  display: inline-block;
}