/*
    Openstatic.org style sheet
*/


#DivForHoverItem {
    /*just so we can see it*/
    height: 20px;
    width: 300px;
    background-color: red;
}

#HiddenText {
    display: none;
}

#DivForHoverItem:hover #HiddenText {
    display: block;
}

/* paragraphs */
p, li, blockquote, table
{
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 0px;
    font-family: "terminal", monospace;
    font-size: .9em;
    line-height: 150%;
    text-align: left;
    /* width: 800px; */
}

pre
{
    word-wrap: break-word;
}

code
{
    margin-left: 12px;
    margin-right: 8px;
    margin-top: 0px;
    font-family: "terminal", monospace;
    font-size: .9em;
    line-height: 150%;
    text-align: left;
    background-color: #111111;
    color: #888888;
    display: block;
    overflow: auto;
    border: 1px black dotted;
    padding: 2px 2px 2px 2px;
}

div.content-container
{
    width: 90%;
    border-style: solid;
    border-width: 1px;
    border-color: black;   
    border-radius: 15px;
    overflow: hidden;
}

div.falsebody
{
    background-color: #F1F1F1;
    margin: 0px 0px 0px 0px;
    padding: 5px 8px 5px 8px;
    text-align: left;
}

div.falsebodydark
{
    background-color: #222222;
    margin: 0px 0px 0px 0px;
    padding: 5px 8px 5px 8px;
    text-align: left;
}

div.falsebodydark a {
    color: #FFFFFF;
}

body
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
/*    background-color: #FFFFEE;*/
    background-color: #535353;
}

.codebox
{
    background-color: #e0e0e0;
    border-style: dotted;
    border-width: 1px;
    border-color: black;
    font-family: "terminal", monospace;
    margin-left: 12px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    white-space: pre;
    text-align: left;
}

.prettystuff
{
    margin-left: 12px;
    margin-right: 8px;
    margin-top: 0px;
    font-family: "terminal", monospace;
    font-size: .7em;
    display: block;
    white-space: pre;
}

/* headers */
h1.title
{
    font-family: "terminal", monospace;
    font-size: 36px;
    text-shadow: 0.1em 0.1em 0.6em #FFFFFF;
    color: #F08000;
    line-height: 80%;
    letter-spacing: 4px;
    margin: 0px 0px 8px 0px;
    text-align: left;
}

h1
{
    font-family: "terminal", monospace;
    font-size: 1.5em;
    text-shadow: 0.1em 0.1em 0.6em #cccccc;
    color: #000000;
    line-height: 80%;
    letter-spacing: 4px;
    margin: 0px 0px 12px 0px;
    text-align: left;
}

h2
{
    font: normal 1.5em Terminal, serif;
    color: #444400;
    margin: 0px 0px 12px 0px;
    /* text-shadow: 0.2em 0.1em 0.4em #555555; */
    text-decoration: underline;
    text-align: left;
}

h3
{
    font: normal 1.3em Terminal, serif;
    line-height: 80%;
    margin: 0 0 .7em 0;
    text-decoration: none;
    margin: 0px 0px 5px 0px;
    text-align: left;
}

h4
{
    font: normal 1.2em Terminal, serif;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

div.headbar
{
    background-color: black;
    padding: 12px 12px 12px 12px;
    margin: 0px 0px 0px 0px;
    border-style: none;
    /* width: 800px */
}

div.nav
{
    background-color: #292929;
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 0px 0px;
    border-top-style: solid;
    border-top-color: #777777;
    border-top-width: 1px;
    height: 38px;
    /* width: 822px; */
}

div.nav a
{
    color: #FFFFFF;
    font-family: "terminal", monospace;
    text-decoration: none;
    border-style: solid;
    border-color: #BBBBBB;
    border-width: 1px;
    padding: 2px 6px 2px 6px;
    height: 38px;
}

div.nav a:hover
{
    background-color: #BBBBBB;
    color: #FF0000;
    font-family: "terminal", monospace;
    text-decoration: none;
    border-style: solid;
    border-color: #BBBBBB;
    border-width: 1px;
    padding: 2px 6px 2px 6px;
}

div.download
{
    display: inline-block;
    min-width: 128px;
    min-height: 128px;
    text-align: center;
    align: center;
    padding: 6px 6px 6px 6px;
}

div.project
{
    display: inline-block;
    min-width: 128px;
    min-height: 128px;
    margin: 5px 5px 5px 5px;
    text-align: center;
}

div.projects
{
    width: 100%;
    text-align: center;
}

div.projects a
{
    display: block;
    border: 1px #F1F1F1 dotted;
}

div.projects a:hover
{
    color: #990000;
    text-decoration: none;
    border: 1px black dotted;
    display: block;
}

/* links */
a
{
    color: #FF5F1F;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: #FF5F15;
    text-decoration: underline;
}

a:visited
{
    color: #E35335;
    text-decoration: none;
}

/* images */
img { border: none; max-width: 100%; min-width: 64px; }