/*
--------------------------------------------

Upton Au
Williams 2007
Version: 1.0
Launched: January 2007
Contact: uptonau at gmail dot com

-------------------------------------------- */


/* (1) NAVIGATION
---------------------------------------------*/

#navigation {
margin: 0;
padding: 0;
height: 41px;
list-style: none;
display: inline;
overflow: hidden;
}

#navigation li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#navigation a {
float: left;
padding: 41px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:41px; /* for IE5/Win only */
}

#navigation a:hover {
background-position: 0 -41px;
}

#nav_home a {
width: 70px;
background: url(images/nav_home.jpg) top left no-repeat;
}

#nav_from a {
width: 100px;
background: url(images/nav_from.jpg) top left no-repeat;
}

#nav_ask a {
width: 112px;
background: url(images/nav_ask.jpg) top left no-repeat;
}

#nav_testimonials a {
width: 90px;
background: url(images/nav_testimonials.jpg) top left no-repeat;
}

#nav_books a {
width: 136px;
background: url(images/nav_books.jpg) top left no-repeat;
}

#nav_about a {
width: 132px;
background: url(images/nav_about.jpg) top left no-repeat;
}


/* (2) FOOTER
---------------------------------------------*/

#footer {
width: 100%;
background: url(images/footer_bg.jpg) repeat-x #F1F1F1;
margin-top: 34px;
}

#footer div {
background: url(images/checker_side.jpg) top left repeat-y;
padding: 0 0 30px 170px;
}

#footer p {
width: 480px;
color: #666666;
font-size: 75%;
font-style: italic;
line-height: 1.6em;
}

#footer p.first {
font-style: normal;
margin-bottom: 10px;
padding-top: 30px;
}


/* (3) SECTION HEADINGS HOME
---------------------------------------------*/

h2.home {
text-indent: -5000px;
margin: 0;
/* www.eingko.net/blog/?p=16 */
background-position: 5000px 0;
bac\kground-position: 0 0;
line-height: 17px;
overflow: visible;
/* Hide from IE 5 Mac \*/
overflow: hidden;
/* End hide from IE 5 Mac */
}

#from_home {
background: url(images/heading_home_from.gif) no-repeat;
width: 240px;
height: 17px;
margin-bottom: 25px;
padding: 0;
}

#about_home {
background: url(images/heading_home_about.gif) no-repeat;
width: 240px;
height: 17px;
margin-bottom: 25px;
padding: 0;
}

#testimonials_home {
background: url(images/heading_home_testimonials.gif) no-repeat;
width: 240px;
height: 17px;
margin-bottom: 25px;
padding: 0;
}

#news_home {
background: url(images/heading_home_news.gif) no-repeat;
width: 240px;
height: 17px;
margin-bottom: 25px;
padding: 0;
}


/* (4) SECTION HEADINGS
---------------------------------------------*/

h2.section {
text-indent: -5000px;
margin: 0;
/* www.eingko.net/blog/?p=16 */
background-position: 5000px 0;
bac\kground-position: 0 0;
line-height: 29px;
overflow: visible;
/* Hide from IE 5 Mac \*/
overflow: hidden;
/* End hide from IE 5 Mac */
}

#from {
background: url(images/heading_from.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}

#ask {
background: url(images/heading_ask.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}

#testimonials {
background: url(images/heading_testimonials.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}

#books {
background: url(images/heading_books.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}

#about {
background: url(images/heading_about.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}

#in {
background: url(images/heading_in.gif) no-repeat;
width: 450px;
height: 29px;
margin-bottom: 25px;
padding: 0;
}


/* (5) STRUCTURE
---------------------------------------------*/

* {
margin: 0;
padding: 0;
text-decoration: none;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
color: #333333;
font-size: 90%;
line-height: 1.7em;
text-align: justify;
text-decoration: none;
background: url(images/bg_pixel.jpg) #F2F2F2;
margin: 0;
padding: 0;
}

#top_bar {
width: 100%;
height: 24px;
background: url(images/checker_top.jpg);
}

#masthead {
width: 100%;
height: 193px;
background: url(images/header_bg.jpg) repeat-x;
}

#masthead div {
width: 780px;
height: 193px;
background: url(images/header.jpg) top left no-repeat;
}

#navigation_outer {
width: 100%;
height: 47px;
background: url(images/nav_right.jpg) 0px 2px repeat-x;
}

#navigation_inner {
width: 640px;
height: 47px;
background: url(images/nav_left.jpg) top left no-repeat;
padding-left: 140px;
}

#navigation_inner div {
position: relative;
width: 644px;
height: 47px;
background: url(images/nav_right_cap.jpg) 640px 2px no-repeat;
margin: 0;
padding: 0;
}

