#jameszlindsay_header {
    position: fixed;
    font-family:"Geo",monaco, courier, monospace;
    top: 0;
    width: 100%;
    overflow: visible;
    z-index: 2022;
    padding-top: 0;
    padding-bottom: 4px;
    background-color: #808080;
    -webkit-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -o-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -ms-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -moz-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    height: 14px;
    border-bottom: 1px solid #414141;
}
div#page {
    margin-top: 3em;
}
.clearfix {
}

.clearfix::after {
    clear: both;
}

#jameszlindsay_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: visible;
    z-index: 2023;
    padding-top: 9px;
    padding-bottom: 4px;
    background-color: #808080;
     -webkit-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -o-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -ms-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    -moz-box-shadow: rgb(65, 65, 65) 0px 4px 4px 0px;
    height: 4px;
    border-top: 1px solid #bebebe;
}
html {
font-family: "Geo",monaco, courier, monotype;
background: #808080;
 color: #0ff;
line-height: 1.4em;
text-shadow:0 .4px 0 #041,0 .4px 0 #410,.4px .8px .4px #333,0 1.4px .8px #000041;
letter-spacing:1.4px;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:normal;text-rendering:auto;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;
}
.center {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#body {
}

body {
    margin: 0;
    background: #808080;
}

#header {
    margin-top: 41px;
    height: 100px;
    border: 1px solid #000000;
}

#wrapper {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.p.subject {
    text-align: left;
}

p.paragraph {
    text-align: justify;
}

h1 {font-size:12px;font-size:111%;color:#0ff;font-family:"Wallpoet",monaco,courier,monospace;text-transform:normal;margin-left:41px;margin-right:41px;font-weight:800;text-shadow:0 1px 0 #041,0 2px 0 #410,.3px .9px 1.2px #300,0 1.4px .9px #000041;letter-spacing:4.1px;line-height:1.4em font-size: 101%;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:96%;font-variant-ligatures:none;-webkit-font-variant-ligatures:normal;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}
}

img {
    width: 100 !important
    height: 100 !important
    display: block;
}

video {
    width: 96%;
    height: auto;
    border: 1.2px solid cyan;
}


/** Navigation CSS **/

div.navigation {
    height: 14px;
}


nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.nav-list {
    max-width: 1000px;
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    padding: 0 0 0 45px;
    position: relative;
    z-index: 444;

}

nav ul li {
    float: left;
    position: relative;
}

nav ul li a, nav ul li a:visited {
    display: block;
    color: #e0e0e0;
    text-decoration: none;
    text-shadow: 1.4px 1.4px 1.4px #000000;
    padding: 2px 14px;
    line-height: 14px;
    text-shadow: -1.4px 4.1px 4.1px #747380, 1.2px 1.2px 2.1px #300747;
    letter-spacing: 4.1px;
}

nav ul li a:hover, nav ul li a:visited:hover {
    border: 4px solid #0FF;
	border-width: 1px 1px 1px;
	box-shadow: 1px 4px 4px rgba(14, 0, 0, 0.41);
}

nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: "";
}

nav ul li ul li {
    min-width: 111px;
    z-index: 99999;
}

nav ul li ul li a {
    padding: 15px;
    line-height: 14px;
}

nav .nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.14);
    background-color: #575758;
    border: 1.4px solid #0FF;
    border-radius: 0 4px 4px 4px;
    border-width: 0 1px 1px;
    box-shadow: 0 4px 4px rgba(14, 0, 0, 0.41);
}

nav .nav-dropdown li a {
    border: 4px solid #0FF;
    border-width: 1px 1px 1px;
    box-shadow: 1px 4px 4px rgba(14, 0, 0, 0.41);
}

nav .nav-dropdown li a:visited {
    background: #300747;
}

nav li:hover > a {
    color: #0ff !important;
}

nav .nav-dropdown li a:hover {
    background: #222222 !important;
}

/* Mobile navigation */
.nav-mobile {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
	height: 14px;
	width: 41px;
	z-index: 2222;
}

@media only screen and (max-width: 798px) {
    .nav-mobile {
        display: block;
    }

    ul.nav-list {
        width: 100%;
    }

    .navigation {
        margin-top: 0;
        z-index: 2092;
        background-color: #616161;
        -webkit-box-shadow: rgb(61, 61, 61) 0px 4px 4px 0px;
        box-shadow: rgb(61, 61, 61) 0px 4px 4px 0px;
        -o-box-shadow: rgb(61, 61, 61) 0px 4px 4px 0px;
        -ms-box-shadow: rgb(61, 61, 61) 0px 4px 4px 0px;
        -moz-box-shadow: rgb(61, 61, 61) 0px 4px 4px 0px;
    }

    nav ul li {
        background: #616161;
    }

    nav {
        width: 100%;
        padding: 14px 0 14px;
    }

    nav ul {
        display: none;
        text-align: left;
    }

    nav ul li {
        float: none;
    }

    nav ul li a {
        padding: 15px;
        line-height: 14px;

    }

    nav ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }
}

@media screen and (min-width: 799px) {
    .nav-list {
        display: block !important;
    }

}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 14px;
    cursor: pointer;
    padding: 10px 21px 16px 0px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    transition: all 123ms ease-in-out;
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

@media only screen and (max-width: 798px) {
    .nav-mobile {
        display: block;
    }

    ul.nav-list {
        width: 100%;
    }

    .navigation {
        margin-top: 0;
        z-index: 99999999;
        background-color: #808080;
        -webkit-box-shadow: rgb(60, 60, 60) 0px 4px 4px 0px;
        box-shadow: rgb(60, 60, 60) 0px 4px 4px 0px;
        -o-box-shadow: rgb(60, 60, 60) 0px 4px 4px 0px;
        -ms-box-shadow: rgb(60, 60, 60) 0px 4px 4px 0px;
        -moz-box-shadow: rgb(60, 60, 60) 0px 4px 4px 0px;
    }

    nav ul li {
        background: #808080;
    }

    nav {
        width: 100%;
        padding: 50px 0 15px;
    }

    nav ul {
        display: none;
        text-align: left;
    }

    nav ul li {
        float: none;
    }

    nav ul li a {
        padding: 15px;
        line-height: 20px;

    }

    nav ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }
}

@media screen and (min-width: 799px) {
    .nav-list {
        display: block !important;
    }

}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

article {
    max-width: 1000px;
    margin: 0 auto;