@import url("menu3.css");

* {
    //margin: 0px;
    //padding: 0px;
    //margin-left: 30px;
    font-family: Courier, verdana, georgia, serif;
    //color: white;

}

#donate {
    position: fixed;
    right: 50px;
    top: 30px;
}

body {
    //background-color: white;
    background-color: #4286f4; //cool blue
    //background-color: #8ce7ff; //one cool blue
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    margin-left: 30px;
    color: white;
}

#header {
    background-color: #4286f4; //cool blue
    //background-color: #8ce7ff;
    //background-color: #000000;
    color: white;
    border-bottom: 1px dotted;
    line-height: 170%;
    padding-top: 50px;
    margin-bottom: 5px;
    font-size: 150%;
    margin-left: 30px;
}

.main {
    text-align: center;
    border-top: 1px dotted white;
    //background-color: #e5d4e7;
    //background-color: white;
    background-color: #4286f4; //cool blue
    //background-color: #8ce7ff;//blue
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 20px; 
    font-size: 110%;
}

.sidebar {
    //background-color: #e5d4e7;
    //background-color: #8ce7ff;
    background-color: #4286f4; //cool blue
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 20px; 
    font-size: 105%;
    float: right;
    width: 260px;
}

#footer {
    //background-color: #8ce7ff;
    background-color: #4286f4; //cool blue
    color: white;
    margin-left: 30px;
    border-top: 1px dotted ;
    //border-radius: 5px;
    height: 60px;	
    clear: both;
}

h1 {
    color: white;
    font-size: 120%;
    text-align: left;
    #border-bottom: 2px solid #009;
    #margin-bottom: 50px;
}

h2 {
    text-align: center;
    font-size: 120%;
    color: white;
}

a {
   color: lime; 
}

.showcode{
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    margin-bottom: 10px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    //width: auto;
    padding: 20px;
    background-color: black;
    color: lime;
    width: 650px!ie7;
    padding-bottom: 20px!ie7;
    max-height: 800px;
    border-radius: 5px;
    border: 4px solid white; 
}
.showcode h1 {
    text-align: left;
    font-size: 120%;
    border-bottom: white solid 1px;
    margin-top: 30px;
}

.showcode h2 {
    text-align: left;
    font-size: 110%;
}
.showcode p {
    text-align: left;
    font-size: 110%;
    //padding-left: 2em;
}