/*
    Main Text Styling
    -----------------
*/

* {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #ebebeb;
    margin: 0px;
    /*border: 4px solid lime;*/
}

p {
    font-family: "Roboto Mono", monospace;
    font-size: 1.1em;
    color: #222222;
}

h1 {
    color: #333;
    font-size: 2em;
}

h2 {
    color: #222;
    font-size: 1.5em;
}

h3 {
    color: #111;
    font-size: 1.3em;
}

em {
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
}

hr {
    border: 3px #d6758a groove;
    border-radius: 3px;
}

/*
    Page Regions
    ------------
*/

/* Header */

header {
    background-color: #00ee77;
    border-bottom: 5px double rgb(94, 94, 94);
    padding: 0px;
}

header h1 {
    color: navy;
    background: linear-gradient(white, grey);
    border-bottom: 3px solid #222222;
    padding: 5px 10px;
    margin: 0px;
    font-weight:bold;
}

header h2 {
    margin: 5px;
    padding: 0px 10px;
}

header h3 {
    margin: 5px;
    padding: 0px 10px;
}

header p {
    margin: 5px;
    padding: 0px 15px;
}

/* Main */

main {
    padding: 10px 20px;
}

/* Footer */

footer {
    background-color: #222222;
    border-top: #111111;
    padding: 20px;
    text-align: center;
}

footer * {
    color: white;
}

/* 
    Text Classes
    ------------
*/

.PS {
    color: #222222;
    font-family: 'Indie Flower', cursive;
    font-size: 1.4em;
    font-weight: bold;
}

.guilded {
    color: gold;
    font-size: 2em;
}

.AmericaText {
	background: linear-gradient(to right, red, white, blue);
	-webkit-background-clip: text;
	color: transparent;
    background-color: darkslategrey;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}

.Disclaimer {
    font-weight: bold;
    font-style: italic;
}

/* Div Classes */
.America_Box {
    background-image: url("/Site_Images/American_Flag_Border.png");
    background-color: white;
	padding: 20px;
	border: 20px solid;
	border-image: url(/Site_Images/American_Flag_Border.png)  128 repeat;
    text-align: center;
}

.America_Box * {
    background-color: darkgrey;
}

.Title_Background {
    margin: 20px;
    display: inline-block;
    background: linear-gradient(to top, #111, #222);
    box-shadow: 5px 10px;
}

.Title_Background * {
    padding: 10px;
    margin: 10px;
}

/* 
    Misc Classes
    ------------
*/

.bottom_border {
    border-bottom: solid 1px #035;
}

.code {
    border: 2px dashed #333;
    background-color: #777;
    font-family: 'Courier New', Courier, monospace;
    color: white;
    padding: 20px;
    width: 60%;
    margin-left: 50px;
}

.badge {
    position: absolute;
    top: 90px;
    left: 40px;
}

.hidden {
    opacity: 0;
}

/* 
    Misc IDs
    --------
*/

#HiddenContent {
    display: none;
}

#BigChungus {
    width: 300px;
}

/* 
    Lists 
    -----
*/

ul {
    /*border-left: 2px solid darkblue;*/
    padding: 10px;
    margin: 0px 30px;
    width: 80%;
    font-size: 1.5em;
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}


ul li {
    background: #ebebeb;
    padding: 5px;
    margin: 0px 20px;
}

ul * {
    font-family: monospace;
}

ul.chungus {
    
    list-style-image: url(Site_Images/benedryl_tiny.png);
}

ol {
    background: #86ffaa;
    /*border-left: 2px solid darkblue;*/
    padding: 20px;
    width: 80%;
    margin: 0px 30px;
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
}

ol li {
    background: #ebebeb;
    font-family: monospace;
    padding: 5px;
    margin: 0px 20px;
}