html{
	background-color:brown;

}
body {
	width:880px;
	height:1500px;
	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;top:-740px; height:20px;padding-top:10px }
form{margin: 0; padding: 0px;}
.coolfont { color:#333333; font-family: "Comic Sans MS", cursive, sans-serif}
.center{text-align:center}
.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; border-style:solid;}
.ccShuffle{background-image:url(images/tarotAll.png); width:124px; height:215px ;background-repeat:no-repeat; background-position:-1154px -1527px; 
	 font-size:2.5em; font-weight:bold;border:2px solid black; border-radius:2px}
.teaser h5{
	display: inline-block;
	color:blue;
	cursor:pointer;
}
.inst{font-size:1.5em; font-weight:bold;text-align:center;}
.mybutton1{
	font: 18px/1.5 Helvetica, Arial, sans-serif;
	color: #000;
	background-color:orange;
}
.mybutton1:hover{
	background-color: #996600;
	color: #fff;
}
#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}

/*card buttons*/
#game5{position:relative; top:270px; }
#starimage{position:relative; top:-170px; left:100px; width:200px; height:200px;}
@-moz-document url-prefix() {
	 #starimage{position:relative; top:-100px; left:100px; width:200px; height:200px;}
	}
#cc1{ position:relative; top:-382px; left:-47px;}
#one{position:relative; top:-355px; left:190px;font-size:2.3em; font-weight:bold;}

#cc2{ position:relative; top:-380px; left:311px;}
#two{position:relative; top:-450px; left:258px;font-size:2.3em; font-weight:bold;}

#cc3{position:relative; top:-337px; left:271px;}
#three{position:relative; top:-525px; left:227px;font-size:2.3em; font-weight:bold;}

#cc4{position:relative; top:-492px; left:52px;}
#four{position:relative; top:-678px; left:143px;font-size:2.3em; font-weight:bold;}

#cc5{position:relative; top:-847px; left:7px;}
#five{position:relative; top:-915px; left:119px;font-size:2.3em; font-weight:bold;}

#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:-1100px; left:463px; 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: 10px 10px 5px #888888;}

#nameposition{ position:relative; float:right; top:-1090px; left:-295px;font-size:1.2em; font-weight:bold}

#meaning{position:relative; top:-1022px; left:100px; float:right; width:400px;font-size:1.2em; color:#000066;  font-weight:bold; padding:5px;
		border:2px ridge black; border-radius:5px; visibility:hidden; padding:5px;background-color:#FFFFCC;box-shadow: 10px 10px 5px #888888;}
#positionsig{position:absolute; top:-160px; left:620px;width:270px;font-size:1.1em; color:#000066;  font-weight:bold;}
#ppal{position:relative; top:-575px; left:10px;}
.adcenter{
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
top:-805px;
}
.adright{
	position:relative; top:-915px; left:-50px; float:right;
}