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;
}


.coolfont { color:#333333; font-family: "Comic Sans MS", cursive, sans-serif}
.center{text-align:center}

#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}
#objectives{}


.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;
}
/*
background-color:white; border:5px solid black;border-radius:2em ;font-weight:bold;
	width:300px; height:200px; text-align: center;font-size: 2em;
*/
#choosepile{position:absolute; top:20%;left:35%;}
#cardback1{position:absolute; clip:rect(0px,132px, 221px, 0px)}

#drawone{position:absolute;width:124px;height:215px;background:url(images/tarotAll.png) ;background-repeat:no-repeat; background-position:-144px -8px; 
	 visibility:hidden
}


/* celticcross*/
.cc{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}
.cc:hover{border:2px solid black; 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; box-shadow: 5px 5px 5px #888888;}
#ccshuff{}
#shufflesection{}
#shufflelabel{font-size:1em; }
#singlecard{}
#title1{ font-size:1.5em; color:#000066; width:30%; font-weight:bold; display:inline-block;line-height:130%;}
#meaning1{ font-size:1.1em; color:#000066; width:50%; font-weight:bold; background-color:#FFCC99;box-shadow: 10px 10px 5px #888888; padding:5px;
		border:1px solid black; border-radius:5px; visibility:hidden;display:inline-block;line-height:130%;float:right}
		

#aboutustitle{position:absolute; left:360px; top:20px; background-color:#FFFFCC; width:450px; border:2px solid black; border-style:ridge ; border-radius:6px; padding-left:5px}

/*card buttons*/
#cc1{position:absolute; left:150px; top:250px; }
#one{position:absolute; left:230px; top:250px;font-size:2.5em; font-weight:bold;}

#cc2{position:absolute; left:150px; top:265px; transform:rotate(90deg)}
#two{position:absolute; left:230px; top:370px;font-size:2.5em; font-weight:bold;}

#cc3{position:absolute; left:150px; top:435px}
#three{position:absolute; left:234px; top:464px;font-size:2.5em; font-weight:bold;}

#cc4{position:absolute; left:10px; top:250px}
#four{position:absolute; left:42px; top:210px;font-size:2.5em; font-weight:bold;}

#cc5{position:absolute; left:150px; top:82px}
#five{position:absolute; left:234px; top:114px;font-size:2.5em; font-weight:bold;}

#cc6{position:absolute; left:290px; top:250px}
#six{position:absolute; left:320px; top:210px;font-size:2.5em; font-weight:bold;}

#cc7{position:absolute; left:400px; top:490px}
#seven{position:absolute; left:481px; top:520px;font-size:2.5em; font-weight:bold;}

#cc8{position:absolute; left:400px; top:340px}
#eight{position:absolute; left:481px; top:370px;font-size:2.5em; font-weight:bold;}

#cc9{position:absolute; left:400px; top:170px}
#nine{position:absolute; left:481px; top:200px;font-size:2.5em; font-weight:bold;}

#cc10{position:absolute; left:400px; top:20px}
#ten{position:absolute; left:481px; top:50px;font-size:2.5em; font-weight:bold;}







#begin{position:absolute; top:20px; left:550px; 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}
#beginlabel{position:absolute; top:20px; left:630px}
#reset{position:absolute; top:20px; left:880px; 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}
.buttons{background-color:#FFFF33;font-weight:bold;border:3px ridge black;font-size:1em; border-radius:6px}
.buttons:hover{border:3px solid black;background-color:#660033;color:#FFFFFF}


#selectedimage{position:absolute; top:50px; left:550px; 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}

#nameposition{position:absolute; top:50px; left:685px; font-size:1.5em; font-weight:bold}
#positionsig{position:absolute; top:140px; left:685px; width:270px; font-size:1.2em}

#meaning{position:absolute; top:280px; left:550px; width:400px;font-size:1.5em; color:#000066;  font-weight:bold; 
		border:2px ridge black; border-radius:5px; visibility:hidden; padding:5px;background-color:#FFFFCC;}

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; left:5px;height:20px;padding-top:100px }

/*history page*/
#histitle{margin-left:20px}
#tarotintro{position:absolute; left:20px;width:850px}
#tarothist{position:absolute; left:20px; top:300px; width:880px; height:350px; overflow:auto; padding:5px; border:1px solid black;}

/*cheatsheet*/
#majorarc{position:absolute; top:70px}
#quicktitle{position:absolute; left:280px; top:00px}
td ,th, table {border:2px solid black; font-size:1.1em;background-color:#FFFFCC}
table{table-layout:fixed; width:900px; text-align:left; margin-left:20px }
th{text-align:center}
td{padding:3px}
.suit{background-color:#660033;color:#FFFFFF; text-align:center; font-weight:bold; font-size:1.2em}
td.col1{text-align:center; width:150px}
#pv{position:absolute; left:20px}
#ccpositions{position:absolute; left:20px;width:650px; top:3960px}
#starpositions{position:absolute; left:20px;width:650px; top:4350px; margin-bottom:10px}

/*star layout*/
#ppal{position:fixed; top:300px; left:980px}


#deleft {transition: transform 1s;display:inline-block}
#deleft:hover{
	display:inline-block;
	-webkit-transform:rotateY(360deg);
   -moz-transform:rotateY(360deg);
   -o-transform:rotateY(360deg);
}
#contacttitle{position:absolute; top:30px; left:350px; font-size:2em}
#contactid{position:absolute; top:60px; left:500px;font-size:2em}
#orfeed{position:absolute; top:110px; left:350px;font-size:2em}
#welcome{position:absolute; top:110px; left:350px;font-size:1em}
#welcome2{position:absolute; top:110px; left:350px;font-size:1em}
#thankyou2{position:absolute; top:180px; left:350px;font-size:1.5em}
#feedbacksubmit2{position:absolute; top:220px; left:350px;font-size:1.5em}
#demo{position:absolute; top:385px; left:950px}

span:hover{color:white}

.adsbygoogle{	
	margin-top:23px;
}
.adcenter{
text-align:center;
width:90%;
margin-left:auto;
margin-right:auto;

}