/* --------------------------------------------- 
 * volunteertibet-default.css
 * stylesheet for volunteertibet.org 
 * For windoze/msie
 *   --> This is the Main Stylesheet.
 *   --> The others are diffs and are loaded *in addition to* this one.
 * copyleft:  the archedbishop       
 * additions: the walker       
 * --------------------------------------------- 
 * N.B.: These are *function-based* classes. 
 *  Then if we want to change a style or color,
 *  it's a simple matter of changing the class 
 *  definition, not all the files on the site!
 * --------------------------------------------- 
 *
 * --------------------------------------------- 
 * colors: 
  white            #ffffff  // websafe
  blue             #608fef  //
  bgblue           #6699ff  // websafe
  bgblue_light     #dfe9fd  // not, but looks nice on linux and windoze.
  green            #01B401  //
  lt green         #ccffcc  // websafe
  ??               #02a002  // green 
  lighter yellow   #ffffd9  // lighter lemon yellow on ms, lighter on linux 
  light yellow     #ffffcc  // lemon yellow on ms, lighter on linux - websafe
  wheat            #e5e5e5  // light purple on linux
  orange           #fd8739  // bright orange on linux
  red              #cc0000  // websafe
  ??               #ffff33  // red - websafe
  red_dark         #990000  // websafe
  kharku_dark      #929fa3  // ??
  kharku_light     #a7b2b6  // mid grey on linux
  purple           #993399  //
  grey_mid         #cccccc  // websafe
  grey_light       #fd8739  //
  grey_lighter     #444444  // 
  grey_black       #666666  // websafe
  grey_dark        #999999  // websafe
  black            #000000  // websafe
 * --------------------------------------------- */

/* *** { the basics *** */

/* body and general stuff */    

body {
    margin:         0px 0% 0px 0%;
    background:     #990000; 
    color:          #666666;
    font-family:    verdana, arial, helvetica, sans-serif;
}
body.popup {
    margin:         20px 5% 20px 5%;
    background:     #ffffff; 
    font-size:      70%;
    line-height:    130%;
}

/* define because tables don't inherit from 'body'. */
th, td {
    font-family:    verdana, arial, helvetica, sans-serif; 
    font-size:      70%;
    line-height:    130%;
    font-style:     normal; 
    font-weight:    normal; 
    color:          #666666;
}
p {
}
/* we would like the first paragraph to be close up to the
    header, not with large space like normal para. */
p.first {
    margin: 5px 0% 0px 0%;
}
p.popup {
    margin: 5px 0% 0px 0%;
}

/* links */    
a:link {
    color:           #02a002; 
    text-decoration: none;
}

a:visited {
    color:           #02a002; 
    text-decoration: none;
}

a:hover {
    color:           #02a002; 
    text-decoration: underline;
}

/* { bullets and horizontal rules - better to use table dash elements */
li {
    list-style-image: url(/images/bullets/bullit.gif); 
    padding-left:     4px; 
    margin:           5px 5px 5px 10px;
    list-style-type:  disc;
}

hr { 
    margin: 0px 
}
        
/* *** { headers *** */
h1, h2, h3, h4, h5, h6 {
    font-weight:    bold;
    color:          #444444;
}
h1 {
    font-size:      140%;
    line-height:    1em;
    margin:         0px 0% 0px 0%;
}

h2    {
    font-size:      120%;
    line-height:    1em;
    margin:         15px 0% 0px 0%;
}
h2.content {
    font-size:      120%;
    line-height:    1em;
    margin:         10px 0% 0px 0%;
}

h3    {
    font-size:      100%;
    line-height:    1em; 
    margin:         10px 0% 0px 0%;
}
h3.content {
    font-size:      100%;
    line-height:    1em; 
    margin:         10px 0% 0px 0%;
}
h3.popup {      
    margin:         8px 0% 0px 0%;
}

h4    {
    font-size:      90%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}

h5    {
    font-size:      70%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}

h6    {
    font-size:      50%;
    line-height:    1em; 
    margin:         5px 0% 0px 0%;
}


/* *** { visuals *** */

