/* Marry an Angel style sheet */

body {
	margin: 0;
	padding: 0;
	font-family: times,times-roman,times-new-roman,serif;
	font-size: 14px;
	background-image: url(../images/flower-tile.gif);
	background-color: #D9E1EF;
	text-align: center;
	line-height: 20px;
	color: #1A2B5F;
}

* { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }

.italic { font-style: italic; font-size: 16px; }

img { display: block; }

.bar { width: 307px; margin: 20px auto; text-align: center; }

.extraMargin { 
	margin-top: 20px;
	margin-bottom: 20px;
}

.notes { 
	color: #999;
	font: 11px "Trebuchet MS", arial, sans-serif; 
}

div#wrap {
	width: 800px;
	height: 100%;
	background-image: url(../images/content-tile.jpg);
	background-repeat: repeat-y;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #043874;
}

div#header {
	background: url(../images/header.jpg) no-repeat;
	height: 140px;
	width: 100%;
}

div#menu {
	background: url(../images/menu-background.jpg) no-repeat;
	height: 107px;
	width: 100%;
	position: relative;
}

div#menu ul li { list-style-type: none; float: left; }

#menu a { display: block; height: 33px; text-decoration: none; }

#menu a i { font-size: 8px; visibility: hidden; }

.about a { 
	width: 141px;
	position: absolute;
	top: 13px;
	left: 50px; 
}

.heather a { 
	width: 74px;
	position: absolute;
	top: 13px;
	left: 235px;
}

.excerpt a { 
	width: 149px; 
	position: absolute;
	top: 13px;
	left: 350px;
}

.shortstory a { 
	width: 153px; 
	position: absolute;
	top: 13px;
	left: 532px;
}

.home a { 
	width: 60px; 
	position: absolute;
	top: 13px;
	left: 730px;
}

.contact a { 
	width: 72px; 
	position: absolute;
	top: 47px;
	left: 75px;
}

.amazon a { 
	width: 168px; 
	position: absolute;
	top: 47px;
	left: 200px;
}

.authorhouse a { 
	width: 208px; 
	position: absolute;
	top: 47px;
	left: 415px;
}

.picture a { 
	width: 90px; 
	position: absolute;
	top: 47px;
	left: 670px;
}

.about a:link, .about a:visited, .about a:active { background-image:url(../images/buttons/about.jpg); }
.about a:hover { background: url(../images/buttons/about.jpg) 0px -33px; }

.heather a:link, .heather a:visited, .heather a:active { background-image:url(../images/buttons/heather.jpg); }
.heather a:hover { background: url(../images/buttons/heather.jpg) 0px -33px; }

.excerpt a:link, .excerpt a:visited, .excerpt a:active { background-image:url(../images/buttons/chapters.jpg); }
.excerpt a:hover { background: url(../images/buttons/chapters.jpg) 0px -33px; }

.shortstory a:link, .shortstory a:visited, .shortstory a:active { background-image:url(../images/buttons/short-story.jpg); }
.shortstory a:hover { background: url(../images/buttons/short-story.jpg) 0px -33px; }

.home a:link, .home a:visited, .home a:active { background-image:url(../images/buttons/home.jpg); }
.home a:hover { background: url(../images/buttons/home.jpg) 0px -33px; }

.contact a:link, .contact a:visited, .contact a:active { background-image:url(../images/buttons/contact.jpg); }
.contact a:hover { background: url(../images/buttons/contact.jpg) 0px -33px; }

.amazon a:link, .amazon a:visited, .amazon a:active { background-image:url(../images/buttons/amazon.jpg); }
.amazon a:hover { background: url(../images/buttons/amazon.jpg) 0px -33px; }

.authorhouse a:link, .authorhouse a:visited, .authorhouse a:active { background-image:url(../images/buttons/authorhouse.jpg); }
.authorhouse a:hover { background: url(../images/buttons/authorhouse.jpg) 0px -33px; }

.picture a:link, .picture a:visited, .picture a:active { background-image:url(../images/buttons/picture.jpg); }
.picture a:hover { background: url(../images/buttons/picture.jpg) 0px -33px; }

a.thispage { background-position: 0px -33px; }

div#content {
	background: url(../../images/content-background.jpg) no-repeat;
	height: 100%;
	width: 800px;
	padding: 0px 0px 20px 75px;
	text-align: justify;
	position: relative;
	clear: left;
}

div#content #testimonials {
	width: 550px;
	padding-top: 25px;
	margin-left: 50px;
	text-align: justify;
}

div#content p { margin-top: 1.5em; }

div#content .quote { font-style: italic; font-size: 16px; } 

div#content .reader { padding-left: 5px; font-weight: bold; }

* html div#content { margin-top: 0px; }

#download { 
	margin: 25px auto;
	font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif;
	width: 500px;
	text-align: center;
	line-height: 16px;
}

#content a { font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif; font-size: 11px; text-decoration: underline; }

#content a:link { color: #0033CC; }
#content a:visited { color: #6699FF; }
#content a:hover { color: #6699FF; }
#content a:active { color: #6699FF; }

div#leftcolumn {
	width: 400px;
	float: left;
}

div#rightcolumn {
	width: 265px;
	float: left;
	padding-left: 25px;
}

div#centercolumn { width: 500px; margin-left: 85px; }

div#excerpt { width: 600px; margin-left: 25px; line-height: 22px; }

div#content #excerpt p { text-indent: 20px; margin-top: 0; } 

.justify { text-align: justify; }

h1 { 
	font-size: 20px; 
	margin: 20px auto 5px auto; 
	font-style: italic; 
	text-align: center;
}

h2 {
	font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
	text-align: center;
	margin: 6px auto 30px auto;
}

.swish { 
	padding-top: 10px;
	text-align: center;
	margin: 0 auto;
	width: 45px; 
}

.divider {
	clear: both; 
	padding-top: 20px; 
	width: 307px;
	margin-left: 165px;
}

.title { margin-left: 77px; }

* html .title { margin-top: -20px; }

.paddingTop { padding-top: 15px; }

div#content .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#footer {
	width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both; 
}

div#submenu {
	width: 715px;
	font-size: 11px;
	height: 11px;
	margin-top: 15px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #ADD1EF;
}

div#submenu ul {
	padding-left: 50px;
}

div#submenu ul li {
	float: left;
	padding: 0 20px;
	list-style-type: none;
	line-height: 22px;
	vertical-align: middle;
}

#backtotop {
	position: absolute;
	bottom: 5px;
	right: 100px;
}

a:link { color: #ADD1EF; text-decoration: none; }
a:visited { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

.reviews a { color: #0066FF; text-decoration: underline; }

.thispage { color: #ECE7E0; }

.link { margin-left: 0; text-align: left; }

div#copyright {
	height: 30px;
	font: 10px "Trebuchet MS", Verdana, Tahoma, sans-serif;
	text-align: center;
	margin: 20px auto;
	width: 800px;
	color: #ADD1EF;
	clear: both;
}