/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/****************************/

/*** Begin Default Declarations ***/

HTML, BODY, H1, H2, H3, H4, H5, H6, P, LI  {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

HTML, BODY {
  background: #FFF;
  color: #000;
  text-align: center;
  vertical-align: top;
}

H1, H2, H3, H4, H5, H6 {
  font-style: normal;
  font-weight: normal;
  margin: 1ex 1ex;
}

H1, H2, H3 {
  font-size: x-large;
}

H1, H2 {
  font-weight: bold;
}

H2, H3 {
  font-style: italic;
  font-style: oblique;
}

H4, H5, H6 {
  font-size: large;
}

H4, H5 {
  font-weight: bold;
}

H5, H6 {
  font-style: italic;
  font-style: oblique;
}

P {
  margin-bottom: 1ex;
}

EM {
  font-style: italic;
  font-style: oblique;
}

A,
A:link,
A:visited,
A:active,
A:hover { 
  color: #009;
  font-weight: bold;
  text-decoration: none;
}
A:active { color: #000; }
A:hover { color: #0FF; }

/*** End Default Declarations ***/

/*** Begin Template Declarations ***/

DIV.wcvw_padding {
  padding: 1ex 1ex;
}

DIV.wcvw_background {
  background: url('../images/wcvw_edge.png') repeat-y;
  margin: 0 auto;
  width: 800px;
}

DIV.wcvw_header {
  background: #00c;
  margin: 0 auto;
  width: 700px;
  color: #000
}

  DIV.wcvw_header IMG {
    margin: 1ex;
  }

  DIV.wcvw_header A:link,
  DIV.wcvw_header A:visited,
  DIV.wcvw_header A:active,
  DIV.wcvw_header A:hover {
    color: #9FF;
  }
  DIV.wcvw_header A:active { color: #FFF; }
  DIV.wcvw_header A:hover { color: #FF0; }
  
DIV.wcvw_content {
  margin: 0 auto;
  width: 700px;
}

DIV.wcvw_left {
  background: #00c;
  color: #fff;
  float: left;
  font-size: smaller;
  overflow: hidden;
  width: 150px;
}

  UL.wcvw_menu {
    color: #9FF;
    font-weight: bold;
    text-align: left;
  }

    UL.wcvw_menu LI {
    }

    UL.wcvw_menu LI SPAN.wcvw_inactive {
      text-decoration: underline;
    }

    UL.wcvw_menu A:link,
    UL.wcvw_menu A:visited,
    UL.wcvw_menu A:active,
    UL.wcvw_menu A:hover {
      color: #9FF;
    }
    UL.wcvw_menu A:active { color: #FFF; }
    UL.wcvw_menu A:hover { color: #FF0; }

    UL.wcvw_main_menu {
      margin-bottom: 5ex;
    }
    
    UL.wcvw_sub_menu {
      margin-left: 2ex;
      text-indent: -2ex;
    }

  P.wcvw_sponsors {
    text-align: center;
  }

DIV.wcvw_middle {
  float: left;
  width: 400px;
}

  DIV.wcvw_middle B.b1, DIV.wcvw_middle B.b2, DIV.wcvw_middle B.b3, DIV.wcvw_middle B.b4 {
    display: block;
    border-left: solid 1px #00c;
    border-right: solid 1px #00c;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
  }
  DIV.wcvw_middle B.b1 { border-left-width: 4px; border-right-width: 4px; }
  DIV.wcvw_middle B.b2 { border-left-width: 2px; border-right-width: 2px; }

DIV.wcvw_right {
  background: #00c;
  color: #fff;
  float: left;
  font-size: smaller;
  overflow: hidden;
  width: 150px;
}

DIV.wcvw_footer {
  background: #00c;
  color: #fff;
  font-size: smaller;
  overflow: hidden;
}

  DIV.wcvw_footer A:link,
  DIV.wcvw_footer A:visited,
  DIV.wcvw_footer A:active,
  DIV.wcvw_footer A:hover { 
    color: #9FF;
  }
  DIV.wcvw_footer A:active { color: #FFF; }
  DIV.wcvw_footer A:hover { color: #FF0; }

DIV.wcvw_clear {
  clear: both;
}

IMG.wcvw_est {
  position: absolute;
  top: 0px;
  right: 0px;
}


DIV.debug_640,
DIV.debug_800,
DIV.debug_1024 {
position: absolute; top: 0px; right: 0px; height: 100%; border: solid 1px blue; display: none; }
DIV.debug_640 { width: 634px; border-color: red; }
DIV.debug_800 { width: 794px; border-color: yellow; }
DIV.debug_1024 { width: 1038px; border-color: green; }


/*** End Template Declarations ***/


/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet wcvw.css ****/

P.caption {
  font-size: x-small;
  font-style: italic;
  text-align: center;
  width: 100%;
}

/*** tt_news styles ***/

/*** generic news styling ***/

DIV.news {
  
}
  DIV.news A,
  DIV.news A:active,
  DIV.news A:visited {
    color: #000;
  }

  DIV.news A:hover {
    color: #0CF;
  }

  DIV.news DIV.browse-links,
  DIV.news DIV.back-to-list,
   DIV.news DIV.go-to-archive {
  }

  DIV.news DIV.browse-links P,
  DIV.news DIV.back-to-list P,
  DIV.news DIV.go-to-archive P {
    font-size: small;
    margin-bottom: 1ex;
    text-align: right;
  }

/*** generic news item styling ***/
  
DIV.news-item {
  border-bottom: solid 1px #00F;
  margin: 1ex 1ex;
  text-align: center;
}

   DIV.news-item H1 {
    font: italic bold large;
    margin: 0ex;
    margin-bottom: 1ex;
    padding: 0ex;
    width: 100%;
  }

  DIV.news-item H2 {
    font: normal small;
    margin: 0ex;
    margin-bottom: 1ex;
    padding: 0ex;
    width: 100%;
  }

  DIV.news-item IMG {
    border: solid 1px #000;
    margin: 1ex;
    padding: 0ex;
  }

  DIV.news-item P {
    font: normal medium;
    margin: 0ex 0ex 1ex 0ex;
    padding: 0ex;
    width: 100%;
  }

  DIV.news-item P.more {
    font-size: medium;
    text-align: center;
  }

  DIV.news-item P.timestamp {
    font-size: small;
    text-align: right;
  }
  
/*** latest news list styling ***/

DIV.news-latest {
}

/*** news archive menu styling ***/

DIV.news-archive {
    border: 1px solid #0cf;
    color: #9FF;
    font-weight: bold;
    margin-bottom: 5ex;
    padding: 1ex;
    text-align: left;
}

  DIV.news-archive UL {
  }

    DIV.news-archive UL LI {
    }

    DIV.news-archive UL LI A,
    DIV.news-archive UL LI A:link,
    DIV.news-archive UL LI A:visited {
      color: #9FF;
    }
    DIV.news-archive UL LI A:active { color: #FFF; }
    DIV.news-archive UL LI A:hover { color: #FF0; }

    DIV.news-archive UL LI.news-amenu-item-year {
    }

    DIV.news-archive UL LI.news-archive-item {
      padding-left: 3ex;
      text-indent: -2ex;
    }


/*** goof_fotoboek styles ***/
  
DIV.wcvw_foto {
}

  DIV.wcvw_foto .navbar {
    margin: 1ex 1ex;
  }