/* These local styles augment/override the eBusiness theme styles */

/* Increase default font size slightly (from 12). */
body {
    font-size:13px; line-height:180%;
}

/* Narrow the page content (originally padding-left:28px; width:890px) */
#left-div-full {
    padding-left:78px; width:790px;
}

/* Reduce height of menu bar since our logo doesn't hang below it.  (Use height of our logo, as that's what they'd done.) */
#pages {
    height:75px;
}
#pages-inside {
    height:75px;
}

/* Put a little pre-space before bullets to separate. [check for conflict and narrow selector]
li {
    margin-top:6px;
}

/* ==========  Generic  ========== */
.containing-block { /* establish a containing block, typically for position:absolute child */
    position:relative;
}
.clear-floats {
    clear:both;
    height:0; overflow:hidden;
        /* circumvent IE6 layout extra padding bug by forcing element to "have layout" */
}
.line-through {
    text-decoration:line-through;
}
.no-prespace {
    margin-top:0;
}

/* ==========  Images  ========== */
.img-left {
    float:left;
    margin:15px 15px 15px 0; padding:0;    
}
.img-right {
    float:right;
    margin:15px 0 15px 15px; padding:0;    
}
.framed-img {
    float:left;
    background-color:rgb(243,243,243)/*95% wht*/;
    border:1px solid rgb(95,68,43)/*backdrop brown*/;
    margin:0; padding:4px;
}
.framed-img-left {
    float:left;
    background-color:rgb(243,243,243)/*95% wht*/;
    border:1px solid rgb(95,68,43)/*backdrop brown*/;
    margin:10px 10px 10px 0; padding:4px;
}
.framed-img-right {
    float:right;
    background-color:rgb(243,243,243)/*95% wht*/;
    border:1px solid rgb(95,68,43)/*backdrop brown*/;
    margin:10px 0 10px 10px; padding:4px;
}
.bare-img {
    margin:0; padding:0; 
    border:none; /*otherwise added to links*/
}
.copg-caption { /*NOTE: whitespace between img and caption div causes p to be inserted*/
    text-align:center;
    font-size:12px; line-height:140%;
    margin:0; padding:2px 4px 0 4px;
}

/* ==========  Title, Section, Para, etc.  ========== */
/* note: "common" names, which might conflict, prepended with "copg-" */
.copg-title {
    color:#5f442b;
    font-size:33px; line-height:140%;
    text-align:center;
    margin:10px 0 17px 0;
}
.copg-subtitle {
    font-size:20px; line-height:140%;
    text-align:center;
    margin:20px 0 20px 0;
}
.copg-section {
    font-size:20px; line-height:140%;
    margin:20px 0 10px 0;
    /*clear:both; ???*/
}
.copg-p {
    text-align:justify;
    margin:15px 0 0 0;
}

/* ==========  Get Free Guide  ========== */
.get-free-guide {
    width:400px;
    background-color:rgb(25,103,153)/*slate blue*/; color:white; 
    border:1px solid rgb(95,68,43)/*backdrop brown*/; 
    margin:20px auto 0 auto; padding:0 12px 15px 12px;
    text-align:center;
}
.get-free-guide-throw-in {
    float:right; width:200px; 
    position:relative; right:-40px; 
    margin:0; padding:12px; 
    background-color:rgb(25,103,153)/*slate blue*/; color:white; 
    border:1px solid rgb(95,68,43)/*backdrop brown*/; 
}
.throw-in-title {
    font-size:15px; line-height:140%
    margin:0; 
    text-align:center; 
}
.throw-in-p {
    font-size:11px; line-height:140%; 
    margin:10px 0 0 0;
    text-align:justify;
}

/* ==========  L/R "Columns"  ========== */
.col-left { 
    float:left;
    width:550px; margin:0 40px 0 0; 
}
.col-right { 
    float:right;
    width:200px; margin:0;
}

/* ==========  Is It Your Time?  ========== */
#is-it-time {
    color:rgb(25,103,153); 
    font-size:22px; line-height:180%;
    margin:80px;
}
#is-it-time-query {
    font-size:28px; font-weight:bold; line-height:180%;
    text-indent:16px;
}
#is-it-time-your {
    font-style:italic;
}
#is-it-time li {
    margin-top:16px;
}

/* ==========  COPG Package (Steps)  ========== */
.copg-package {
    background-color:rgb(25,103,153); border:1px solid black; 
    margin:30px 80px 10px 80px; padding:15px 30px 15px 10px
}
.copg-step {
    color:white;
    font-size:14px; font-weight:bold; line-height:180%;
}

/* ==========  Ready?  ========== */
.ready-query {
    text-align:center;
    padding:20px 0 20px 0;
    font-size:20px; line-height:180%;
    background-image:url(images/small-arrow-4.gif); 
    background-repeat:repeat-x; background-position:bottom
}
.ready-query a:link, .ready-query a:visited {
    color:rgb(25,103,153)/*slate blue*/; 
}
.ready-query a:hover {
    color:rgb(0,164,255)/*bright slate blue*/; 
}

/* ==========  Testimonials  ========== */
.testimonial {
    width:178px; /*200=1+10+178+10+1*/
    font-size:12px; line-height:180%;
    color:rgb(95,68,43)/*backdrop brown*/;
    background-color:rgb(247,218,162)/*lt tan*/;
    border:1px solid rgb(95,68,43)/*backdrop brown*/;
    margin:30px 0 0 0; padding:8px 10px 6px 10px;
}
.testimonial-quote {
}
.testimonial-attribution {
    margin:0 0 0 80px;
    font-style:italic;
}

/* ==========  Side-bar Elements Accompanying Main Elements  ========== */
/* (very specialized manual layout adjustment) */
#in-the-closet-sidekick {
    margin-top:100px;
}
#out-the-closet-sidekick {
    margin-top:100px;
}
#why-so-hard-sidekick {
    margin-top:40px;
}
#how-support-sidekick {
     margin-top:18px;
}
#why-guide-sidekick {
    margin-top:100px;
}
/* ==========  Misc  ========== */
.free-download-stamp {
    position:absolute; top:-10px; right:-60px;
}
#download-copy { /*must be floated to keep bullet indent from overlapping CDs photo*/
    float:left; width:490px/*790-(285+15)*/;
}
.guide-title {
}
.buy-button-area {
    text-align: center; margin:20px;
}
.buy-physical {
    text-align: center;
}
.copyright {
    text-align: center; 
    margin:30px 0 0 0;
}
.linklove { /*omit cforms affiliate link*/
    display:none;
}
.nocomments { /*omit "Comments are closed" on pages not allowing comments*/
    display:none;
}