/********** STYLESHEET FOR YOUNG-EISENDRATH.COM 2008 **********/
/********** coby heise and ron moorby - creation by design, cxdi.com **********/

* /** Set's border, padding and margin to 0 for all values **/
{
padding:0;
margin:0;
border:0;
}
body, html {
background:#362f25 url(images/background.gif) repeat-x top center;
color:#404040;
font:14px "Palatino Linotype", Palatino, Helvetica, Arial, sans-serif; 
text-align:center; /** Centers the design in old IE versions **/
}
.clear { clear:both; }
#container {
width:900px;
margin:0 auto; /** Centers the design **/
min-height:315px;
text-align:left; /** Because we centered the text in body we have to move the text back to left aligning **/
}
* html #container {
height:315px; /** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height **/
}
/**************************
HEADER
**************************/
#header {
width:975px;
height:315px;
background:url(images/bg-header.png) no-repeat top center;
float:left;
}
/**************************
CONTENT AND COLUMNS
**************************/
.float-wrap {
float:left;
margin:0 auto;
}
#content {
    float:left;
    width:975px;
    height:100%;
    background:url(images/bg-content.png) repeat-y top center;
}
* html #content {
position:relative;  /** IE needs this  **/
}
.content-wrap {
padding:15px 100px 0 130px;
height:100%;
}
/**************************
LEFT COLUMN - top menu
**************************/
#left {
float:right;
width:975px; 
height:40px;
padding:5px;
margin:-30px 0 0 -985px; /** Move the left column so it takes the positon as a top menu **/
}
* html #left {
position:relative;  /** IE needs this  **/
}
/*************************
RIGHT COLUMN - footer menu
**************************/
#right {
float:left;
width:975px;
padding:5px;
height:40px;
}
* html #right {
position:relative;  /** IE needs this  **/
}
/**************************
FOOTER
**************************/
#footer {
width:975px;
height:100px;
margin:0 auto;
text-align:left;
background:url(images/bg-footer.png) no-repeat top center;
}


/* png fix for various PNG32 images on site */
#content, #header, #footer, #logo, #enter, #workbook-content, #workbook-footnav { behavior:url(iepngfix.htc); }
/* apply to all tags: * { behavior: url(iepngfix.htc) } */