#content_outer {
width: 100%;
background: url(images/bg_pixel.jpg);
}

#content_inner {
width: 100%;
background: url(images/checker_side.jpg) top left repeat-y;
}

.left_col {
width: 312px;
float: left;
display: inline; /* For IE/ Win */
margin: 20px 0 0 170px;
}

.left_col p, .right_col p {
margin-bottom: 20px;
}

.right_col {
width: 250px;
float: left;
display: inline; /* For IE/ Win */
margin: 20px 0 0 40px;
}

.single_col_wide {
width: 600px;
float: left;
display: inline; /* For IE/ Win */
margin: 20px 0 0 170px;
}

.single_col {
width: 500px;
float: left;
display: inline; /* For IE/ Win */
margin: 20px 0 0 170px;
}

.single_col p, .single_col_wide p {
margin-bottom: 1em;
}

#content_inner .indent {
text-indent: 2em;
}

.image_container {
width: 270px;
float: right;
margin-left: 40px;
}

.image_container p {
font-style: italic;
font-size: 80%;
line-height: 1.5em;
margin-bottom: 30px;
}

.figure_10_1 {
width: 265px;
height: 368px;
background: url(images/figure_10_1.jpg) top left no-repeat;
}

.figure_10_2 {
width: 234px;
height: 348px;
background: url(images/figure_10_2.jpg) top left no-repeat;
}

h4.caption {
margin-bottom: 0;
}


/* (6) FORMATTING
---------------------------------------------*/

.publisher {
width: 265px;
height: 42px;
float: left;
display: block;
margin-left: 140px;
padding-top: 151px; 
}

.buy {
width: 230px;
height: 42px;
float: left;
display: block;
padding-top: 151px; 
}

.box {
width: 500px;
font-size: 105%;
line-height: 1.5em;
font-style:italic;
border: 1px solid #D0D0D0;
margin: 10px 0 30px 0;
}

.box div {
border: 1px solid #FFFFFF;
background: url(images/box_gradient.gif) top left repeat-x #F6F6F6;
}

.box p {
line-height: 1.75em;
margin: 15px 20px;
}

.box_liner {
padding: 15px 20px;
}

/* Contact Info Box */

.contact_box {
width: 250px;
border: 1px solid #D0D0D0;
margin: 100px 0 30px 0;
}

.contact_box div {
border: 1px solid #FFFFFF;
background: url(images/box_gradient.gif) top left repeat-x #F6F6F6;
padding: 30px 30px 10px 30px;
}

.contact_box h4 {
margin-top: 0;
}

.summary {
font-size: 105%;
line-height: 1.75em;
font-style:italic;
margin-bottom: 20px;
}

#summary_bottom {
margin-bottom: 30px;
}

.title {
font-style: normal;
text-decoration: underline;
}

.portrait {
float: left;
padding: 5px 20px 5px 0;
}

#slideshow_container {
margin-top: 30px;
}

.read {
border: none;
margin-top: 10px;
}

.read_excerpt {
border: none;
margin-top: 15px;
}

.read_testimonials {
border: none;
margin: 10px 0 30px 0;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#book_list span {
font-weight: bold;
text-decoration: underline;
}

.small_caps {
color: #000000;
font-size: 100%;
font-weight: bold;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: 1px;
}

a {
color: #333333;
text-decoration: underline;
}

ul.bullet li {
background: url(images/arrow_bullet.jpg) 0 5px no-repeat;
margin-bottom: 15px;
padding-left: 22px;
}

ul.excerpt_list li a {
text-decoration: none;
}

#excerpt_list li {
margin-bottom: 25px;
text-align: left;
}

#excerpt_list li a {
text-decoration: none;
}

#excerpt_list p {
margin-top: 10px;
margin-bottom: 0;
}

li a {
color: #333333;
margin: 0;
padding: 0;
}

#about_links {
margin-top: 10px;
}

#about_links li {
margin-bottom: 10px;
}

.hidden { 
width: 1px; 
height: 1px; 
position: absolute; 
left: 0px; 
top: -500px; 
overflow: hidden; 
}

img {
border: none;
}

.citation {
text-align: right;
font-style: italic;
margin-top: 0.8em;
margin-bottom: 1.2em;

}

.citation span {
color: #000000;
font-style: normal;
font-size: 100%;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}

.publications span {
text-decoration: underline;
}

.center, .right {
width: 500px;
margin-left: auto;
margin-right: auto;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.grey_box {
width: 100px;
color: #000000;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #E6E6E6;
padding: 5px 15px;
}

#excerpt_list li span {
color: #000000;
font-weight: normal;
font-size: 200%;
margin: 2em 0 2em 0;
}

