/* RESET 
*****************************************************************/
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-type: 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: "" "";}

/* LINKS 
*****************************************************************/
a:link, a:visited { 
	color: #4c4c4c;}
#memberLogin a:link, #memberLogin a:visited {
	color: #FFF;}
#footer a:link, #footer a:visited {
	color: #C4C4AB;}
#footer ul a:hover, #footer #top a:hover {
	color: #fff;}
a:hover, #footer a:hover, #memberLogin a:hover { color: #E90A03;}
#learn a {
	border: none;
	text-decoration: none;}
a.external {
	background: url(../img/new-win-icon.gif) right top no-repeat;
	padding-right: 20px;}

/* STRUCTURE 
*****************************************************************/

body {
	background: #4c4c4c url(../img/bodyBG.png);}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;
	background: #FFF;}
.clear {
	clear: both;}

/* HEADER and NAVIGATION
*****************************************************************/
#header {
	position: relative;
	height: 160px;
	background: #4c4c4c;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	z-index: 999;
}
#blogtitle {
	position: relative;
	background: url(../img/um_logo4.gif) no-repeat;
	height: 120px;
	width: 825px;
	margin-left: 18px;}
#blogtitle h1 {
	display: none;}
#nav {
	position: absolute;
	top: 120px;
	left: 0;
	height: 40px;
	width: 100%;
	background: #4c4c4c;
	border-bottom: 2px solid #E90A03;
	border-top: 1px solid #FFF;
	z-index: 999;
}
#nav ul {
	width: 960px;
	height: 40px;
	margin: 0 auto;}
#nav li {
	display: inline;}
#nav li a {
	float: left;
	display: block;
	height: 40px;
	text-indent: -9999px;
}
li#navHome a {
	width: 80px;
	background: url(../img/navHome.gif) no-repeat;}
li#navHome a:hover {
	background: url(../img/navHomeOver.jpg) no-repeat;}
li#navBook a {
	width: 140px;
	background: url(../img/navBook.gif) no-repeat;}
li#navBook a:hover {
	background: url(../img/navBookOver.jpg) no-repeat;}
body#home li#navHome a,
	body#about_the_book li#navBook a,
		body#about_the_author li#navAuthor a,
			body#tell_your_story li#navStory a,
				body#email li#navStory a {
	height: 38px;
	border-bottom: 2px solid #c4c4ab;}
li#navAuthor a {
	width: 120px;
	background: url(../img/navAuthor.gif) no-repeat;}
li#navAuthor a:hover {
	background: url(../img/navAuthorOver.jpg) no-repeat;}
li#navStory a {
	width: 92px;
	background: url(../img/navReviews.gif) no-repeat;}
li#navStory a:hover {
	background: url(../img/navReviewsOver.gif) no-repeat;}

/* FEATURES 
*****************************************************************/
#features {
	position: relative;
	height: 160px;
	margin-top: 30px;}
#features h3 {
	text-indent: -9999px;}
.feature {
	width: 200px;
	height: 160px;
	float: left;}
#purchase {
	position: relative;
	background: url(../img/featPurchase.jpg) no-repeat;}
#purchase ul {
	position: absolute;
	top: 10px;
	left: 100px;
	font-size: 12px;
	line-height: 16px;
	font-family: "Trebuchet MS", Verdana, sans-serif;}
#listen {
	position: relative;
	background: url(../img/featListen.jpg) no-repeat;}
#listen h3 {
	text-indent: 0;
	font-size: 12px;
	padding: 15px;
	line-height: 1;}
li#stream {
	position: absolute;
	top: 40px;
	left: 30px;}
span.play {
	display: none;}
li#download {
	position: absolute;
	top: 60px;
	left: 95px;}
li#download span {
	font-family: "Trebuchet MS", Verdana, sans-serif;}
#learn {
	position: relative;}
#author {
	position: relative;
	background: url(../img/featAuthor.jpg) no-repeat;}
#learn h3 a, #author p a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 200px;
	height: 120px;
	text-indent: -9999px;
	border-bottom: none;}