/* default link styles */   
a { color:#12607e; text-decoration:none; }
a:visited { color:#1a8ab5; text-decoration:none; }
a:hover { color:#b85f2d; text-decoration:none; }
a:active { color:#a23e57; text-decoration:none;  }
:focus { outline:0; }
a img { border:none; }

/* special styles */
.normal { line-height:105px; }
#botnav, #credit { font-size:12px; color:#676767; text-decoration:none; }
#botnav a, #credit a { color:#1a8ab5; text-decoration:none; }
#botnav a:visited, #credit a:visited { color:#7d7d7d; text-decoration:none; }
#botnav a:hover, #credit a:hover { color:#cc0000; text-decoration:none; }
#botnav a:active, #credit a:active { color:#999; text-decoration:none; }
.title-1 { font-family:"Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; }
.title-2 { margin:78px 0 0 90px; font-family:"Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; }
.endorsements, .review-title, .review-content { background:none; line-height:19px; }
.title { color:#b85f2d; }
.reviewers { margin-left:15px; font-size:13px; color:#000; line-height:30px; }
blockquote { padding-left:20px; width:100%; }
.standout { color:#000; font-size:16px; font-style:italic; padding:15px 25px 10px 25px; width:625px; }
#event { width:450px; text-align:left; }
#writing { background:#f0f0f0; padding:20px; height:100%; }
#writing p { margin-top:10px; }
#writing p strong span.year { font-size:26px; }
ul.body { margin:15px 0 15px 55px; }
ul.body li { vertical-align:bottom; list-style:none url(images/bullet-star.gif) outside; padding:2px 0 2px 8px; }
.float-left { float:left; margin:5px 7px 5px 0; border:solid 1px #1a8ab5; }
.float-right { float:right; margin:5px 0 5px 15px; border:solid 1px #1a8ab5; }
.next { text-align:right; padding:15px 35px 10px 0; font-weight:bold; text-transform:uppercase; }
.page { float:right; width:100px; color:#b85f2d; text-align:right; margin-right:15px; }
                        
/* header styles */
h1 { font:2.0em bold "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#333; line-height:1.5em; margin:0; padding:0; }
h2 { font:normal 1.5em Helvetica, Arial, Verdana, sans-serif; color:#1a8ab5; line-height:1.5em; margin:0; padding:0; }
h3 { font:normal 1.3em Helvetica, Arial, Verdana, sans-serif; color:#333; line-height:1.4em; margin:10px 0 10px 0; }
h4 { font:normal 1.1em Helvetica, Arial, Verdana, sans-serif; color:#444; line-height:1.2em; margin:10px 0 10px 0; }

/* main layout container settings */      
#logo { 
    padding:0;
    float:left;
    width:360px;
    height:354px;
    margin:-10px 0 0 -15px;
    position:absolute;
    background:url(images/bg-logo-top.png) no-repeat top left transparent;
    z-index:1; 
}
#main-content-header-large {
    background:none;
    float:left;
    width:333px;
    vertical-align:top;
}
#main-content-header-small {
    background:none;
    float:right;
    width:390px;
    padding-top:10px;
    text-align:right;
    padding-right:10px;
}

/* bottom container element styles */
#botnav { float:left; width:525px; clear:none; list-style-type:none; padding-left:75px; text-align:left; line-height:22px; margin-top:-10px; }
#botnav ul { margin:0; padding:0; }
#botnav li { display:inline; }
#botnav li a { background:url(images/icon-stars.gif) no-repeat left top; margin-left:10px; padding-left:27px; }
#botnav li a:hover { background:url(images/icon-stars.gif) no-repeat left bottom; text-decoration:none; }
#credit { float:right; width:310px; padding-right:60px; line-height:16px; text-align:right; padding-top:8px; margin-top:-10px; }

/* endorsement box elements */
#qt { margin:100px 0 0 40px; width:350px; }        
#qt-text {
    text-align:left;
    font:13px Georgia, "Times New Roman", Times, serif;
    line-height:17px;
    color:#a80000;
    width:280px;
    vertical-align:baseline;
    font-style:italic;
}
#qt-name { 
    margin:8px 0 5px 25px;
    font:16px bold "Gill Sans", "Gill Sans MT", Verdana, Arial, sans-serif;
    color:#000;
    text-align:left;
    width:275px;
    text-transform:uppercase; 
}

/* enter site indicator (home page only) */
#enter a {
    width:260px;
    height:105px;
    background:url(images/img-main-enter.png) no-repeat top left;
    cursor:pointer;
    float:right;
    left:-315px;
    top: -770px;
    position:relative;
    margin:120px 0 0 0;
    border:none;
}
#callout1 a {
    width:260px;
    height:205px;
    background:url(images/callouts/callout1_1.png) no-repeat top left;
    cursor:pointer;
    float:right;
    left:-160px;
    position:relative;
    margin:10px 0 0 0;
    border:none;
}

#callout2 a {
    width:260px;
    height:105px;
    background:url(images/img-main-enter.png) no-repeat top left;
    cursor:pointer;
    float:right;
    left:-160px;
    position:relative;
    margin:120px 0 0 0;
    border:none;
}

#gone { text-indent:-5000px; color:#fff; width:260px; height:105px; }
#enter a:hover { background-image:url(images/img-main-enter.png); background-position:0px -105px; cursor:pointer; border:none; }

/* self-esteem trap book (home page only) */
#book { text-align:center; width:924px; height:698px; margin:0 auto; float:left; margin:64px 0 0 15px; }

/* style for use on Polly's full name */
#name { float:left; width:500px; margin-left:152px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600; color:#b85f2d; font-variant:small-caps; font-size:150%; letter-spacing:3px; position:relative; top:-3px; }

/* main nav styles */
#menu {
    padding:0;
    background:none;
    margin:50px 25px 0 0;
    float:right;
    width:600px;
    list-style-type:none;
    position:relative;
    height:265px;
    vertical-align:top;
    z-index:2;
}
#menu ul { width:100%; height:100%; margin:0; padding:0; }
#menu span {
    display:none; position:absolute;
}
#menu a {
    display:block; text-indent:-900%; position:absolute; outline:none; text-decoration:none;
}
#menu a:visited {
    background-position:left top; text-decoration:none; outline:none;
}
#menu a:hover {
    background-position:left center; text-decoration:none; outline:none;
}
#menu a:active {
    background-position:left bottom; text-decoration:none; outline:none;
}
#menu a:hover span {
    display:block;
}
#menu .home {
    background:url(images/nav-home.gif) no-repeat;
    left:23px;
    width:123px;
    top:6px;
    height:39px;
}
#menu .home span {
    background:url(images/nav-home-over.gif) no-repeat; left:28px; width:116px; top:40px; height:20px;
}
#menu .book {
    background:url(images/nav-book.gif) no-repeat;
    left:223px;
    width:120px;
    top:7px;
    height:37px;
}
#menu .book span {
    background:url(images/nav-book-over.gif) no-repeat; left:-20px; width:176px; top:42px; height:18px;
}
#menu .endorsements {
    background:url(images/nav-endorsements.gif) no-repeat;
    left:23px;
    width:150px;
    top:76px;
    height:37px;
}
#menu .endorsements span {
    background:url(images/nav-endorsements-over.gif) no-repeat; left:28px; width:249px; top:40px; height:18px;
}
#menu .samples {
    background:url(images/nav-samples.gif) no-repeat;
    left:28px;
    width:119px;
    top:143px;
    height:37px;
}
#menu .samples span {
    background:url(images/nav-samples-over.gif) no-repeat; left:28px; width:225px; top:40px; height:18px;
}
#menu .about {
    background:url(images/nav-about.gif) no-repeat;
    left:411px;
    width:133px;
    top:7px;
    height:38px;
}
#menu .about span {
    background:url(images/nav-about-over.gif) no-repeat; left:-115px; width:228px; top:44px; height:20px;
}
#menu .otherbooks {
    background:url(images/nav-otherbooks.gif) no-repeat;
    left:28px;
    width:133px;
    top:215px;
    height:37px;
}
#menu .otherbooks span {
    background:url(images/nav-otherbooks-over.gif) no-repeat; left:28px; width:181px; top:-24px; height:19px;
}
#menu .advice {
    background:url(images/nav-advice.gif) no-repeat;
    left:360px;
    width:190px;
    top:142px;
    height:38px;
}
#menu .advice span {
    background:url(images/nav-advice-over.gif) no-repeat; left:-75px; width:224px; top:42px; height:19px;
}
#menu .events {
    background:url(images/nav-events.gif) no-repeat;
    left:360px;
    width:185px;
    top:77px;
    height:37px;
}
#menu .events span {
    background:url(images/nav-events-over.gif) no-repeat; left:-40px; width:198px; top:39px; height:21px;
}
#menu .contact {
    background:url(images/nav-contact.gif) no-repeat;
    left:400px;
    width:147px;
    top:212px;
    height:38px;
}
#menu .contact span {
    background:url(images/nav-contact-over.gif) no-repeat; left:-85px; width:194px; top:-21px; height:20px;
}
#menu .workbook {
    background:url(images/nav-workbook.gif) no-repeat;
    left:202px;
    width:158px;
    top:213px;
    height:39px;
}
#menu .workbook span {
    background:url(images/nav-workbook-over.gif) no-repeat; left:-51px; width:272px; top:-24px; height:19px;
}