/* { page layout */
.headerbg     {      
    background-color:  #990000; 
    background-image:  url(/images/backgrounds/mani_text-fin.gif); 
    background-repeat: repeat;
}
                
/* the page-wide canvas */
.midsection_bg {    
    background-color:  #ffffcc; 
}

/* *** the content-wide canvas *** */
/* generic pages */
td.content_bg {      
    background-color:  #ffffff; 
    padding:           10px 20px 10px 20px;
}
/* only for superuser pages */
td.content_bg-su {      
    background-color:  #dfe9fd; 
    padding:           10px 20px 10px 20px;
}
/* only for logged-in org pages */
td.content_bg-org {      
    /* background-color:  #ccffcc;  */
    background-color:  #ffffff; 
    padding:           10px 20px 10px 20px;
}

.side_bar_left {      
    background-color:  #ffb611; 
    background-image:  url(/images/backgrounds/squiggle_pattern-fin-left.gif); 
    background-repeat: repeat;
}
.side_bar_right {      
    background-color:  #ffb611; 
    background-image:  url(/images/backgrounds/squiggle_pattern-fin-right.gif); 
    background-repeat: repeat;
}
.footer_bg {      
    background-color:  #990000; 
}
.footer_inset {      
    background-color:  #ffffff; 
}
.footer_inset_right {      
    background-color:  #ffffff; 
    font-size:         .7em;
    line-height:       1.3em;
    text-align:        right; 
    padding-right:     10px;
    padding-bottom:    8px;
}
.footer_inset_left {      
    background-color:  #ffffff; 
    font-size:         .7em;
    line-height:       1em;
    text-align:        left; 
    padding-left:      10px;
    padding-bottom:    8px;
}



/* { lines 
 *    - horizontal line classes work in table cell or in a div.
 *       remember to put a   as placeholder.
 *    - vertical line classes work in table cell,
 *      (but do bad things in netscape 4.x)
 *       haven't tried a div yet.
 */
.horiz_line_head {    
    background-color:    transparent; 
    background-image:    url(/images/backgrounds/dots_hgrey.gif); 
    background-repeat:   repeat-x;
}
.horiz_line_foot {    
    background-color:    transparent; 
    background-image:    url(/images/backgrounds/dots_hgrey.gif); 
    background-repeat:   repeat-x;
    margin-top:          20px;
}
.horiz_line {    
    background-color:    transparent; 
    background-image:    url(/images/backgrounds/dots_hgrey.gif); 
    background-repeat:   repeat-x;
}

/*  Nice vertical line, but does bad things in netscape 4.x */
.vert_line {  
    background-color:    transparent; 
    background-image:    url(/images/backgrounds/dots_vgrey.gif); 
    background-repeat:   repeat-y; 
}

/* { posting table */
.posttable_header {    
  background-color: #e0e0e0; 
}
td.post_list-active { 
  background-color: #ffffff; 
  line-height:      1.2em;
  font-size:        .9em;
}
td.post_list-archive { 
  background-color: #eeeeee; 
  line-height:      1.2em;
  font-size:        .9em;
}

/* { "primary navigation": search, org, etc. */
.primary_nav {
}
/* { "secondary navigation": about us, etc. */
.second_nav {
    color:          #ffb611;
    font-size:      1em;
}
.second_nav_here {
    color:          #ffb611;
    font-weight:    bold;
    font-size:      120%;
}
.second_nav_pipe {
    color:          #ffb611;
}
/* { "third navigation": subsections */
.third_nav {
    font-size:      .9em;
    line-height:    2.5em;
}
p.popup_nav {      
    margin-bottom:  -5px;
}

/* { special content 
  some tables have cellpadding, but we don't
  want them to have so much space at top.
*/
table.content_table {
    padding-top:   0px;
}

table.picture_right {
    margin:           10px 0px 0px 10px;
    background-color: #ccc8c8;
}
table.picture_left {
    margin:           10px 10px 0px 0px;
    background-color: #ccc8c8;
}
.picture_caption {
    /* margin isn't working for some reason */
    margin:         0px 0% 0px 0%;
    font-style:     normal;
}

/* left side of page header - presently contains the header and 
   (sometimes) subnav */