#learn h3 {
	display: none;
}


.listen_item li#stream {
	position: relative;
	top: 0;
	left: 0;}
.listen_item li#download {
	position: relative;
	top: 0;
	left: 0;}


/* PRIMARY CONTENT
*****************************************************************/
#primary {
	position: relative;
	width: 440px;
	margin-bottom: 40px;
	margin-left: 20px;
	padding-top: 10px;
	float: left;
	background: #FFF;}
body#email #primary {
	margin-top: 20px;}
#intro {
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #4c4c4c;
	padding-bottom: 40px;}
.entry {
	background: #C4C4AB url(../img/gradient.png) 0 -80px repeat-x;
	padding: 20px;
	margin-bottom: 40px;}
body#email .entry {
	margin-bottom: 10px;}
.text {
	padding-bottom: 10px;}
.pre {
	font-style: oblique;
	font-size: 11px;
	line-height: 16px;
	padding: 0 20px 20px 20px;}
#teaser {
	background: #FFF;}
#teaser li a {
	display: block;
	width: 200px;
	height: 80px;
	text-indent: -9999px;
	float: left;
	margin: 0 10px 40px 10px;}
#teaser li#readButton a {
	background: url(../img/readButtonOver.jpg) no-repeat;}
#teaser li#readButton a:hover {
	background: url(../img/readButton.jpg) no-repeat;}
#teaser li#emailButton a {
	background: url(../img/emailButtonOver.jpg) no-repeat;}
#teaser li#emailButton a:hover {
	background: url(../img/emailButton.jpg) no-repeat;}
#teaser .entry {
	clear: left;}
.tys {
	margin-bottom: 40px;}

/* SECONDARY CONTENT
*****************************************************************/
#secondary {
	background: #FFF;
	position: relative;
	width: 220px;
	margin: 0pt 40px 40px 20px;
	padding-top: 10px;
	float: left;}	

/* SECONDARY CONTENT (EMAIL PAGE)
*****************************************************************/
body#email #secondary {
	width: 440px;
	margin-bottom: 200px;}	


/* FUNCTIONAL CONTENT
*****************************************************************/
#functional {
	width: 160px;
	margin-bottom: 40px;
	float: left;
	background: #FFF;}
#search {
	position: relative;
	height: 100px;
	padding: 10px;
	margin: 20px 0 0 20px;
	background: url(../img/searchBG.jpg) no-repeat;}
p#searchBox label {
	display: none;}
p#searchBox input {
	width: 136px;}
#search button {
	float: left;
	width: 27px;
	height: 27px;
	padding: 0;
	border: none;
	background: url(../img/sButton.gif) no-repeat;
	text-indent: -9999px;}
#search button:hover {
	background-image: url(../img/sButtonHover.gif);}
p#searchAdv a, p.forgot a {
	font: 11px/13px "Trebuchet MS", Verdana, sans-serif;
	padding-top: 5px;
	color: #999;
	border-bottom: none;}
p#searchAdv a:hover, p.forgot a:hover {
	color: #E90A03; }
#advertisements {
	width: 160px;
	padding-top: 10px;
	background: #4c4c4c;}
#adArea {
	width: 160px;
	height: 600px;
	padding-bottom: 10px;
	background: #4c4c4c;}
	
/* MEMBER LOGIN FORM
*****************************************************************/
#memberLogin {
	padding: 10px 14px 0 10px;
	margin-bottom: 20px;
	background: #000 url(../img/memberBG.jpg) no-repeat;
	color: #FFF;}
#memberLogin p {
	text-indent: 0;
	font-size: 11px;
	line-height: 15px;
	font-family: "Trebuchet MS", Verdana, sans-serif;}
.memberFields {
	padding-top: 10px;}
#memberLogin .input {
	width: 100%;
	margin-bottom: 2px;}
input.checkbox {
	margin: 6px 5px 2px 0; padding: 0;}
#memberLogin button {
	font-size: 11px;
	padding: 2px 3px 3px 2px;
	margin: 10px 0 5px 0;
	float: right;}