h3 {
color: #000000;
font-weight: normal;
font-size: 200%;
line-height: 1.3em;
margin: 1em 0 1em 0;
}

#author_name {
margin: 0 0 0.5em 0;
}

#author_box {
width: 390px;
float: left;
margin-bottom: 20px;
padding-top: 5px;
}

h4 {
color: #000000;
font-size: 100%;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: 1px;
margin: 3em 0 1.5em 0;
font-weight: bold;
}

h5 {
color: #000000;
font-size: 15px;
font-style: italic;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 1em;
}

h6 {
font-weight: bold;
font-size: 0.85em;
margin: 2em 0 1em 0;
}

/* Table of Contents */

.toc_left_col_empty {
width: 100px;
height: 1px;
float: left;
display: inline;
margin: 10px 20px 0 0;
}

.toc_left_col {
width: 100px;
float: left;
display: inline;
color: #000000;
font-weight: bold;
margin: 10px 20px 0 0;
}

.toc_right_col {
width: 350px;
float: left;
display: inline;
margin-top: 10px;
}

.toc_name {
width: 300px;
float: left;
background: #F2F2F2;
text-align: left;
padding: 1px 3px;
}

.toc_page {
float: right;
background: #F2F2F2;
padding: 1px 3px;
}

.cover_container {
width: 410px;
height: 610px;
border: 1px solid #D0D0D0;
}

.cover_center {
width: 410px;
margin: 0 auto;
}

img.cover {
background-color: #EAEAEA;
border: 1px solid #FFFFFF;
padding: 4px;
}

.emphasis {
font-style: italic;
}

.job_title {
color: #000000;
font-size: 85%;
line-height: 1.5em;
text-align: left;
text-transform: uppercase;
}

/* Site Credits */

#q0_collapsed a, #q0_expanded a {
color: #666666;
}

.credits {
width: 500px;
margin-top: 10px;
}

.credits, .credits_container {
display: block;
color: #666666;
font-size: 75%;
line-height: 1.6em;
}

.credits_container {
width: 440px;
border: 1px solid #D0D0D0;
margin-top: 10px;
background-color: #FFFFFF;
padding: 10px 20px;
}

.credits_list {
list-style-type: none;
}

/* Ask Dr. Hainline */

.expand, .collapse {
text-decoration: none;
}

.question_container {
display: block;
margin-bottom: 20px;
}

.answer_container {
font-style: italic;
display: block;
margin: 20px 0;
padding: 15px 20px;
background-color: #F5F5F5;
border: 1px solid D0D0D0;
}

.qa_button {
margin-top: 15px;
}
.drop_q {
float: left;
width: 37px;
height: 44px;
margin: 10px 10px 0 0;
background: url(images/drop_q_monaco.gif) top left no-repeat;
}

.drop_a {
float: left;
width: 37px;
height: 35px;
margin: 10px 10px 0 0;
background: url(images/drop_a_monaco.gif) top left no-repeat;
}

#ask_form {
margin: 15px 20px;
}

form dd {
margin: 0;
padding: 0;
}

#question {
width: 455px;
height: 75px;
margin-top: 5px;
}

#submit {
margin-top: 10px;
}

/* Testimonials */

.quote {
background: url(images/open_quote_grey.gif) top left no-repeat;
padding-left: 45px;
padding-top: 5px;
margin-top: 20px;
}

.quote p {
background: url(images/close_quote_grey.gif) bottom right no-repeat;
padding-right: 45px;
padding-bottom: 5px;
}

.page_bottom {
width: 500px;
border-top: 1px solid #D0D0D0;
margin-top: 40px;
padding-top: 15px;
}

/* In the News */

#news {
margin: 30px 0 0 0;
}

#news a {
text-decoration: none;
}

#news li {
margin: 0 0 25px 0;
padding: 0 0 0 175px;
}

#news #news_chicago {
background: url(images/logo_chicago.jpg) no-repeat 3px 5px;
}

#news #news_cbs {
background: url(images/logo_cbs.gif) no-repeat 3px 5px;
}

#news #news_nyt {
background: url(images/logo_nyt.gif) no-repeat 3px 5px;
}

#news #news_orthopedic {
background: url(images/logo_orthopedic.gif) no-repeat 3px 5px;
}

#news #news_tennis {
background: url(images/logo_tennis.gif) no-repeat 3px 5px;
}

#news #news_aol {
background: url(images/logo_aol.gif) no-repeat 3px 5px;
}

img.read_news {
border: none;
margin: 10px 0 0 0;
}

img.logo_montage {
margin: 0 0 15px 0;
}

p.news_link {
margin-bottom:30px;
}


p.news_link a {
text-decoration: none;
}

p.news_link span {
text-decoration: underline;
}


/* END */