@charset "iso-8859-1";

/*
2004-09-03: l.levesque
css basée sur la feuille de style suivante:
http://webhost.bridgew.edu/etribou/layouts/skidoo_too/skidoo_too.css

*/

/*******************************************************************************
*  skidoo_too.css : 2004.08.26
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
  clear: both;
}

.hide
{
  display: none;
}

.inside
{
  /* glitch in IE caused by vertical padding in this class, so 0 padding is
   * set here and those blocks that need the vertical padding must be
   * applied to the parent element. the purpose of this class is to provide
   * horizontal padding without using hacks to get around IE's broken box
   * model. so it's okay to apply vertical padding to the parent element,
   * just not horizontal padding.
   */
  padding: 0 1em;
}

html[xmlns] .mozclear
{
  /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
   * this up as well. Shouldn't be a problem, Opera should handle this fine,
   * but it's a Mozilla-targeted hack, and it should probably only affect
   * mozilla. You can do that by replacing the INVALID CSS selector
   * :root .mozclear for what's give here.
   */
  border-bottom: 1px solid;
  border-color: transparent;
  margin-bottom: -1px;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default it's color to white which is probably
 * the safest thing to do.
 */

#pageWrapper
{
  border: solid 1px #FFFFFF;
  border-width: 0 1px;
  margin: 5px 0px;   /* set side margins here 'cause IE doesn't like it set
           on the body element */
  min-width: 40em;  /* IE doens't understand this property. I use ems rather
           than pixels so that the layout shouldn't break even
           when the browser's default size is set very large */
  width: auto;
}

* html #pageWrapper
{
  /* \*/
    word-wrap: break-word;
  /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#outerColumnContainer
{
  /* reserves space for the left and right columns. you can use either
   * padding, margins, or borders, depending on your needs. however you
   * can use the border method to create a background color for both left
   * and right columns
   */
  border-left: solid 0px #FFFFFF;
  border-right: solid 0 #FFFFFF;
}

#innerColumnContainer
{
  border: solid 1px #FFFFFF;
  border-width: 0 1px;
  margin: 0 -1px;   /* compensate for the borders because of
           100% width declaration */
  width: 100%;
  z-index: 1;
}

#leftColumn, #middleColumn, #rightColumn, #SOWrap
{
  overflow: visible;  /* fix for IE italics bug */
  position: relative; /* fix some rendering issues */
}

#SOWrap
{
  float: left;
  margin: 0 -1px 0 0;
  width: 100%;
  z-index: 3;
}

#middleColumn
{
  float: right;
  margin: 0 0 0 -10px;
  width: 100%;
  z-index: 5;
}

#leftColumn
{
  float: left;
  margin: 0 10px 0 0;
  width: 0;
  z-index: 4;
}

#rightColumn
{
  display: none;
  float: right;
  width: 0;
  margin: 0 0 0 1px;
  z-index: 2;
}

/* below is a series of selectors to get a consistent font size across
 * platforms. this is outside the 'theme' section on purpose. use #pageWrapper
 * to set the base font-size for the layout.
 */

body
{
  font-size: 100.1%;
}

html>body
{
  /* Opera's default font size is typically 10% smaller than IE or Mozilla
   * so we correct for this here, since we're using percentages
   * everywhere. And we do this because pixel-based fonts don't resize
   * under IE/Win and percentages/ems are essentially the same, and I like
   * percentages for fonts.
   */
  font-size: 110%;
}

body:last-child, * html body
{
  /* of course the previous selector for Opera's fix is caught by more
   * than a few other browsers, so we reset that value here.
   */
  font-size: 100.1%;
}