body {
    background-color: #666;
    background-image:url('http://befok.org/linux-101-background-222.png');
    color: #fff;
    font-size: 0.9em;
    font-family: sans-serif,helvetica;
    margin: 0;
    padding: 0;
}

#gradient {
    background-image:url('http://befok.org/linux-101-gradient-400px.png');
    background-repeat:repeat-x;
}

#pagewidth {width:1000px; margin-left:auto; margin-right:auto; padding-top:1px; position:relative;}

#headerOutside {
    background-color:#000;
    background-image:url('http://befok.org/linux-101-gradient4-100px.png');
    padding:0px;
    height:100px;
}

#headerInside {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: bold;
    font-variant:small-caps;
}

#contentOutside {
    color: #000;
    background-color:#FFF;
    padding: 5px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#contentInside {
    padding: 10px 25px 25px 25px;
}

#footerOutside {
    background-image:url('http://befok.org/linux-101-gradient-100px.png');
    padding: 0px;
    height:100px;
}

#footerInside {
    text-align: center;
    margin: 0;
    padding: 30px;
    color: #ffffff;
    font-weight: bold;
    font-variant:small-caps;
    font-size: 1.0em;
}



p { padding: 0; }
img { border: 0; }
a { color: #00f; text-decoration: none; }
a:visited { color: #00f; }
a:hover { color: #f00; }
a:active { color: #0f0; }

h1 {padding: 20px 10px 10px 10px;}


pre {
    color: #000;
    font-family: Monospace;
    background-color: #ccc;
    padding: 0 10px 0 10px;
}

#homediv {
    position: absolute;
    top: 5px;
    left: 5px;
}

#homediv a {
    color: #fff;
    font-weight: bold;
    font-variant:small-caps;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */