html,
body {height:100%; margin:0; padding:0; background-image: url("..//images/brickwall.png"); background-repeat: repeat-x repeat-y; opacity: 1;}

p 	{ -webkit-font-smoothing: antialiased;
	
	
	width: 680px;
	padding: 0 20px 12px 20px;
	font-size: 1.5em;
	color: #fef;
	line-height: 100%;
	text-align: justify;
	text-shadow: 2px 2px 2px rgb(0, 0, 0);
}

h1	{
	color: #fff;
	margin: -10px 0 20px 0;
	padding: 0 0 0 90px;
	text-shadow: 2px 2px 1px #000;
	line-height: 100%;
	font-size: 175%;

}

table { border-collapse: collapse; 
	  border-spacing: 0;
	   }
  
	




#wrapper {
    padding:80px 40px 0px 4px; /*padding top - height of header, padding-bottom - height of footer*/
	
    box-sizing:border-box;
    -moz-box-sizing:border-box;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 2em;
	box-shadow: 0 0 28px #aaa;
    width:900px; 
    margin:auto;
	background-image: url("..//images/sprinkles.png");
	background-repeat: repeat-x repeat-y;
	font-family: 'Anaheim', cursive;
	opacity: 1;
	
}

.container {padding: 0 0 30px 85px;
			font-family: 'Anaheim', cursive;
			
			
			}


.middle {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    min-height:100%;
    position:relative;
	font-family: 'Anaheim', cursive;
	line-height: 114%;

	width: 860px;

}
.top {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	width: 712x;
	height: 130px;
	padding: 0px 0 0 84px;
	margin: 10px 0 26px 0;
	background-repeat: repeat-x repeat-y;
	line-height: 100%;
	

}



.bottom {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    height:110px;
	color: #999;
	font-family: 'Anaheim', cursive;
	padding: 70px 0 0 0;
	font-size: 1em;
	font-weight: bold;
	}

img	{ border: 2px solid transparent; 
	box-shadow: 0 0 15px transparent;
	border-radius: 5px;
	}

img:hover{
	border: 2px solid #000;
	box-shadow: 0 0 15px #000;
}


	
a:link	{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #900;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-size: 1.5em;
	
	
   -moz-transition: opacity .25s, color 1s ease-in-out;
   -webkit-transition: opacity .25s, color 1s ease-in-out;
   transition: opacity .5s color 1s, ease-in-out;
}
a:visited	{
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #900;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	-webkit-transition: color 1s ease-out;
	-moz-transition: color 1s ease-out;
	transition: color 1s ease-out;	
	}

a:hover	{ 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #d40;
	text-decoration: none;
	text-shadow: 0 0 10px #f10;
	-webkit-transition: color .01s ease-out;
	-moz-transition: color .01s ease-out;
	transition: color .01s ease-out;	
	
	}
	

.fade {
   opacity: 1;
   transition: color 1s ease-in-out;
   padding: 5px 20px;
}
   
.thumbnail	{
	float: left;
	margin: 0 10px 0 0;
	border: 5px solid black;
}

#copyright	{	
	position: relative;
	width: 250px;
	bottom: -54px;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	float: right;
	-webkit-transition: width .6s, color .3s ease-in-out;
	-moz-transition: width .6s, color .3s ease-in-out;
	}
	
#copyright:hover{

	color: #fff;
	width: 270px;
	cursor: none;
}