* {margin: 0px; padding: 0px}

.hiddenPic {display:none;}

html {font-size:125%;}


body {font-family:Verdana, Arial, sans-serif;  font-size:50%; background-image:url(images/bg.jpg); background-repeat:repeat-x; } 

#mastercontainer {position:static; width:845px;  margin: 20px auto;}

#bookcolumn {float:left;}

#content {float:left; margin-left:60px; margin-top:20px; width:610px; font-family:Verdana, Arial, sans-serif; text-align:justify; color: #1a2c59; }
#content p {margin-bottom: 2em}

.largerletter {font-size: 2em}
.watchlisten {font-size: 3em; letter-spacing: .5em; font-style:italic; text-align:center; margin-top:1em;  margin-bottom: 1em; color:#1a2c59}
#speaking h3 {margin-bottom: 1.5em; margin-top: 2em; text-align:center;}
 
#center {margin:20px auto; width:505px}


#listen-inner h3, #listen-inner em {text-align:center;}
#listen-inner h3 {padding-top:1.5em; padding-bottom:.3em}
#listen-inner a, #speaking a {text-decoration:none; color:#1a2c59}
#listen-inner div {text-align:center; color:#1a2c59;  }
#listen-inner a:visited, #speaking a:visited {color: #1a2c59;}
#listen-inner a:link, #speaking a:link {color:#1a2c59;	}
#listen-inner a:hover, #speaking a:hover {color:#ffd200;}


h1 {font-size: 2.2em; font-weight:normal; padding-bottom: 2em; padding-top:2em; color:#1a2c59; letter-spacing:0.1em;}

#content p {font-size: 1.2em; line-height:2em}
#content  a:visited {color: #1a2c59; text-decoration:none;}
#content  a:link {color:#1a2c59; text-decoration:none;}
#content  a:hover {color:#ffd200; text-decoration:none;}

#topbannercontainer  {
	padding: 105px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/topbanner-long.jpg);
	height:26px;
	font-size: 12px;
	width: 845px;
	color:#FFFFFF;
	text-align:right;
}

#topbannercontainer span a:link, #topbannercontainer span a:hover, #topbannercontainer span a:visited {	
	text-decoration: none;
	letter-spacing:1px;
	margin-left:10px;
	padding: 5px 5px 5px 5px;
}
#topbannercontainer span a:visited {color: #FFFFFF;}
#topbannercontainer span a:link {color:#FFFFFF;	}
#topbannercontainer span a:hover {color:#ffd200;}

#mania a {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 10px;
	
	line-height: 20px;	
	text-align: center; 
}

.mania-links {text-align:center; height:30px;}
.am-columnlink {text-align:center; width:115px; padding: 10px 15px;}

#mania-about-toc h3 {margin-bottom: 10px;  text-align:center;}
#mania-about-toc h2 {margin-top: 2em; margin-bottom: 10px; text-align:center; text-decoration:underline;}
#mania-about-toc p {margin-bottom:.2em; text-align:center;}
#mania-about-featurebox {margin: 10px 55px; border:solid 1px #1a2c59; padding: 0 25px 0px; width:475px;}
#mania-flash {float: right; padding:0px 0px 30px 40px; width: 196px; border: 0px;}
#mania-interview h3 {margin-bottom: .5em;}
#mania-interview img {float: right; padding:0px 0px 25px 40px; width: 196px; border: 0px;}
#mania-breaking img {float: right; padding:0px 0px 25px 40px; width: 227px; border: 0px; }
#mania-breaking h2 {margin-bottom:2em;}
#mania-excerpts p {text-indent:4em;}
#mania-excerpts img {float: right; padding:0px 0px 25px 40px; width: 180px; border: 0px; }
#mania-excerpts-center {text-align:center; padding-bottom:2em}

.excerptquote {margin:0 auto;padding-bottom:1px; font-style:italic; font-size:1.2em; text-align:left; line-height:1.5em; padding-left:40px; }

