html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: center; 
	font-family: verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #fff; 
	background: #3b1446; 
	} 


/* <<< main structural elements >>> */ 


.inner  { 
	position: relative; 
	width: 900px; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	background: url(images/header.gif) repeat-x 0 0; 
	border-top: 2px solid #3b1446; 
	border-bottom: 2px solid #2f053b; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	margin: 30px 0 0 0; 
	} 

#container  { 
	float: right; 
	width: 670px; 
	} 

ul#nav  { 
	float: left; 
	width: 200px; 
	margin: 20px 0; 
	padding: 0; 
	list-style-type: none; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	margin: 20px 0 0 0; 
	padding: 20px 0; 
	font-size: 90%; 
	font-style: italic; 
	background: url(images/siteinfo_2.gif) no-repeat 50% 30px; 
	border-top: 1px solid #fff; 
	} 

#tarottease  { 
	float: left; 
	width: 545px; 
	margin: 30px 0; 
	padding: 0 0 10px 0; 
	background: #60336d url(images/bottom545.gif) no-repeat 0 100%; /* lilac */ 
	} 

#dreamtease  { 
	float: right; 
	width: 325px; 
	margin: 30px 0; 
	padding: 0 0 10px 0; 
	background: #60336d url(images/bottom325.gif) no-repeat 0 100%; 
	} 

#quote  { 
	float: left; 
	width: 670px; 
	margin: 0 0 30px 0; 
	padding: 5px 0 0 0; 
	background: #60336d url(images/top670.gif) no-repeat 0 0; /* lilac */ 
	} 

blockquote  { 
	float: left; 
	width: 670px; 
	} /* for IE */ 

#quote cite  { 
	float: left; 
	width: 630px; 
	margin: 0; 
	padding: 0 20px 10px 20px; 
	background: url(images/bottom670.gif) no-repeat 0 100%; 
	} 

#warning  { 
	float: left; 
	width: 670px; 
	margin: 20px 0; 
	padding: 0; 
	background: #60336d url(images/top670.gif) no-repeat 0 0; /* lilac */ 
	} 

#warning p  { 
	float: left; 
	width: 630px; 
	padding: 0 20px 10px 20px; 
	background: url(images/bottom670.gif) no-repeat 0 100%; 
	} 

p  { 
	margin: 0.8em 0 0 0; 
	} 

blockquote p, 
#tarottease p, 
#dreamtease p  { 
	padding: 0 20px; 
	} 

.piccontainer  { 
	float: left; 
	width: 900px; 
	} 




/* <<< links >>> */ 



a:link  { 
	color: #f8ea77; 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #fff; 
	} 

a:hover  { 
	color: #fb3737; 
	} 

a:focus  { 
	color: #060d26; 
	outline: none; 
	} 

a:active  { 
	color: #000; 
	} 

h1 a  { 
	float: left;  
	display: block; 
	width: 200px; 
	height: 100px; 
	text-decoration: none; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	width: 180px; 
	padding: 0.5em 10px 0.5em 0; 
	color: #74baec; /* blue */ 
	text-decoration: none; 
	font-variant: small-caps; 
	font-weight: bold; 
	font-size: 110%; 
	} 

#nav a:hover  { 
	color: #f8ea77; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

#nav li.offers a  { 
	color: #d7260e; 
	} 

body#index li#navindex a, 
body#tarot li#navtarot a, 
body#dreams li#navdreams a, 
body#unconscious li#navunconscious a, 
body#sample li#navsample a, 
body#links li#navlinks a, 
body#about li#navabout a  { 
	color: #fff; 
	cursor: default; 
	} 

body#index li#navindex a:hover, 
body#tarot li#navtarot a:hover, 
body#dreams li#navdreams a:hover, 
body#unconscious li#navunconscious a:hover, 
body#sample li#navsample a:hover, 
body#links li#navlinks a:hover, 
body#about li#navabout a:hover  { 
	text-decoration: none; 
	cursor: default; 
	} 





/* <<< headers >>> */ 



h1  { 
	width: 900px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1a.gif) no-repeat 0 0;  
	} 

h2  { 
	margin: 0.5em 0 1em 0; 
	padding: 0; 
	text-align: left; 
	font-size: 190%; 
	line-height: 140%; 
	font-weight: normal; 
	font-family: "trebuchet ms", tahoma, sans-serif; 
	color: #d74471; /* pink */ 
	} 

h3  { 
	margin: 1em 0 0 0; 
	padding: 0.5em 0; 
	text-align: left; 
	font-size: 150%; 
	line-height: 140%; 
	font-family: "trebuchet ms", tahoma, sans-serif; 
	color: #d74471; 
	} 

#tarottease h3  { 
	float: left; 
	width: 505px; 
	margin: 0; 
	padding: 20px; 
	background: #60336d url(images/top545.gif) no-repeat 0 0; 
	} 

#dreamtease h3  { 
	margin: 0; 
	padding: 20px 20px 5px 20px; 
	background: #60336d url(images/top325.gif) no-repeat 0 0; 
	} 

h4  { 
	margin: 1em 0 0 0; 
	padding: 0.5em 0 0 0; 
	font-size: 130%; 
	line-height: 140%; 
	font-family: "trebuchet ms", tahoma, sans-serif; 
	color: #d74471; 
	} 

#tarottease h4  { 
	margin: 0; 
	padding: 0 20px 0 0; 
	} 


/* <<< lists >>> */ 



ul#nav li  { 
	float: left; 
	} 

#main ul  { 
	margin: 0 0 1em 0; 
	} 

#container li  { 
	margin: 0 0 0.5em 2em; 
	list-style-type: disc; 
	} 

#siteinfo ul  { 
	float: left; 
	width: 100%; 
	padding: 0.5em 0 0 0; 
	line-height: 140%; 
	list-style-type: none; 
	} 

#siteinfo ul#copyright li  { 
	margin: 0.5em 0; 
	padding: 0 1em 0 0; 
	} 

#siteinfo ul#validity  { 
	display: inline; 
	} 

#siteinfo ul#validity li  { 
	display: inline; 
	margin: 0.5em 0; 
	padding: 0 1em 0 0; 
	} 

#main ul li, 
ol li  { 
	margin: 0 0 0 20px; 
	} 



/* <<< forms >>> */ 


form  { 
	float: left; 
	width: auto; 
	margin: 20px 0 0 0; 
	} 

form#contactus  { 
	float: left; 
	width: 670px; 
	margin: 0 0 20px 0; 
	padding: 10px 0; 
	} 

form#contactus div  { 
	margin: 1em 0 0 0; 
	} 

form#contactus label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

form#contactus label.message  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

form#contactus input  { 
	width: 240px; 
	padding: 2px; 
	} 

form#contactus input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	} 

form#contactus input.submitform:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

form#contactus textarea  { 
	width: 650px; 
	height: 200px; 
	margin-top: 5px; 
	} 

form#contactus .validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #fff; 
	color: #d74471; /* pink */ 
	font-weight: bold; 
	border: 1px solid #74baec; 
	} 



/* <<< minor and decorative elements >>> */ 


img  { 
	float: left; 
	margin: 10px 20px 20px 0; 
	padding: 2px; 
	background: #60336d; 
	border: 1px solid #d74471; 
	} 

#tarottease img  { 
	margin: 0 20px 20px 20px; 
	} 

body#tarot img, 
body#about img  { 
	float: right; 
	margin: 10px 0 20px 20px; 
	} 

cite, 
em  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #fff; 
	cursor: help; 
	} 

strong  { 
	font-weight: bold; 
	}