#memberLoginBot {
	position: relative;
	clear: left;
	left: -10px;
	width: 160px;
	height: 20px;
	background: #000 url(../img/memberBottomBG.jpg) left bottom no-repeat;}
p.forgot {
	clear: right;
	text-align: right;}
#memberLogin p.screen_name {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding-bottom: 5px;}
#memberLogin ul {
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;}
	
/* TELL YOUR STORY
*****************************************************************/

#yourStories {
	background: #4c4c4c url(../img/gradient.png)  0 -80px repeat-x;
	margin-top: 40px;
	padding: 20px;}
.meta {
	float: left;
	width: 50px;
	margin-right: 20px;
	margin-top: 5px;}
body#email .meta {
	float: none;
	width: 100%;}
.meta p {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-indent: 0;
	line-height: 14px;}
.metaButtons {
	height: 20px;
	padding: 10px 0px 10px 0;}
body#email .metaButtons {
	background: none;
	margin-bottom: 60px;}
.metaButtons p {
	text-indent: 0;}
p.date {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px dotted #E1E1D4;
	text-indent: 0;}
p.no_results {
	padding-bottom: 40px;}

/* TELL YOUR STORY and REGISTRATION FORM
*****************************************************************/

div#tellForm {
	background: #C4C4AB url(../img/gradient.png)  0 -80px repeat-x;
	padding: 20px;}
div.form p, label { 
	text-indent: 0;
	font: 12px/16px "Trebuchet MS", Verdana, sans-serif;}
div.form p, input {
	margin-bottom: 10px;}
input.textfield, #tellForm textarea {
	width: 100%;}
#tellForm textarea {
	height: 300px;}
#tellForm .pre {
	padding: 20px 10px 10px 10px;
	font-style: oblique;}
#tellForm .checkbox {
	padding-top: 0;}
input:focus, textarea:focus {
	background: #DBDBDB;}
#tellForm strong {
	color: #dd2535;}

/* MAIL FORM
*****************************************************************/
#tellafriend_form {
	background: #FFF;}
#mailForm {
	position: fixed;
	top: 200px;
	width: 400px;
	height: 300px;
	background: #C4C4AB url(../img/gradient.png)  0 -80px repeat-x;
	padding: 20px;}
#mailForm div#inputs {
	width: 160px;}
#mailForm p#message {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 220px;}
p#message textarea {
	width: 100%;
	height: 230px;
	margin-bottom: 10px;}
p.hidden {
	display: none;}

/* BUTTONS
*****************************************************************/
a.button  {
	margin-top: 20px;}
button, a.button {
    background: #4c4c4c url(../img/buttonBG.png) repeat-x;
    border:1px solid #ababab;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    text-decoration:none;
    color:#eee;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button:hover, a.button:hover {
    background:#C4C4AB url(../img/buttonBG.png) repeat-x;
    color:#4c4c4c;
}
button img, a.button img{
    margin:0 5px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
#yourStories a.button, #teaser a.button, .tys_buttons a.button {
	float: right;
	margin-left: 10px;
	margin-top: 0;}
#tellForm button.submit {
	float: left;
	margin-right: 10px;}
	
	
/* COMMENTS
*****************************************************************/
div.comments {
	position: relative;
	padding: 20px;
	margin-bottom: 40px;}
div.odd {
	background: #C4C4AB url(../img/gradient.png)  0 -80px repeat-x;}
div.even {
	background: #adadad url(../img/gradient.png)  0 -80px repeat-x;
	color: #000;}
p.count {
	font-size: 30px;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	position: absolute;
	right: 0;}
div.comments .meta {
	width: 90%;
	margin-bottom: 20px;}
div.comments .text {
	clear: left;}
div.comments .avatar {
	float: left;
	margin-right: 10px;}
p.count span {
	font-size: 20px;
	position: relative;
	top: -5px;}
div.comments p {
	text-indent: 0;}
div.comments .text p {
	font-family: "Trebuchet MS", Verdana, sans-serif;}
div.comments .text p + p {
	text-indent: 1.5em;}
div.commentTotal p, p.paginate{
	font-style: oblique;
	border-top: 1px solid #4c4c4c;
	padding-top: 10px;
	clear: left;}
#comment_form {
	background: #FFF;}	
#commentForm {
	background: #C4C4AB url(../img/gradient.png)  0 -80px repeat-x;
	padding: 20px;}
#commentForm textarea, input.inputText {
	width: 100%;
	margin-bottom: 10px;}