/* workbook-related styles */
#workbook-container { 
width:975px;
margin:0 auto;
min-height:315px;
text-align:left;
}
* html #workbook-container {
height:315px;
}
#workbook-header {
width:975px;
height:315px;
background:url(images/bg-header.png) no-repeat top center;
float:left;
}
#workbook-title {
margin:55px 65px 1px 125px;
clear:right;
}
#workbook-title span {
color:#b85f2d;
font:Georgia, "Times New Roman", Times, serif 12px;
float:right;
}
#workbook-menu {
width:855px;
text-align:left;
margin:17px 0 0 85px;
height:315px;
position:absolute;
z-index:3;
background:#fff;
}
#workbook-toc {
width:100%;
}
#workbook-toc ul {
margin:0;
float:left;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
padding:0;
margin-left:38px;
}
#workbook-toc ul li {
color:#1a8ab5;
display:block;
padding:0;
margin:2px 0 2px 0;
height:20px;
}
#workbook-toc ul li a {
background:url(images/icon-stars-large.gif) no-repeat left top;
color:#1a8ab5;
text-decoration:none;
margin-left:10px;
padding-left:35px;
}
#workbook-toc ul li a:hover {
color:#cc0000;
background:url(images/icon-stars-large.gif) no-repeat left bottom;
text-decoration:none;
}
#workbook-toc ul li.current a {
background:url(images/icon-stars-current.gif) no-repeat left top;
font-weight:bold;
color:#b85f2d;
}
.workbook-content-wrap {
padding:22px 100px 0 130px;
height:100%;
margin:0 auto;
}
#workbook-content {
height:100%; background:url(images/bg-content.png) repeat-y top center; width:975px; clear:both;
}
#workbook-filler {
margin:0 auto; height:115px; background:url(images/bg-content.png) repeat-y top center; width:975px; clear:both;
}
#workbook-footnav {
width:975px;
height:100px;
margin:0 auto;
text-align:center;
background:url(images/bg-footer.png) no-repeat top center;
}
#workbook-prev {
float:left;
padding-left:130px;
position:relative;
top:-47px;
}
#workbook-next {
float:right;
padding-right:100px;
position:relative;
top:-47px;
}
#workbook-link {
width:250px;
text-align:center;
margin:0 auto;
position:relative;
top:-12px;
line-height:25px;
}
h2.b {
text-align:left; color:#000; letter-spacing:-1px;
}
h3.c {
text-align:left; color:#333; font-size:1.2em; font-weight:normal; padding-top:10px;
}
h4.d {
text-align:left; color:#666;
}
h3.headerleft {
text-align:left; color:#333;
}
h5 {
margin-left:40px; font-weight:bold; color:#999;
}
span.title-3 {
color:#b85f2d;
}
blockquote.book ul {
margin:10px 35px 15px 35px; line-height:20px;
}
blockquote.book ul ul {
margin:0 0 0 15px;
}
blockquote.book ul li {
padding-bottom:5px;
}
li.square {
list-style-type:circle;
}
p img.arrow {
padding:0 8px 0 15px; vertical-align:text-top;
}
p.indentleft {
padding-left:40px;
}
p.indentleft2 {
padding-left:20px;
}
img.circle {
float:left; padding-top:7px;
}
table ul {
padding-left:13px;
}
table li {
list-style:outside disc;
}
table tr {
border:1px solid #b85f2d;
}
table td {
vertical-align:top; line-height:20px; font-size:95%; padding:8px; border-bottom:solid 1px #b85f2d; border-right:solid 1px #b85f2d;
}
table td.spanned {
vertical-align:middle;
}
td.first {
border-left:solid 1px #b85f2d;
}
table th {
background:#b85f2d; padding:8px; color:#fff;
}

/*end*/