a:link {color:#000000; text-decoration: bold;}
a:visited {color:#000000; text-decoration: bold;}
a:hover {color:#444444; text-decoration: underline;}
a:active {color:#444444; text-decoration: none;}
a.hidden:link {color:#000000; text-decoration: none;}
a.hidden:visited {color:#000000; text-decoration: none;}
a.hidden:hover {color:#000000; text-decoration: none;}
a.hidden:active {color:#000000; text-decoration: none;}


body {
	background-color:#ffffff;
    color: #020202;
    width: auto;
	}
    
p {
    /*white-space: pre-wrap;*/
    padding: 2%;
    margin-top: 0px;
    }

h1 {
    font-size: 2.4em;
    /*font-family: "Verdana";*/
    color: #000000;
}

h2 {
    font-size: 1.2em;
    font-family:  "Monospace";
    color: #222222;
    margin-left: 1%;
    }

h3 {
    font: 1em "Monospace";
    color: #222222;
    margin-left: 1%;
    }

h4 {
    font: 0.8em "Monospace";
    color: #D8D8D8;
    margin-left: 1%;
    }

h5 {
    font: 0.6em "Monospace";
    color: #D8D8D8;
    padding-bottom:0px;
    padding-top:0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-left: 1%;
    }

img {
    max-width: 100%;
    height: auto;
}    

.header {
    font-family: "Verdana";
    margin: auto;
    width: 60%;
}


.content {
    font-family: "Verdana";
    margin: auto;
    width: 60%;
    border: 2px solid black;
    border-radius: 10px;
    padding: 10px;
}


.centeredImage {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.nsfwTag {
    color: #FF0000;
    font-size: 0.8em;
}

.smallText {
    color: #22DDDD;
    font-size: 0.7em;
}

.langBash {
    color: #88ccdd;
    font-size: 0.9em;
}

.langPython {
    color: #22DDAA;
    font-size: 0.9em;
}

.langC {
    color: #22DDff;
    font-size: 0.9em;
}

    



#header_graphic {
    margin-left: auto%;
    margin-right: auto%;
    width: auto;
    height: auto;
}

#nav {
    height: auto;
    width: auto;
    padding-top: 1%;
    padding-left: 1%;
    
    }
            
        
#nav_button {
	float: left;
	height: auto;
	width: 10%;
    font:  1em "Monospace";
	text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;


}

#nav_button a:link {
    color: #FFFFFF;
    }

#nav_button a:hover {
    color: #FFFFFF;
    text-decoration: none;

    }
    
#nav_button:hover {
	color: #FFFFFF;
	position: relative;
	text-align: center;
}

#nav_button:hover a:link {
    color:#FFFFFF;
    }

#nav_button:hover a:visited {
    color:#FFFFFF;
    }
    



#footer {
    font: italic 0.6em "Sans";
    color: #D8D8D8;
    text-align: center;
}

#hidden {
    color:  #000000;
}