html{
	background-color:brown;
}
body {
	width:880px;
	margin: auto;
	text-align: left;
	position: relative; 
	font-family: Georgia, serif;
	line-height:110%;
	border-left:solid 1px black;
	border-right:solid 1px black;
	padding:20px;
	background-color: #FFFFF0;
}
nav a{color: #000; font-size:100%; font-weight:bold;text-decoration:none;text-align:center; border:3px ridge #000; padding:5px; margin-bottom:2px;
		display:inline-block;  background-color:#FFFF33; border-radius:10px}
nav a:hover{ font-weight:bold; background-color:#660033;color:white;border:3px solid black; color:white}
footer{position:relative; height:20px; top:-50px;}
.ccstar{background-image:url(images/tarotAll.png); width:80px; height:137px ;background-repeat:no-repeat; background-position:-714px -945px; background-size:818px 1096px;
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-style:ridge; z-index:10;box-shadow: 5px 5px 5px #888888;}
.ccstar:hover{border:2px solid red; }
.inst{font-size:1.5em; font-weight:bold;text-align:center;}
.paprf{display:inline-block;}
.coolfont { color:#333333; font-family: "Comic Sans MS", cursive, sans-serif}
.center{text-align:center}
.teaser h5{
	display: inline-block;
	color:blue;
	cursor:pointer;
}
.mybutton1{
	font: 18px/1.5 Helvetica, Arial, sans-serif;
	color: #000;
	background-color:orange;
}
.mybutton1:hover{
	background-color: #996600;
	color: #fff;
}
/*card buttons*/
#cc1{ position:relative; left:10px;}
#one{ font-weight:bold;position:relative; left:35px;}
#cc2{ position:relative; left:110px;}
#two{font-weight:bold;position:relative; left:165px;}
#cc3{position:relative; left:210px;}
#three{ font-weight:bold;position:relative; left:285px;}
#tarotripple{position:absolute; top:0px;width:100px; height:70px;border:5px solid black;border-style:double;border-radius:5px; box-shadow: 5px 5px 5px #888888;}
#searchbox{position:absolute;top:5px; left:720px;border:5px solid black;border-style:double;border-radius:2px;height:60px;width:190px;}
#dimtext{color: rgba(0, 0, 0, 0.5); font-size:.8em}
#begin{ background-color:#FFFF33;font-weight:bold;border:3px ridge black;font-size:1em; border-radius:6px}
#begin:hover{border:3px solid black;background-color:#660033;color:#FFFFFF}
#reset{ background-color:#FFFF33;font-weight:bold;border:3px ridge black; font-size:1em; border-radius:6px}
#reset:hover{border:3px solid black;background-color:#660033;color:#FFFFFF}
#selectedimage{ position:relative; top:30px; left:20px; background-image:url(images/tarotAll.png); width:122px; height:213px ;background-repeat:no-repeat; background-position:-1152px -1525px; 
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-radius:2px;box-shadow: 5px 5px 5px #888888;}
#nameposition{position:relative; top:40px;left:20px; font-size:1.1em; font-weight:bold}
#meaning{position:relative; top:-200px; left:-200px; float:right; width:400px;font-size:1.2em; color:#000066;  font-weight:bold; box-shadow: 10px 10px 5px #888888;
		border:2px ridge black; border-radius:5px; visibility:hidden; padding:5px;background-color:#FFFFCC;}
#ppal{position:relative; top:90px; width:200px;}

.adsbygoogle{	
	margin-top:23px;
}
 .adcenter{
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
top:-200px;
}
.adright{
	position:relative; top:-280px; left:-50px; float:right;
}