@charset "utf-8";
/* CSS Document */

/* css reset code from rockstar Eric Meyer, meyerweb.com.  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end css reset code */

body {
	text-align: center;
	background: url(images/background.jpg);
}

#container {
	width: 845px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background-color: #ffffff;
	padding: 20px 20px 12px 20px;
	overflow: hidden;
}

#divider {

}

#content {
	background-color: #f0ece8;
	padding-top: 40px;
	overflow: hidden;
	padding-bottom: 30px;
}

#text {
	float: right;
	width: 560px;
	margin-top: -30px;
}

#header .smallcover {
	float: left;
	padding-right: 20px;
}

div.logo {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.amazonlink {
	float: left;
	margin: 15px 15px 15px 0px;
	padding: 15px 15px 15px 30px;
	background-color: #FFFFFF;
}

div.amazonlink img {
	padding-bottom: 10px;
}

div.contactbar {
	background-color: #c13e3e;
	padding: 10px;
	text-align: center;
	margin: 0;
	color: #ffffff;
}

div.contactbar a {
	
}

/* typography */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

span .italic {
	font-style: italic;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#header h1 {
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

#text h1 {
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 12px;
}

h2 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 5px;
	line-height: 1.2em;
}

.author {
	color: #0066cc;
	font-weight: bold;
}

#text p {
	margin-right: 15px;
	margin-bottom: 1em;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
}

#text p.quoted {
	font-size: 80%;
	
	padding-left: 1em;
}

#text h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

/* ToC style */

.toc li {
	margin: .75em 0 0 1em;
}

.toc ol {
	list-style: decimal;
	margin-left: 2em;
}

/* nav list */

#nav li span a{
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	
}

#nav li {
	margin-bottom: 16px;
}


/* links */

img {
	border: none;
	background-color: none;
}

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





p a:visited {
	color: #c13e3e;
	text-decoration: none;
}

p a:hover {
	color: #ffffff;
	background-color: #c13e3e;
	
	text-decoration: none;
}

#nav a:link, .contactbar a:link {
	background-color: #c13e3e;
	color: #ffffff;
	text-decoration: none;
}

#nav a:visited, .contactbar a:visited {
	background-color: #c13e3e;
	color: #ffffff;
	text-decoration: none;
}

#nav a:hover, .contactbar a:hover {
	background-color: #ffffff;
	color: #c13e3e;
	text-decoration: none;
	border: none;
}


/* css speech bubbles */

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px 0 0; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding:0.2em 0.5em 0.2em 0.5em; color:#000; margin: 0 !important;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin-right:2em; margin-top: 2em; margin-bottom: 0.3em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #ffffff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#ffffff; border-width:0 5px;}

.xb5 {margin:0 2px; background:#ffffff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#ffffff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#ffffff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#ffffff; border:3px solid #fff; border-width:0 3px;}