td.head_left {
    color:          #666666;
    font-size:      100%;
    font-style:     normal;
    padding-bottom: 10px;
}
td.head_left-nosubnav {
    color:          #666666;
    font-size:      100%;
    font-style:     normal;
    padding-top:    10px;
    padding-bottom: 20px;
}
/* right side of page header - presently contains the date 
   10 dec 2002 - right now no diff - but maybe there will be. */
td.head_right {
    color:          #666666;
    font-size:      60%;
    font-style:     normal;
    padding-bottom: 10px;
}
td.head_right-nosubnav {
    color:          #666666;
    font-size:      60%;
    font-style:     normal;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*  ===============  *
 *  *** { Forms ***  *
 *  ===============  */

/* form text */
h2.form_header { 
    font-size:      1.3em;
    line-height:    24px; 
    font-weight:    bold;
    margin:         0px 0% 0px 0%;
    color:          #444444;
}

.instructions {     
    font-size:      .9em; 
    color:          #999999;
    line-height:    1.2em; 
}

/* form elements 
   for stuff in table cell or para displaying form field 
    - mainly to control line spacing: 
    FIX - find out how we're using these and normalize.
 */
.form_element { 
    line-height:    110%; 
}
.form_field {
    line-height:    130%; 
}

.form_label { 
    color:          #999999;
    font-weight:    bold; 
    text-align:     left; 
}

select { 
    background-color: #ffffd9;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}

textarea { 
    background-color: #ffffd9;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}
.form_textbox { 
    background-color: #ffffd9;
    font-size:        1em;
    font-family:      verdana, arial, helvetica, sans-serif; 
}
input.form_checkbox { 
    background-color: #ffffd9;
}

/*  =================================  */
/*  *** { Special Case Text Stuff ***  */
/*  =================================  */

/* *** all pages: *** */
.dev_note {
    color:      #608fef;
    font-size:  90%; 
    margin:     10px 0px 0px 40px; 
}

/* for lists of things 
    - mainly to control line spacing: */
.listing {
    line-height:    130%; 
    margin-left:    8px; 
}
dd {
    margin-left:     1em; 
}
dt.related_links {
    margin-top:     8px; 
}



/* *** help pages: *** */
dt.help {
    font-size:    120%;
}

.faq_qa {
    color:        #608fef;
    font-size:    110%; 
    font-weight:  bold; 
}

.vol_guide_subhead {
    color:        #608fef;
    font-size:    110%; 
    font-weight:  bold; 
}


/* *** { org detail pages: *** */
.org_detail_label { 
    color:        #608fef;
    font-weight:  normal; 
    text-align:   right; 
}
.org_detail_label_emph { 
    color:        #608fef;
    font-weight:  bold; 
    text-align:   right; 
}

.org_detail_value { 
    font-weight:  normal; 
}
.org_detail_value_org { 
    font-weight:  bold; 
    font-size:    1.3em; 
}
.org_detail_value_emph { 
    font-weight:  bold; 
}


/* { org account box */
.org_account_box { 
    font-weight:      normal; 
    background-color: #e5e5e5;
    padding:          10px;
}
div.account_box_first { 
    padding:          2px 2px 2px 4px;
}
div.account_box { 
    border-top:       1px dashed #608fef;
    padding:          2px 2px 2px 4px;
}


/* *** { posting detail page: *** */

.post_detail_label { 
    color:        #608fef;
    font-weight:  normal; 
    text-align:   right; 
}
.post_detail_sublabel { 
    color:        #666666;
    font-weight:  bold; 
    text-align:   right; 
}

.post_detail_orgname { 
    font-size:      130%; 
}

a.post_detail_orgname_link { 
    color:     #01b401;
}

.post_detail_title { 
    font-size:      130%; 
}

.post_detail_skill { 
    font-weight:    normal; 
}

.post_detail_vol_label { 
    font-weight:    normal; 
}

/* *** { old text encapsulation compatibility rumplestilkin *** */
i     { font-style:      italic}
u     { text-decoration: underline}
em    { font-weight:     bold}
b     { font-weight:     bold}

/* end of stylesheet */