#commentForm p {
	text-indent: 0;}
.commentTotal {
	padding-bottom: 20px;}
#commentForm button {
	margin-top: 10px;}

/* RSS
*****************************************************************/
#rss {
	margin-left: 15px;
	padding: 10px;
	width: 185px;
	border: 1px solid #C4C4AB;
}
#rss img {
	position: relative;
	padding-right: 5px;
	top: 4px;
}


/* FOOTER
*****************************************************************/
#footer {
	position: relative;
	clear: both;
	width: 520px;
	margin: 0 auto;
	height: 150px;
	background: #4c4c4c;
	color: #C4C4AB;
	border-top: 1px solid #E90A03;
	border-right: 440px solid #E90A03;}
#footer p {
	text-indent: 0;
	font-size: 11px;}
#footer p.title {
	width: 500px;
	text-indent: -9999px;
	height: 60px;
	background: url(../img/footer-title.gif) 50% top no-repeat;
	margin-left: 5px;
	margin-top: 20px;}
#footer p.copy {
	position: absolute;
	bottom: 20px;
	right: 30px;
	padding-left: 10px;
	text-align: right;}
#footer ul {
	position: absolute;
	top: 50px;
	right: -430px;
	text-align: right;}	
#footer li {
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;}
#footer p#top {
	position: absolute;
	top: 20px;
	right: -420px;}
img.top {
	margin-right: 5px;
	position: relative;
	top: 5px;}
	
/* TYPOGRAPHY
*****************************************************************/
body {line-height: 20px;}
small {
	font-size: 11px;}
strong {
	font-weight: bold;}
p, ol, ul {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;}
p + p {
	text-indent: 1.5em;}
#biblio p {
	text-indent: -1.5em;
	margin-left: 1.5em;}
span.letter {
	font-size: 30px;
	display: block;
	text-align: center;
	padding: 20px 0;}
#errata p {
	text-indent: 0;
	padding-bottom: 10px;}
.breadcrumbs a {
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 5px;
	color: #C4C4AB;}
.breadcrumbs a:hover {
	color: #E90A03;}
.breadcrumbs {
	color: #C4C4AB;}
body#email .breadcrumbs {
	margin-top: 40px;}
h2, h3, h4, legend {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 10px;}
h2 {
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, sans-serif;}
h3 {
	color: #4c4c4c;
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, sans-serif;}
h4, legend {
	font-size: 12px;
	padding-bottom: 10px;}
blockquote p {
	font-size: 16px;
	color: #E90A03;
	padding: 20px 0 0px 20px;}
blockquote.reviewSmall p {
	position: relative;
	font-size: 12px;
	color: #4c4c4c;
	}
blockquote p span {
	display: block;
	text-align: right;
	font-size: 11px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 1px;}
#intro p {
	font-style: oblique;}
ul.subNav {
	margin-left: 15px;}
ul.subNav li {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #c4c4ab;}
ul.subNav h4 {
	padding-bottom: 0;
	color: #4c4c4c;}
ul.subNav p {
	color: #000;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;}
#newsList .subNav li {
	display: block;}
#newsList .subNav li:hover {
	background: #4c4c4c;}
#newsList .subNav li:hover p {
	color: #FFF;}
#newsList .subNav li:hover h4 {
	color: #c4c4ab;}
#newsList .subNav li:hover a {
	color: #c4c4ab;}
#newsList .subNav li:hover a:hover {
	color: #E90A03;}
#subNavBook {
	margin-top: 40px;}
#subNavBook ul.subNav li {
	padding: 0;
	line-height: 16px;}
#subNavBook li a {
	display: block;
	padding: 8px 25px 8px 5px;
	font-size: 12px;
	background-color: #FFF;
	background-position: 205px 10px;
	text-decoration: none;}
