* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap
{
    height: 100%;
    background: black;
    /*background-image: url(/static/css/background1.jpg);
    background-attachment: fixed;*/
}

body
{
    font: 14px/1.5 verdana, arial, helvetica, sans-serif;
}

/* Footer --------------------------------------------------------------------------*/

body > #wrap
{
    height: auto; min-height: 100%;
}

#main
{
    padding-bottom: 30px; /* must be same height as the footer */
}  

#footer
{
    position: relative;
    margin-top: -30px; /* negative value of footer height */
    height: 30px;
    clear:both;
    
    background: #5C02C0;
    color: white;
}

#footer p
{
    padding: 4px 8px 4px 8px;
}

#footer a
{
    color: white;
}

/* CLEAR FIX----------------------------------------*/
.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 */

/* -------------------------------------------------- 
Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com
*/

/* Navigation --------------------------------------------------------------------------*/
div#nav
{
    position:       fixed;
    
    padding:        10px;
    width: 150px;
    background:     #5C02C0;
    
    color: white;
}

div#nav h1
{
    text-align: center;
}

div#nav h1 a
{
    text-decoration: none;
}

div#nav li
{
    list-style-type: none;
}

div#nav li.inner
{
    font-size: 0.8em;
    font-style: italic;
    list-style-type: circle;
    margin-left: 1.4em;
}

div#nav a
{
    color: white;
    text-decoration: none;
}

div#nav a:hover
{
    text-decoration: underline;
}
/* -------------------------------------------------------------------------------------*/

/* Content --------------------------------------------------------------------------*/
.article
{
    position: relative;
    left: 140px;
    top: 35px;
    width: 700px;
    background: white;
    margin-left: 75px;
    margin-bottom: 45px;
    
    border: 1px solid white;
    
}

.article p
{
    padding: 5px 10px 5px 10px;
}

.article h1
{
    padding: 5px 10px 5px 10px;
    background: #8C8AEB;
    border: 1px solid black;
}

/*Code solution from */
code, samp, kbd
{
    font-family: "Courier New", Courier, monospace, sans-serif;
    text-align: left;
}
pre code
{
    line-height: 1.6em;
}
pre
{
    padding: 5px 10px 5px 10px;
    overflow: auto;
    width: 93%;
}
/* target IE7 and IE6 */
*:first-child+html pre
{
    padding-bottom: 2em;
    overflow-y: hidden;
    overflow: visible;
    overflow-x: auto; 
}
* html pre
{ 
    padding-bottom: 2em;
    overflow: visible;
    overflow-x: auto;
}

blockquote
{
    text-align: center;
    font-style: italic;
    padding: 6px 12px 6px 12px;
}


/* -------------------------------------------------------------------------------------*/