#byline {text-align:right; font-size:1em; padding: 1em 0 3em; margin-left: 140px; font-weight:bold; width:490px;}
.byline {text-align:right; font-size:1em; padding: 1em 0 3em; margin-left: 140px; font-weight:bold; width:490px;}


/*  This is the IMAGE + CAPTION CODE floated right.  */

.floatright
{
float: right;
width: 197px;
margin: 0 0 0px 0px;
background-color: #fff;
padding: 0 0 6px 30px;
border:solid #000 0px;
text-align:center;
font-size:1.2em;

}

div.floatright img
{
border: 1px solid #000;
margin-bottom:5px;
}

/*  E N D     IMAGE + CAPTION CODE floated right.  */

#mood-disorders h2 {text-align:center; padding: 2em 0;}

#reviews-sidebar  {
	margin: 30px 0px 20px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 220px;
	float:right;
	text-align: left;
	background-color: #1a2c59;
	color: #fff;
}
.reviews-byline {text-align:right; font-size:1em; padding: 1em 0 3em; margin-left: 50px; font-weight:bold; width:300px;}
#reviews-sidebar-inner {padding: 2em 2em;}
#reviews-sidebar-inner p {line-height: 1.5em; font-size:1.2em}
#reviews-sidebar-inner img {margin: 1em 30px; border:solid 1px #FFFFFF; text-align:center; width:113px; }
#reviews-sidebar-inner h4 {text-align:center; width:200px; letter-spacing:1.2em; padding-bottom:1em}
#reviews-sidebar-inner span {font-size:.9em; font-style:italic; line-height:.9em; text-align:left;}

.reviews-featurebox {margin: 10px 55px; border:solid 1px #1a2c59; padding: 0 25px 25px; width:475px}
.reviews-featurebox h1{padding-top: 20px}

#bookcolumn  {
	margin: 30px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	width: 145px;
	float:left;
}

#bookcolumn a {color:#FFFFFF;}

#bookcolumn h2 {color:#ffd200; font-size: 1.4em; letter-spacing: 0.4em; text-align:center; padding: 20px 0px 20px 0px;}

a.books-mania {
	display: block;
	margin:16px;
	width: 110px;
	height: 167px;
	background-image: url(images/americanmania_button110.jpg);
	text-indent: -9999px;
	border: solid 1px #000;
}
a.books-mania:hover {
	background-image: url(images/americanmania_button110-over.jpg);
	border: solid 1px #ffd200;
}


a.books-satisfied {
	display: block;
	margin:16px;
	width: 110px;
	height: 164px;
	background-image: url(images/getsatisfied-button110.jpg);
	text-indent: -9999px;
	border: solid 1px #000;
}
a.books-satisfied:hover {
	background-image: url(images/getsatisfied-button110-over.jpg);
	border: solid 1px #ffd200;
}


a.books-apart {
	display: block;
	margin:16px;
	width: 110px;
	height: 168px;
	background-image: url(images/moodapart-button110.jpg);
	text-indent: -9999px;
	border: solid 1px #000;
}
a.books-apart:hover {
	background-image: url(images/moodapart-button110-over.jpg);
	border: solid 1px #ffd200;
}


a.books-hibernation {
	display: block;
	margin:16px;
	width: 110px;
	height: 161px;
	background-image: url(images/hibernation-button110.jpg);
	text-indent: -9999px;
	border: solid 1px #000;
}
a.books-hibernation:hover {
	background-image: url(images/hibernation-button110-over.jpg);
	border: solid 1px #ffd200;
}

a.books-disorders {
	display: block;
	margin:16px;
	width: 110px;
	height: 173px;
	background-image: url(images/mooddisorders-button110.jpg);
	text-indent: -9999px;
	border: solid 1px #000;
}
a.books-disorders:hover {
	background-image: url(images/mooddisorders-button110-over.jpg);
	border: solid 1px #ffd200;
}

.book-gallery li {
        display: inline;
        list-style: none;
        width: 190px;
        min-height: 200px;
        float: left;
        margin: 10px 10px 50px 0;
        text-align: center;
	}


.book-gallery li img { margin-bottom: 10px ;}