#subNavBook li a:hover {
	background-color: #4c4c4c;
	color: #c4c4ab;}
ol {
	margin-left: 22px;
	background: url(../img/newsBG.gif) repeat-y;
	color: #4c4c4c;}
ol li {
	padding-left: 10px;
	padding-bottom: 20px;}
ol li p {
	color: #000;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;}
ol.menu li{
	padding-bottom: 0;
	padding-left: 0;
	border-bottom: 1px solid #c4c4ab;}
ol.menu li a {
	text-decoration: none;
	display: block;
	padding-left: 10px;}
ol.menu li a:hover {
	background: #4c4c4c;
	color: #fff;}
ol.menu {
	margin-bottom: 40px;
	margin-left: 28px;
	font-style: oblique;
	list-style-type: decimal-leading-zero;}

/* HEADERS
*****************************************************************/
h2, h2#headerTell a {
	display: block;
	text-indent: -9999px;
	width: 460px;
	height: 60px;
	padding-bottom: 0;}
h2#headerTell, h2#headerTell a:link, h2#headerTell a:visited {
	background: url(../img/headerTell.jpg) 20px 0 no-repeat;}
h2#headerTell a:hover {
	background: url(../img/headerTellOver.jpg) 20px 0 no-repeat;}
h2#headerComment {
	background: url(../img/headerComment.jpg) 20px 0 no-repeat;}
h2#headerEmail {
	background: url(../img/headerEmail.jpg) 20px 0 no-repeat;}
h2#headerBook {
	background: url(../img/headerBook.jpg) 20px 0 no-repeat;}
h2#headerAuthor {
	background: url(../img/headerAuthor.jpg) 20px 0 no-repeat;}
h2#headerNews {
	background: url(../img/headerNews2.jpg) 20px 0 no-repeat;}
h2#headerLearn {
	background: url(../img/headerLearn.jpg) 20px 0 no-repeat;}
h2#headerListen {
	background: url(../img/headerListen.jpg) 20px 0 no-repeat;}
h2#headerReviews {
	background: url(../img/headerReviews.jpg) 20px 0 no-repeat;}
h2#headerEndnotes {
	background: url(../img/headerEndnotes.jpg) 20px 0 no-repeat;}
h2#headerBiblio {
	background: url(../img/headerBiblio.jpg) 20px 0 no-repeat;}
h2#headerErrata {
	background: url(../img/headerErrata.jpg) 20px 0 no-repeat;}
#newsList h2 {
	display: block;
	height: 60px;
	background: url(../img/headerNews.jpg) -25px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;}
h4#headerExplore {
	display: block;
	height: 40px;
	background: url(../img/headerExplore.jpg) 15px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;}
h4#headerBlog {
	display: block;
	height: 40px;
	background: url(../img/headerBlog.jpg) 15px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;}
h4#headerLinks {
	display: block;
	height: 40px;
	background: url(../img/headerLinks.jpg) 15px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;
	margin-top: 20px;}
h4#headerLatest {
	display: block;
	height: 40px;
	background: url(../img/headerLatest.jpg) 20px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;
clear: left;}
h4#headerArchives {
	display: block;
	height: 40px;
	background: url(../img/headerArchives.jpg) 40px 0 no-repeat;
	text-indent: -9999px;
	padding-bottom: 0;
	margin-top: 20px;}

/* IMAGES
*****************************************************************/
.floatRight {
	float: right;
	margin-left: 20px;}
.floatLeft {
	float: left;
	margin-right: 20px;}
#memberLogin .avatar {
	float: left;
	margin-right: 5px;}
#intro img {
	float: right;
	padding: 0 0 40px 20px;
	position: relative;
	top: 20px;}