/*       --- --- --- --- --- --- 
            Houston Al-Anon
            WSO Pamphlets

            May 8, 2008
         --- --- --- --- --- --- 
*/

/* Classes: question20 ( applies to S-17, S-20 & S-25 ) -- the 20 question pamphlets */

/* enforce */
@media projection,screen,tv,print,tty,handheld {


/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
   The nesting, although tedious, is designed to apply
   these css declarations to these specific pamphlets.
   --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* General info */


/* For 20 Questions Series, S:17,20,25 */

/* pamphlet */
.wso_q20 #pamphlet { 
   font-family:serif,goudy,times,courier;
   width:32em;
   margin:0 auto;
    font-size:99.99999%
   
}

#wso_s20 #white   { background:white; text-align:left; font-size:1.3em; padding:1em; color:rgb( 196,52,52 ); }

/* title */
.wso_q20 #title { text-align:center; color:white; }
.wso_q20 h1 { font-size:2.2em; font-weight:bold; }
.wso_q20 h2 { font-size:2.2em; margin-top:0.5em; padding-bottom:0.5em; font-weight:bold; }

/* white area */
.wso_q20 #white   { background:white; text-align:left; font-size:1.3em; padding:1em; }
.wso_q20 #white p { margin-bottom:1em; }

/* 20 questions */
.wso_q20 ol { 
            margin-left:2em;
            margin-right:2em; 
            margin-bottom:1em; 
            }
.wso_q20 ol li {
               margin-top:0.5em;
               }

#wso_s20 ol li {
               margin-top:0.5em;
               clear:none;
               }
#wso_s20 ol li span.tabulator {
                              margin-right:-2.5em;
                              margin-top:-1.2em;
                              float:right;
                              }



/* hafg address & links */
.wso_q20 #hafg_add { 
                   border-bottom:1px solid #666666;
                   border-top:1px solid #CCCCCC;
                   border-right:1px solid #666666;
                   border-left:1px solid #CCCCCC;
                  font-size:1em;
                  text-align:center;
                  color:black;
                  }

.wso_q20 #hafg_add p { 
                     margin:0;
                  margin-top:0.5em;
                  margin-bottom:0.5em;
                     }  

/* wso address & links */
.wso_q20 #wso_add { 
                  margin-top:1.5em;
                  font-size:0.75em;
                  text-align:center;
                  }
.wso_q20 #wso_add #wso_phone { font-weight:bold; }


/* footer */
.wso_q20 #wso_footer {
                     text-align:center;
                     font-size:0.65em;
                     margin:0em;
                     }
.wso_q20 #wso_footer #left {
                           float:left;
                           text-align:left;
                     margin:0em;
                     display:none;
                           }
.wso_q20 #wso_footer #right {
                           float:right;
                           text-align:right;
                     margin:0em;
                     display:none;
                           }
.wso_q20 #wso_footer #center {
                        clear:none;
                     }
.wso_q20 #wso_footer_permission {
                     text-align:center;
                     font-size:0.65em;
                     clear:both;
                     margin:0em;
                     }
}

@media projection,screen,tv,tty,handheld {
#wso_s17 #pamphlet { border:2em solid rgb( 55,70,142 ); }
#wso_s20 #pamphlet { border:2em solid rgb( 196,52,52 );}
#wso_s25 #pamphlet { border:2em solid rgb( 52,156,178 ); }
#wso_s17 #title { background: rgb( 55,70,142 ); }
#wso_s20 #title { background: rgb( 196,52,52 ); }
#wso_s25 #title { background: rgb( 52,156,178 ); }
#wso_s17 #white   { color:rgb( 55,70,142 ); }
#wso_s25 #white   { color:rgb( 38,114,130 ); }

}


@media print {
.wso_q20 #wso_footer_permission { display:none; }
 /* save ink */
.wso_q20 #pamphlet { border:2em solid rgb( 192,192,192 ) !important; }
.wso_q20 #title { background: rgb( 192,192,192 ) !important; }
.wso_q20 #white { color:rgb( 192,192,192 ) !important; }
}