#bookspage a:link img {border: solid 1px #ccc;}
#bookspage a:hover img {border: solid 1px #000;}
#bookspage a:visited img {border: solid 1px #000000;}

.bookframe {width:190px; text-align:center; }
.bookframecontent {display:block;  padding-top: 30px; padding-left: 15px; padding-right: 15px; width:80px; height:140px; border: solid 1px #ccc; margin-left:40px; margin-right:40px;}

.bookcolumnlink {width:142px; }

#bookcolumn a:link {color:#FFFFFF; text-decoration: none;}
#bookcolumn a:hover {text-decoration: none; font-style: normal; color:#ffd200;}
#bookcolumn a:active {text-decoration: none;}
#bookcolumn a:visited {text-decoration: none;}

.booktextlink {width:122px; text-align:center; padding: 0 10px 10px}

.bl-blue {background: url(images/bl-blue.gif) 0 100% no-repeat #465388; width:100% }  /* Column color is controlled here */
.br-blue {background: url(images/br-blue.gif) 100% 100% no-repeat}
.tl-blue {background: url(images/tl-blue.gif) 0 0 no-repeat}
.tr-blue {background: url(images/tr-blue.gif) 100% 0 no-repeat}
#spacer {padding-bottom:20px;  width:110px; }
.spacer2 {padding-bottom:20px;  width:110px; }
.clearroundcorners {font-size: 1px; height: 1px}

.clearthefloats {clear:both; padding-top:10px;}
.photo {float: left; padding:0px 40px 0px 0px; width: 350px; border: 0px;}
.photo span {display:block; font-size:9px; color: #1a2c59; margin-top:-5px;}

#contact-centerbox {margin: 0px 96px; width:430px; text-align:center;}
#contact-featurebox {margin: 10px 96px; border:solid 1px #1a2c59; padding: 20px 0px 0px; width:430px; text-align:center;}
#contact-centerbox a:link img {border: solid 2px #000000;}
#contact-centerbox a:hover img {border: solid 2px #ffd200;}
#contact-centerbox a:visited img {border: solid 2px #000000;}

.speaking-centerbox {margin: 0px 96px 0; width:430px; text-align:center;}
#speaking  h2 {margin-bottom:0.5em; margin-top: 1em;text-align:center; font-size:14px;}
#speaking h3 {margin-bottom: 3em; margin-top: 3em; padding: .5em 0; text-align:center; border: solid 1px #ccc;  background-color:#ffd200;}

/* Right Column Controls */

#rightside  {margin: 0px 0px 30px 45px; width: 200px; float:right;}
#inner-rightside {padding: 20px 25px 5px;  }
#inner-rightside p {line-height:1em; font-size:1em; text-align:center; }
#inner-rightside img {margin: 10px 0 0 0; line-height:1em; border: 0px;}
#inner-rightside a:link img {border: solid 1px #ccc;}
#inner-rightside a:hover img {border: solid 1px #000000;}
#inner-rightside a:visited img {border: solid 1px #ffffff;}

.bl {background: url(images/bl.gif) 0 100% no-repeat #ffd200; width: 100%}  /* Column color is controlled here */
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat}
#inner-rightside a:link {color:#1a2c59; text-decoration: none;}
#inner-rightside a:hover {text-decoration: underline; font-style: normal; color:#000;}
#inner-rightside a:active {text-decoration: none;}
#inner-rightside a:visited {text-decoration: none; color:#FFFFFF;}


#footer {text-align:center; line-height:3em;}
#footer div  {border-top: solid 1px #ffd200; border-bottom: solid 1px #ffd200;}
#footer a:link {color:#1a2c59; text-decoration: none;}
#footer a:hover {text-decoration: none; font-style: normal; color:#ffd200;}
#footer a:active {text-decoration: none;}

#footer ul  {margin: 0; padding: 0; list-style-type: none; text-align: center;}

#footer ul li { display: inline; }

#footer ul li a  {text-decoration: none; padding: .2em 3em; color: #1a2c59;}

#footer ul li a:hover {color: #ccc;}

.bottom {padding-top: 25px;}