/*
 * $Id: rubberchav.css 114 2010-03-28 12:03:31Z rubberchav $
 */

/*
 * (visual)
 */
@media handheld, print, projection, screen, tv {
  /* properties inherited by all visual elements */
  body {
    font-family:	sans-serif;
    color:		white;
    background-color:	black;
    /* width:		100%; */
    margin:		0;
    border:		0;
    padding:		0;
  }

  img {
    border:		0;
  }

  *[class~=centre] {
    text-align:		center;
  }

  /* The <h1 id="title"> element - page title */
  #title {
    text-align:		center;
  }

  /* navigation links */
  #navigation {
    /* width:		100%; */
    background-color:	#404040;
    font-size:		smaller;
    margin:		0;
  }
  #navigation ul {
    margin-top:		0;
    margin-bottom:	0;
    border-top:		0;
    border-bottom:	0;
    padding-top:	0;
    padding-bottom:	0;
  }
  #navigation :link {
    color:		white;
  }
  #navigation :visited {
    color:		#e0e0e0;
  }
  
  /* main content */
  #content {
    /* width:		100%; */
    padding-left:	2em;
    padding-right:	2em;
  }

  /* standards conformance link images */
  #conformance {
    /* width:		100%; */
    background-color:	#404040;
  }
  #conformance img {
    float:		right;
    width:		88px;
    height:		31px;
  }
}

/*
 * bitmapped interactive displays
 */
@media handheld, projection, screen {
  /* linear list display separated by " | " */
  #navigation li {
    display:		inline;
  }
  #navigation ul:before {
    content:		" | ";
  }
  #navigation li:after {
    content:		" | ";
  }
}

/*
 * (print)
 */
@media print {
  /* Use serif font */
  body {
    font-family:	serif;
  }

  /* Do not print navigation */
  #navigation {
    display:		none;
  }
}

/* hide the navigation-skip link for screen and projection */
@media projection, screen {
  #navigation-skip {
    display:		none;
  }
}