html {
        margin: 0;
        padding: 0;
        font: 10pt 'Arial', sans-serif;
}

body {
        background: url('45163.png'), url('35599.png'), url('7300.png');
        color: black;
        margin: 0;
        padding: 0;
        text-align: justify;
}

th {
        font-weight: bold;
        border-bottom: 1px solid #66a;
}

hr {
        padding: 0;
        margin: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ccc;
        height: 1px;
        clear: left;
}

acronym, abbr {
        border-bottom: 1px dotted #808080;
        font-style: normal;
        cursor: help;
}
/*
dl dt {
        font-weight: bold;
}*/
/*
input[type=text], input[type=password], textarea, select {
        border: 1px solid #999;
        color: black;
        background: white;
        padding: 3px 3px 1px 3px;
        border-radius: 3px;
}
input[type=text], input[type=password] {
        box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
}
input[type=submit]:hover {
        color: black;
        background: #ccc;
        border: 1px solid #888;
}
input[type=reset]:hover {
        color: black;
        background: #fcc;
        border: 1px solid #888;
}
*/
dl.form { overflow: visible; width: 350px; box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.5); padding: 9px 5px 5px 5px; border-radius: 5px; }
dl.form dt { clear: left; float: left; margin: 4px; width: 150px; text-align: right; }
dl.form dd { margin-bottom: 4px; }

ul.nav, ul.nav ul { margin: 0; padding: 0; list-style: none; }
ul.nav li { margin: 0; padding: 0 0 0 15px; list-style: none; background-image: url('mid.png'); background-repeat: no-repeat; }
ul.nav li:last-child { background-image: url('last.png'); }
ul.nav li.closed ul { display: none; }
ul.nav .open span, ul.nav .closed span { margin: 0 0 0 -15px; padding 0; width: 15px; height: 13px; display: inline-block; cursor: pointer; }
ul.nav .open span { background-image: url('open.png'); }
ul.nav .closed span { background-image: url('closed.png'); }

img {
        border: none;
}

.photo {
        margin: 0 -30px 0 -90px;
        padding: 0;
        text-align: center;
}

.photo img {
        border: 1px solid black;
}

.content {
        margin: 0 20px 20px 20px;
        padding: 20px;
        background: white;
        border-radius: 5px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}

.content :link {
        text-decoration: none;
        color: #800;
}

.content :visited {
        text-decoration: none;
        color: #400;
}

.content :link:hover {
        text-decoration: underline;
        color: #a00;
}

.content :visited:hover {
        text-decoration: underline;
}

.content h1 {
        font-size: 1.5em;
        color: red;
        background: yellow;
}

.content h2 {
        font-size: 1.3em;
        color: black;
        margin-top: 2em;
        border-bottom: 1px solid #ccc;
}

.content h3 {
        font-size: 1.1em;
        color: #888;
        /*border-bottom: 1px solid #ccc;*/
        background: #fff;
}

.content h4 {
        color: black;
        margin: 0;
        color: #f00;
}

h1 {
        margin: 5px 0 0 0;
        padding: 5px;
        color: rgba(255, 255, 255, 1);
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
        text-align: center;
        font-size: 3em;
        font-weight: bold;
}
/*
#gradient {
        font-size: 0;
        margin: 0;
        padding: 0;
        height: 12px;
        width: 100%;
        display: block;
        background: url(../images/grad.png);
}
*/
.menu {
        margin: 5px 30px 5px 70px;
        text-align: right;
        padding: 0;
}

.menu li {
        display: inline;
        list-style: none;
}

.menu a {
        margin: 0;
        text-decoration: none;
        color: black;
        background: rgba(255, 255, 255, 0.5);
        padding: 5px 10px;
        border-radius: 5px 5px 0 0;
        box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.25);
}

.menu a:hover {
        color: black;
        background: white;
}

.selected a {
        font-weight: bold;
        background: white;
        box-shadow: none;
}

q {
        quotes: '\201C' '\201D' '\2018' '\2109';
}

q:before {
        content: open-quote;
}

q:after {
        content: close-quote;
}

blockquote q {
        font-style: italic;
}

#gir {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 51px;
        height: 97px;
        background: url(../images/gir.png);
}

.copyright {
        font-size: 85%;
        clear: both;
        text-align: right;
        padding: 0;
        margin: 20px;
        color: rgba(0, 0, 0, 0.5);
}

.copyright a {
        color: #888;
}

.spacedlist li {
        margin-bottom: 0.7em;
        list-style-position: outside;
        clear: left;
}

.spacedlist li img {
        float: left;
        margin: 0 5px 5px 0;
        padding: 0;
        /*width: 100px;*/
}

.thumbnail {
        float: left;
        text-align: center;
        font-size: 75%;
        width: 150px;
        padding: 5px;
        height: 150px;
}

.thumbnail img {
        background: black;
        padding: 4px 15px;
        margin: 0;
}

.commentinfo {
        font-size: 75%;
        color: #66a;
        text-align: right;
        clear: left;
}

.commentinfo a:link {
        color: #888;
}

.commentinfo a:visited {
        color: #666;
}

img[style="float: left;"] {
        float: left;
        clear: left;
        margin: 0 5px 5px 0;
}

#camera {
        width: 184px;
        height: 219px;
        float: left;
        margin: 15px;
        padding: 0;
        background: url(/images/ifbaflex.jpeg);
}

#camera:hover {
        background: url(/images/ifbaflex2.jpeg) white;
}

.hidden {
        display: none;
}

.code {
        padding: 0.5em;
        font-family: monospace;
        font-size: 8pt;
        /*font-size: 75%;*/
        background: #ddd;
        color: #000;
}

.key {
        margin: 0;
        padding: 0.5em;
        font-family: monospace;
        font-size: 8pt;
        line-height: 1.2em;
        /*font-size: 75%;*/
        background: #ddd;
        color: #000;
}

.software {
        float: left;
        border: 1px solid #ccc;
        margin: 30px 20px 20px 0;
        padding: 10px;
        list-style: none;
        background: #fff;
}

#donate {
        display: none;
        width: 160px;
        margin: 20px auto;
        padding: 20px;
        opacity: 0.25;
        line-height: 0;
}

#donate:hover {
        opacity: 1.0;
}