* {
    box-sizing: border-box;
    margin: 0;
}

body {
    font-family: "Book Antiqua", Arial, Helvetica, sans-serif;
    color:#fff;

    background:#363636;
    background: url('/images/scanline.png'), url('/images/court-room.jpg') #000 no-repeat fixed;
	background-position: center center;
	background-attachment: fixed;

    /* Default grid configuration */
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr;
    /* Top nav bar, logo, content and then a footer  */
    grid-template-rows: 100px 500px 1fr 100px;
}

a:link, a:visited {
	color:#c96;
	text-decoration:none;

}

a:hover {
	color:#ff9;
}

/*
    ### ===               === ###
    ### === Navbar styles === ###
    ### ===               === ###
*/

.navigationBar {
    justify-self: normal;

    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: -1;

    background: transparent url('/images/navbar/nav.gif') top repeat-x;
    font-family: "Book Antiqua";

    height: 50%;
}

.navigationBar ul {
    list-style-type: none;
    padding: unset;

    display: flex;
    justify-content: space-between;
}

.navigationBar li {
    display: flex;
    height: 50px;
}

.navigationBar li:not(:first-of-type)::before {
    content: "";
    background: transparent url('/images/navbar/Tab-Left.gif') no-repeat;
    width: 25px;
}

.navigationBar li:not(:last-of-type)::after {
    display: inline-block;
    content: "";
    background: transparent url('/images/navbar/Tab-Right.gif') no-repeat;
    width: 25px;
}

.navigationBar li > a {
    display: flex;
    align-items: center;
    text-decoration: unset;
    color: #fff;
    font-size: 20px;
    background: transparent url('/images/navbar/Tab-Center.gif') repeat-x;   
    text-decoration: unset;
    text-shadow: 0px 0px 3px #5c1e01;
}

/*
    ### ===               === ###
    ### ===  Box  styles  === ###
    ### ===               === ###
*/

.square-box {
    border-width: 3px;
    border-style: groove;
    background-color: #663300;
}

.round-box {
    border-width: 3px;
    border-style: ridge;
    border-radius: 16px;
}

.round-box > *:first-child {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.round-box > *:last-child {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

/* DIFFERENT THAN round-box */
.rounded-box-top {
    background-color: #663300;
    
    border-left-color: #fafafa;
	border-bottom-color: #4f2104;
	border-right-color: #fafafa;
	border-top-color: #fafafa;

    border-style: ridge;
	
    border-left-width: 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}


/* 
    BG colors 
    Should perhaps be variables instead
*/
.black {
    background-color: #000;
}

.gray {
    background-color: #333;
}

.brown {
    background-color: #663300;
}

.light-brown {
    background-color: #917142;
}

/* Utility styles  */

.hidden {
    display: none !important;
}