﻿/* 
    If you're just learning CSS try out this website:
    http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
*/
body, html
{
	background-color: #252525;
	font-family: Arial, Sans-Serif;
	height: 100%;
	line-height: 110%;
	padding-bottom: 1px;
	width: 99%;
}
img
{
	/* turn off borders on all pics */
    border: 0;
}
a
{
	/* turn off dotted outlining */
	outline: none;
}
#ah-footer
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 715px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-fiction height +15 for property top */
#ah-footer-fiction
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 1190px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-henna height +15 for property top */
#ah-footer-henna
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 715px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-links height +15 for property top */
#ah-footer-links
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 840px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-gallery height +15 for property top */
#ah-footer-gallery
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 715px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-blank-tarot height +15 for property top */
#ah-footer-tarot
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 1050px;
	width: 94%;
	position: absolute;
}
/* see ah-footer for base properties and ah-main-blank-writings height +15 for property top */
#ah-footer-writings
{
	color: #a6a6a6;
	font-size: x-small;
	height: 30px;
	margin-left: 3%;
	margin-right: 3%;
	text-align: center;
	top: 1280px;
	width: 94%;
	position: absolute;
}
#ah-main
{
	background-image: url('imgs/background.jpg');
	background-repeat: no-repeat;
	background-color: #252525;
	background-position: center;
	width: 900px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
}
#ah-main-blank-orig
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #252525;
	background-position: center;
	width: 900px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
}
#ah-main-blank
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-fiction
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 1175px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-gallery
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-henna
{
	background: url('imgs/background-henna.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-links
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 820px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-blank-tarot
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 1035px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/* see ah-main-blank for base properties */
#ah-main-blank-writings
{
	background: url('imgs/background-blank.jpg');
	background-repeat: no-repeat;
	background-color: #16254E;
	background-position: top center;
	height: 1265px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#ah-navigation-left
{
	font-size: small;
	float: left;
	height: 405px;
	padding-left: 33px;
	padding-top: 195px;
	width: 215px;
}
#ah-navigation-top
{
	font-size: small;
	float: left;
	height: 80px;
	padding-left: 220px;
	width: 680px;
	padding-top: 20px;
}
#ah-gallery
{
	float: left;
}
#ah-gallery-mobile
{
	float: left;
	padding-left: 65px;
}
#ah-gallery-news
{
	color: #a3b9f3;
	height: 100px;
	line-height: 130%;
	padding-bottom: 150px;
	padding-left: 50px;
	padding-top: 40px;
	text-align: center;
	width: 200px;
}
#ah-home-page-text
{
	color: white;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 17px; /* height: 475px; */;
	height: 517px;
	margin-bottom: 40px;
	margin-left: 30px;
	margin-top: 60px;
	text-align: center;
	width: 350px;
	line-height: 120%;
}
#ah-page-text-orig
{
	color: white;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	height: 525px;
	margin-bottom: 40px;
	margin-left: 14px;
	margin-top: 5px;
	text-align: left;
	width: 595px;
}
#ah-page-text
{
	color: white;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	height: auto;
	margin-bottom: 40px;
	margin-left: 14px;
	margin-top: 5px;
	text-align: left;
	width: 595px;
}
#ah-page-gallery
{
	color: white;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	height: 565px;
	margin-bottom: 40px;
	margin-left: 14px;
	margin-top: 5px;
	text-align: left;
	width: 595px;
}
#ah-page-text-henna
{
	color: white;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	height: 795px;
	margin-bottom: 40px;
	margin-left: 14px;
	margin-top: 5px;
	text-align: left;
	width: 595px;
}
.ah-page-quote
{
	font-style: italic;
	text-align: center;
}
.answer-text
{
	color: #a6a6a6;
}
.book
{
	margin-top: 30px;
	text-align: left;
}
.book-by
{
	font-weight: lighter;
}
.book-copyright
{
	font-weight: lighter;
	padding-bottom: 10px;
	color: gray;
}
.book-description
{
	
}
.book-img
{
	float: left;
	height: 153px;
	padding-bottom: 35px;
	padding-right: 20px;
	width: 113px;
}
.book-title
{
	font-weight: bolder;
}
.book-title a:visited, a, a:active
{
	color: inherit;
	text-decoration: none;
}
.book-title a:hover
{
    text-decoration: underline;
}
.feedback
{
}
.feedback-header
{
	font-weight: bolder;	
	padding-top: 25px;
	width: 95%;
}
.feedback-item
{
	font-style: italic;
	font-weight: normal;
	padding-bottom: 8px;
}
.feedback-title
{
	color: gray;
	font-style: italic;
	font-weight: normal;
}
footer-icon
{
	padding-left: 5px;
	padding-right: 5px;
}
.link-desc
{
	font-weight: lighter;
	font-style: italic;
	padding-bottom: 5px;
}
.link-header
{
	font-weight: bolder;
	padding-top: 15px;
}
.link-text
{
	text-decoration: none;
}
.link-text a:hover
{
	text-decoration: underline;
}
.question-text
{
	cursor: pointer;
}
.tarot
{
	padding-bottom: 10px;
	width: 96%;	
}
.tarot-answer-text
{
	color: #a6a6a6;
	padding-top: 20px;
}
.tarot-img
{
	float: left;
	padding-bottom: 15px;
	padding-right: 20px;
}
.tarot-pricing-desc
{
	padding-bottom: 15px;
	padding-top: 10px;
}
.tarot-pricing-title
{
	font-weight: bolder;
}
.tarot-question-text
{
	cursor: pointer;
	padding-top: 20px;
}
.tarot-schedule-reading
{
	font-weight: bold;
}
.tarot-schedule-reading a:hover
{
	text-decoration: underline;
}
.twitter-pic
{
	padding-top: 45px;
	text-align: center;
	width: 165px;
}
.nav-item-left
{
	padding-bottom: 10px;	
}
.nav-item-top
{
	padding-left: 15px;
}
.writing-landscape
{
	height: 85px;
	text-align: left;
}
.writing-portrait
{
	height: 127px;
	text-align: left;
}
.writing-img-landscape
{
	float: left;
	height: 65px;
	padding-right: 20px;
	width: 124px;
}
.writing-img-portrait
{
	float: left;
	height: 107px;
	padding-right: 20px;
	width: 79px;
}
.writing-title
{
	font-weight: bolder;
	padding-top: 20px;
}
#nav-items
{
	padding-bottom: 30px;
}
#nav-items a
{
    text-decoration: none;
}
#nav-items a:visited
{
    text-decoration: none;
}
#nav-items a:hover
{
    text-decoration: underline;
}
#example-text
{
    padding-left: 20px;
    padding-top: 10px;
    float: left;
    width: 215px;
}
#example-text a 
{
    color: red;
    text-decoration: underline;
}
#example-text a:visited
{
    color: inherit;
    text-decoration: underline;
}
#example-text a:hover
{
    color: red;
    text-decoration: underline;
}

/*

    This CSS custom designed for http://www.alissahall.com/, please do not 
        just steal the design, stylesheet or anything else without the express written
        consent of http://f4techgroup.com/.

    Good Day!

*/



