html {
	overflow-y: scroll;
	height: 100%;
}

body {
	background: #000000 url("bg-08.webp");
	font-family:		Arial;	
	max-width: 			1000px;
	margin: auto;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	
	

}



.content {
	position: absolute;
	color:	#afafaf; 
	letter-spacing:	0.1px;	
	font-size:		13px;
	
	min-height: 300px;
	xheight: 200px;
	width: 600px;
	height: 800px;

	xpadding:		40px;
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-top:40px;
	
	xmargin-top: 	150px;
	xmargin-left:	60px;
	
	
	
	
	

	xbox-shadow: 5px 5px 5px #1C1C1C;
	xborder: 1px solid black;
	xbackground: rgb(0,0,0); /* for IE */
	xbackground: rgba(0,0,0,0.75);
	

	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+60,0.6+60,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */



								
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+8,0.65+25,0.65+52,0+72 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 8%, rgba(0,0,0,0.65) 25%, rgba(0,0,0,0.65) 52%, rgba(0,0,0,0) 72%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 8%,rgba(0,0,0,0.65) 25%,rgba(0,0,0,0.65) 52%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 8%,rgba(0,0,0,0.65) 25%,rgba(0,0,0,0.65) 52%,rgba(0,0,0,0) 72%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */





	
}







.reload-button{

   position:absolute;
    bottom:0;
    right:0;
	margin-bottom: 65px;
	margin-right: 20px;
	box-shadow: 2px 2px 4px #000000;
	
	background-color: #55402a; /* Green */
    border: none;
    color: #f3e6d0;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	

		

}





.reload-button:hover {
	background-color: #ad835a;

}

.reload-button:active {
  background-color: #0086b3;
  box-shadow: 0 1px #666;
  xtransform: translateY(1px);
}

.image-button{

	

	position:absolute;
    bottom:0;
    right:0;
	margin-bottom: 35px;
	margin-right: 10px;
	box-shadow: 2px 2px 4px #000000;
	
	background-color: #55402a; /* Green */
    border: none;
    color: #f3e6d0;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	
	
}

.image-button:hover {
	background-color: #ad835a
}

.image-button:active {
  background-color: #0086b3;
  box-shadow: 0 1px #666;
  xtransform: translateY(1px);
}

.link, .link:visited{
	color:  #ad835a;
	position:absolute;
	bottom:0;
    right:0;
	margin-bottom: 10px;
	margin-right: 10px;
	text-shadow: 2px 2px 4px #000000;
}

.link:hover{
	color: #ad835a;
	text-decoration:none;
}

.link:active {
	color: #d4d365;
	
}



.item{
	
}

.title{
	color: #f3e6d0;
	font-size: 45px;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-weight: bold;
	text-shadow: 2px 2px 4px #000000;
	margin-top: 150px;
	margin-left: 40px;
	
}

.flavor{	
	color: #ad835a;
	font-size: 30px;
	font-style: italic;
	margin-left: 70px;
	margin-top: 10px;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	text-shadow: 2px 2px 4px #000000;
	
	
}