body
{
    text-align: center;
    color: black;
    background-color: #a5a5a5;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    width: 100%;
    margin: auto;
    font-size: 18px;
}
.logo
{
    margin-left: auto;
    margin-right: auto;
    width: 10%;
}
.user
{
    width: 85%;
    text-align: left;
    position: absolute;
    color: #FFFFFF;
}
.user a
{
    text-decoration: none;
    border: 2px solid transparent;
    height: auto;
}
nav
{
    background-color: #3333ff;
}
nav ul
{
    background-color: #0000B8;
    list-style-type: none;
    margin: 0;
    padding-left: 15%;
    overflow: hidden;
}

nav ul li
{
    float: left;
    width: 14%;
}

nav ul li a
{
    display: block;
    padding: 5% 12%;
    font-family: Impact;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: 2px solid transparent;
}

nav ul li a:hover, nav ul li.active a
{
    border: 2px solid #FFFFFF;
}

nav ul li.active > ul li a
{
    background-color: #3D3D3D;
    color: #FFFFFF;
}

nav ul li:hover > ul li a
{
    background-color: #3D3D3D;
    color: #D3D3D3;
}
		
nav ul li:hover > ul li a:hover
{
    background-color: #000000;
    color: #FFFFFF;
}
		
nav ul li:hover > ul
{
    visibility:visible;
    opacity: 1;
}

nav ul li ul
{
    padding: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    width: 15%;
    background: #3D3D3D;
    box-shadow:1px 1px 3px #ccc;
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;  
}
.preview
{
    margin: auto;
    width: 65%;
    height: 15vw;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.preview img
{
    display: inline-block;
    width: 20%;
    padding: 1%;
}
nav ul li ul li
{
    width: 100%;
}
.one
{
    margin: auto;
    width: 65%;
}
.one img
{
    float: left;
    width: 50%;
}
/********list*********/
a.lbtn
{
    color: white;
}
a:hover.lbtn
{
    color: orange;
}
/********BUTTON*********/
a.btn
{
    background-color: #3333ff;
    color: white;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 20px;
    text-decoration: none;
    border: 5px solid orange;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0px;
}
a.sbtn
{
    background-color:#ffb133;
    color: rgb(50,50,50);
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 15px;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0px;
}
a:hover.btn
{
    background-color: orange;
    color: #3333ff;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 20px;
    text-decoration: none;
    border: 5px solid white;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0px;
}
a.btnSel
{
    background-color:rgb(50,50,50);
    color: #320a67;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0px;
}
.btnDead
{
    background-color:rgb(50,50,50);
    color:black;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    white-space: nowrap;
    margin: 5px 0px;
}
/*********END BUTTON********/
#menu-icon {
	position: absolute;
	left: 20px;
	top: 60px;
        display: none;
	width: 40px;
	height: 40px;
	background: url(../images/mobile_icon.png);
}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}

i
{
    color: #2a3f5a;
    font-weight: bold;
}
a.itn
{
    color: #2a3f5a;
    font-weight: bold;
    font-style: italic;
}
a:hover.itn
{
    color: white;
    font-weight: bold;
    font-style: italic;
}

h2
{
    background-color: orange;
    color: black;
    border: 6px solid white;
    width: 20%;
    border-radius: 10px;
    padding: 1%;
    margin-left: auto;
    margin-right: auto;
}

.tableE
{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border: 2px solid black;
    border-collapse: collapse;
    table-layout: fixed;
}
.tableE tr
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableE tr td
{
    border: 2px solid black;
    border-collapse: collapse;
}

/*********Order Section************/
.tableOrder
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}
.thOrder
{
    background: black;
}
/***************ORDERING**********************/
.tableO
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid black;
    border-collapse: collapse;
    table-layout: fixed;
}
.tableO tr
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableO tr th
{
    border: 2px solid black;
    border-collapse: collapse;
    background-color: orange;
    color: black;
}
.tableO tr td
{
    border: 2px solid black;
    border-collapse: collapse;
    padding: 4px;
    background-color: #3333ff;
    color: white;
}
/***************Forum*************************/
.tableF
{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border: 2px solid black;
    border-collapse: collapse;
}
.tableF tr
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableF tr th
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableF tr td
{
    border: 2px solid black;
    border-collapse: collapse;
    padding: 4px;
}
/***************ORDERING**********************/
.tableV
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid black;
    border-collapse: collapse;
    table-layout: fixed;
}
.tableV tr
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableV tr th
{
    border: 2px solid black;
    border-collapse: collapse;
}
.tableV tr td
{
    border: 2px solid black;
    border-collapse: collapse;
    padding: 4px;
}
/****************ARCHIVE CSS*****************/
/* Archive Year Header */
arc ul > li > a.post-count-link {
	font-size: 12px;
	margin: -45px;
	padding: 0 2px;
	line-height: 10px;
	box-sizing: border-box;
	letter-spacing: 1px;
}

arc a{
	font-size: 12px;
	margin: -65px;
	padding: 0 2px;
	line-height: 10px;
	box-sizing: border-box;
	letter-spacing: 1px;
}

ul.collapsed {
	line-height: 0;
	padding: 0;
	visibility: hidden;
	margin: 0;
	position: absolute;
}

arc ul li a.toggle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 38px;
	z-index: 5;
}

arc ul ul li a.toggle {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 24px;
	display: block;
	z-index: 0;
}

arc .toggle {
	position: relative;
}

arc ul li{
	padding: 0 !important;
	text-indent: 0 !important;
	margin: 0 !important;
	position: relative;
}

arc ul {
	margin: 0 0 2px !important;
	list-style: none;
}
/***************END ARCHIVE CSS****************/
.bodydiv
{
    padding: 2%;
    background-image: url("images/mason.jpg");
    background-size: 100%;
    background-color: #ffffff;
    background-color: #6666ff;
}

a
{
    font-size: 18px;
    font-family: monaco, Consolas, 'Lucida Console', monospace;
    color: #FFFFFF;
}
a:hover
{
    color: red;
}
p
{
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
}
table
{
    margin-top: 2%;
    margin-bottom: 2%;
}
.comment
{
    font-size: 16px;
    text-align: center;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
    max-width: 500px;
    word-wrap: break-word;
}

.indexTbl
{
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 5%;
    clear: none;
}
li
{
    text-align: center;
}
h1
{
    color:white; 
    font-size:18px; 
    text-align:center; 
}
h2
{
    font-size:24px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    text-shadow: None;
}
.hoverImg
{
    pointer-events: none;
}
.tblSmall
{
    font-size:12px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    text-shadow: None;
}
.quickAdd 
{
    opacity: 0;
    border: none;
    background-color: #2A3F5A;
    position: fixed;
    top: 10%;
    left: 40%;
}

.blogEdit 
{
    opacity: 0;
    visibility: hidden;
    border: none;
    background-color: #2A3F5A;
    position: fixed;
    top: 5%;
    left: 35%;
    pointer-events: visible;
}