/******************************************************************************
 *
 * cc.css
 *
 * Style-sheet file for CollegiumCantorum.org
 *
 ******************************************************************************/

                                                                   /* General */
body
{
 background-color:#b0e0e6;                                      /* Powder Blue*/
}

span.blank_below                            /* Block with 1em margin below it */
{
 display:block;
 margin-bottom:1em;
}

span.blank_above                            /* Block with 3em margin above it */
{
 display:block;
 margin-top:3em;
}

span.small
{
 font-size:75%;
}

span.small_date
{
 font-size:80%;                         /* Empirically, 80 seems to work best */
}

span.large
{
 font-size:135%;                       /* Empirically, 135 seems to work best */
}

span.italics
{
 font-style:italic;
}

span.bold
{
 font-style:bold;
}

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

                                                                    /* Colors */

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

                                                                     /* Grays */
span.light_gray
{
 background-color:#bebebe;                                      /* Light Gray */
 display:block;
}

span.dark_gray
{
 background-color:#606060;                                       /* Dark Gray */
}
          /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

                                                                      /* Reds */
span.red
{
 color:#ff0000;
}

span.crimson
{
 color:#dc143c;
}

span.bright_red
{
 color:#ff0033;
}

span.cadmiumredlight
{
 color:#ff030d;
}

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

                                                           /* Tables: general */

                                                                /* Borderless */
table.borderless
{
 padding:5px;
 border-style:none;
}

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

                                              /* Bordered, and some instances */
table.bordered
{
 border-collapse:collapse;
}

th.bordered
{
 background-color:#00aa00;                   /* or ...bb... Green, in any case*/
}

td.bordered
{
 background-color:#bebebe;                                      /* Light Gray */
}

th.bordered,td.bordered
{
 padding:8px;
 border: 2px solid black;
}

/*============================================================================*/

                                                               /* CC SPECIFIC */

                               /* "Last updated" line at bottom of every page */
span.last_updated
{
 display:block;
 color:black;
 text-align:center;
 margin-top:2em;
 font-weight:bold;
 font-size:75%;
}

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

                                                          /* Tables: specific */

                                                        /* Announcement venue */
table.announcement_venue
{
 border-collapse:collapse;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:1em;
}

th.announcement_venue,td.announcement_venue
{
 padding:8px;
 border: 2px solid black;
}

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

                                                           /* Singer Schedule */

span.schedule
{
 display:block;
 width:69em;                                                     /* Empirical */
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
 margin-bottom:2em;
}

span.schedule_venues
{
 display:block;
 width:31em;                                                     /* Empirical */
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
 margin-bottom:2em;
}

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

                                                            /* Navigation bar */
a.nav
{
 font-weight:bold;
 font-size:85%;
 color:blue;
 padding:5px;
}

a.nav:hover,a.nav:active
{
 color:white;
 background-color:blue;
}

ul.nav
{
 list-style-type:none;
 margin-bottom:8px;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                           /* ...center it */
 padding:0;
 padding-top:0;
 padding-bottom:0;
 text-align:center;
}

li.nav
{
 display:inline;
}

span.disabled_link
{
 font-weight:bold;
 font-size:85%;
 color:#606060;                                                  /* Dark Gray */
 padding-right:5px;
 padding-left:5px;
 padding-bottom:5px;
}

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

                                                                  /* Homepage */

                                                                      /* Logo */
span.logologo
{
 font-size:175%;
 font-style:italic;
 font-weight:bold;
}

span.logo
{
 display:block;
 color:black;
 background-color:white;
 padding-top:3px;
 padding-bottom:8px;
 border: 4px solid black;
 text-align:center;
 width:17em;
 margin-bottom:2em;
}

span.announcement_venue
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:1em;
}

span.main_announcement
{
 display:block;
 background-color:#bebebe;                                      /* Light Gray */
 padding:10px;
 height:41em;
 color:black;
 border-left:4px solid black;
 border-top:2px solid black;
 border-bottom:2px solid black;
 border-right:2px solid black;
 align:center;
 text-align:center;
}

span.homepage_left
{
 display:block;
 background-color:#bebebe;                                      /* Light Gray */
 padding:10px;
 height:41em;
 border:2px solid black;
}

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

span.block_header
{
 display:block;
 text-align:center;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
 margin-bottom:8px;
 font-weight:bold;
}

span.block_header_title
{
 font-size:200%;
}

span.block_header_subtitle
{
 font-size:150%;
}

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

                                       /* "Collegium Cantorum" (Members) Page */
span.members
{
 display:block;
 margin-bottom:2em;
 background-color:#bebebe;                                       /* Light Gray*/
 padding:8px;
 width:40em;
 border:2px solid black;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
 text-align:center;
}

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

                                           /* "About Collegium Cantorum" Page */
span.about
{
 background-color:#bebebe;                                      /* Light Gray */
 display:block;
 width:50em;
 text-align:left;
 padding:8px;
 border:2px solid black;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
}

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

                                                      /* "Cantare, Inc." Page */
span.cantare
{
 background-color:#bebebe;                                      /* Light Gray */
 display:block;
 width:50em;
 text-align:left;
 padding:8px;
 border:2px solid black;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ...center it. */
}

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

span.for_singers_heading                            /* For Interested Singers */
{
 float:left;                             /* Implies display:block, apparently */
 font-size:200%;
 color:black;
 background-color:#009900;                                           /* green */
 margin-right:5px;
 padding-left:5px;
 padding-right:5px;
 border-color:black;
 border-style:solid;
 border-width:2px;
 text-align:center;
}

span.for_singers
{
 background-color:#bebebe;                                      /* Light Gray */
 display:block;
 padding:8px;
 border:2px solid black;
 width:60em;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
}

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

					/* "Listen" Page */

span.listen
{
 display:block;
 width:55em;  /* Empirical */
/* background-color:#ff0000; */
 margin-left:auto; /* i.e., ... */
 margin-right:auto; /*... center it */
}

span.recording_copyright
{
 display:block;
 margin-top:1em;
 font-size:75%;
 font-weight:bold;
 text-align:center;
/* margin-left:auto; /* i.e., ... */
/* margin-right:auto; /*... center it */
}

span.play_page_narrow,span.play_page_wide,span.play_page_medium
{
 display:block;
 background-color:#bebebe;
 border:2px solid black;
 padding:8px;
 margin-left:auto; /* i.e., ... */
 margin-right:auto; /*... center it */
}

span.play_page_narrow
{
 width:40em;
}

span.play_page_medium
{
 width:50em;
}

span.play_page_wide
{
 width:80em;
}

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

                                                            /* "Contact" Page */
span.contact_table
{
 display:block;
 margin-left:auto; /* i.e., ... */
 margin-right:auto; /*... center it */
 width:39.55em; /* Empirical ... don't mess with it */
}

span.contact
{
 background-color:#bebebe;                                      /* Light Gray */
 display:block;
 width:41em;
/* text-align:center; */
/* padding:8px; */
 padding-top:8px;
 padding-bottom:8px;
 border:2px solid black;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
}

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

				/* "Another Collegium Cantorum" page */

span.other_cc
{
 display:block;
 background-color:#bebebe;                                      /* Light Gray */
 width:40em;
 border:2px solid black;
 padding:8px;
 margin-left:auto;                                               /* i.e., ... */
 margin-right:auto;                                          /* ... center it */
}
/*----------------------------------------------------------------------------*/