html {
height: 100%;
margin: 0;
}
body {
/*background-color: #ccc;*/
color: #000;
margin: 0;
padding: 0px;
height: 100%;
}
#header {
background-color: #eee;
border-bottom: 0px solid #fff;
}
#footer {
background-color: #ccc;
text-align: center;
/*border-top: 1px solid #000;*/
position: absolute;
/*top: 99%;*/
float: bottom;
left: 0px;
width: 100%;
height: 1em;
padding: 0px;
padding-bottom: 2px;
top: 100%;
}
#content {
padding: 10px;
vertical-align: top;
}
h1.title {
padding: 4px;
margin: 0px;
}
.message {
color: #000;
}
.error {
color: #f00;
}
/* Some stuff from skidoo_too.css */
#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
*/
/*height: 98%;*/
border-left: solid 12em #eee;
border-right: solid 0em #eee;
/*border-bottom: solid 1em #fff;*/
}
#innerColumnContainer
{
border: solid 0px #000;
border-width: 0 0px;
margin: 0 -1px; /* compensate for the borders because of
100% width declaration */
width: 100%;
/*height: 90%;*/
/*z-index: 1;*/
background-color: #fff;
float: right;
}
#leftColumn, #middleColumn, #rightColumn, * html #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 -1px;
width: 100%;
/*z-index: 5;*/
}
#leftColumn
{
float: left;
margin: 0 1px 0 -12em;
width: 12em;
/*z-index: 4;*/
height: 100%;
background-color: #eee;
}
#rightColumn
{
float: right;
width: 14em;
margin: 0 -14em 0 1px;
/*z-index: 2;*/
}
/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
* in the original skidoo layout.
*/
.vnav
{
margin: 0em 0;
}
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.vnav ul
{
border: solid 0px #fff;
border-bottom-width: 0;
}
.vnav ul li
{
border-bottom: solid 0px #fff;
}
.vnav ul li, .vnav ul li a
{
margin: 0;
display: block;
padding: 0;
line-height: normal;
}
.vnav ul li a
{
display: block;
padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
text-decoration: none;
cursor: pointer;
background-color: #eee;
color: #000;
}
.vnav ul li a:hover
{
text-decoration: none;
background-color: #ccc;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
font-size: 126%;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 0.01%;
}
* html .vnav ul
{
position: relative; /* IE needs this to fix a rendering problem */
}
/* horizontal navigation elements. create a DIV element with the class hnav
* and stick one unordered list inside it to generate a horizontal menu.
*/
.hnav
{
border-bottom: solid 0px #fff;
text-align: center;
}
.hnav, .hnav ul li a
{
/* need to middor veritcal padding on .hnav and child anchor elements
* because the anchors are _not_ block elements. since they are not
* block elements web browsers will not expand .hnav to contain them
* even with the extra padding. by applying the same padding to both
* the parent .hnav _looks_ like its containing the child anchor
* elements.
*/
padding-top: 3px;
padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.hnav ul li a
{
margin: 0 -1px 0 0;
padding-left: 10px;
padding-right: 10px; /* short-hand padding attribute would overwrite
top/bottom padding set in a previous rule */
border-left: solid 0px #000;
border-right: solid 0px #000;
white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
text-decoration: none;
color: #7f899a;
}
.hnav ul li a:hover
{
text-decoration: none;
background-color: #ccc;
}
.hnav ul li span.divider
{
display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
width: 1%; /* IE/Mac needs this */
display: inline-block; /* IE/Mac needs this */
/* \*/
width: auto;
display: inline;
/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
IE/Mac will ignore this rule. */
}
* html .HNAV
{
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector hack will be applied only by
IE 5.x/Win */
}