/* freespiritfestival.css
 * This is the default stylesheet.
 * It is set for MSIE as default.
 *  Other stylesheets (for linux, mac, etc., are loaded *after*
 *  this stylesheet.
 * NOTES:
 * Classes may contain only the characters A-Z, a-z, 0-9, hyphens,
 *   and Unicode 161-255.  (No underscores, darn it.)
 * Clickable image border color - 'a' tag here doesn't seem
 *   to do it; have to have 'body link=' in each page.
 * HISTORY:
 *  19 sep 2004 jw - modifying for freespiritfestival.
 *  26 nov 2003 jw - modifying to standards.

 Our colors:
   #000000 - "black"                 // linux,mswin
   #ccccff - light blue-grey - body

   #ffffff - "white"                 // linux,mswin


  #cfcfcf - // grey or light blue-grey on linux; grey on mswin
  #f0f8fc - light blue              //
  #3399ff - blue - the site color   //
  #22476a - deep blue               //
*/

/* *** { Standard Stuff: *** */
body {
  background: #ccccff;
  margin:      0;
  padding:     0;
  font-family: verdana, helvetica, arial, sans-serif;
  letter-spacing: .07em;
  color:      #22476a;
}

/* We shouldn't have to redefine generic font stuff, but sometimes
   we lose font styles after complicated formatting.
  Also,  body styles do not carry into tables: */
p, h1, h2, h3, h4, h5, td, th, ul, ol, dl {
  font-family: verdana, helvetica, arial, sans-serif;
  color:      #22476a;
}
h2 {
  font-size: 110%;
}
h3 {
  font-size: 100%;
}

td, th {
  font-size: .8em;
}

p, li {
  line-height:  130%;
}

/* links will be not be underlined: */
a:link, a:hover, a:visited {
  text-decoration: none;
}
/* clickable links will be underlined on mouseover
   (but named targets won't be) */
a:link:hover {
  text-decoration: underline;
}

ol, 
ul {
  margin: 0;
  padding: 0;
}

div#content ol, 
div#content ul  {
  margin-left: 2em;
}
div#content ul li {
  margin-top:   .3em;
  margin-left:  -0em;
  list-style-image: url(/images/bullets/bullit.gif);
  list-style-type:  disc;
}
div#content ul li:first-child {
  padding-top: 0px;
  margin-top:  0px;
}

div#content ol li {
  margin-top:   .3em;
  margin-left:  -0em;
}

/* *** { Page parts: sidebar, content, header, footer.  */

div#page-container {
  margin: auto;
  width:  970px;
  background-color: #f5f5f5;  /* light blue */
  border-left: 2px solid #339999;
  border-right: 2px solid #339999;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}

/* { header: */
div#header {
  background-color: #dfe2ff;
}
div#header h1 {
  margin:  0;
  padding: 0;
}
div#header a img, 
tr#header td a img {
  width: 970px;
  height: 90px;
  border: none;
}

p.last-updated {
  padding-top:   .3em;
  padding-right: .5em;
  text-align:    center;
}
/* } header. */

/* { navigation: */
div#nav {
  background-color: #dfe2ff; /* light blue */
}
div#nav ul {
}
div#nav ul li {
  list-style-image: none;
  list-style: none;
  padding: 2px 20px;
  -moz-border-radius: 8px;
}
div#nav ul li:hover {
  /* background-color: #ff99ff; */  /* light lavender */
  background-color: #ddffcc;  /* light green */
}
div#nav ul li a:hover {
  text-decoration: none;
}
div#nav ul#maja {
  margin-left: 4em;
}
div#nav ul#maja li {
  float: left;
  margin-left: 2em;
  margin-top: 0;
}
div#nav ul#maja li a {
  color: #00cc00;   /* deep green */
  font-weight: bold;
}
div#nav ul#mina li {
  float: right;
  margin-left: 2em;
  margin-top: 2px;
  font-size: 80%;
}
div#nav ul#mina li a {
  color: #ff0000;
}
body#about-index div#nav ul li#link-about, 
body#awards-index div#nav ul li#link-awards, 
body#history-index div#nav ul li#link-history, 
body#links-index div#nav ul li#link-links, 
body#home-index div#nav ul li#link-home {
  background-color: #cc99ff;  /* lavender */
}
/* } navigation. */

div#content {
  padding: 0 40px 12px 40px;
  text-align: left;
  margin-top: 4px;
}
body#err div#content {
  text-align: center;
}

/* { page footer: */
div#footer {
  margin: 0px 0px 10px 0px;
  border-bottom: 2px solid #339999;
  border-top: 1px dotted #339999;
  /* background-color: #dfe2ff; */  /* greyish blue */
  background-color: #ddffcc;  /* light green */
  -moz-border-radius: 8px;
  text-align: center;
}
div#footer p.footer-copy {
  font-size: .8em;
  margin: 0px 0px 10px 0px;
  padding-top: 1em;
  text-align: center;
}
div#footer p.footer-copy a {
  margin-left: 1em;
}
/* } page footer. */


/* *** { Special pages */

/* { filmmaker index page: alternating rows */
td.filmmaker-item1-left {
  text-align:  right;
  padding:     0em 1em 0em 1em;
}
td.filmmaker-item2-right {
  text-align:  left;
  padding:     2em 1em 0em 1em;
}
td.filmmaker-item2-left {
  text-align:  right;
  padding:     2em 1em 0em 1em;
}
td.filmmaker-item2-right {
  text-align:  left;
  padding:     2em 1em 0em 1em;
}
  
/* { filmmaker individual page */
td.filmmaker-page-left {
  text-align:  right;
  padding:     0em 1em 1em 2em;
}
td.filmmaker-page-right {
  text-align:  left;
  padding:     1.5em 2em 1em 1em;
}





/* *** { Photos and photo pages: */


table.photo-right {
  margin:           0px 0px 10px 10px;
}
table.photo-left {
  margin:           0px 10px 10px 0px;
}
table.photo-center {
  margin:           10px 10px 10px 10px;
}
table.photo-right img, table.photo-left img, table.photo-center img {
  border:   1px solid #cc0000;
}
p.photo-caption {
  font-weight: bold;
  margin-top: 1ex;
}
/* *** { Special: *** */

div.pr-nav {
  background: #cfcfcf;
  padding: 4px 4px 4px 30px;
}
dt.pr-nav {
  margin-top:  4px;
}
.pr-date {
  font-size:   .9em;
  font-weight: bold;
}
span.youarehere {
  font-weight: bold;
  color:       darkblue;
}
span.div {
  font-size: 110%;
  color:     #cc0000;
}

/* EOF */