@charset "UTF-8";

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;

}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display : block;
margin: 5px;
}

 body  { 
	line-height : 1.5em;
	background-color:#000;
	font-family : Geogia,Geneva,Tohoma,Arial,Helvetica,san-serif,serif;
	font-size: 100%;
	color:#FC3;
} 

.error{
	color:#F00;
	padding : 2px; 
	margin:5px;
	font-weight:bold;
	text-align: justify;
}
 
audio, canvas, video {
	width: 100%;
    height: auto;
	display : inline-block;
	vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden], template {
display : none;
}

.button{
	color:#000;
	font-style:bold;
	padding: 2px; 
	margin:5px;
}


/* 1. preset classes */
/* W3schools: adjust for mobile phones first: */
[class*="col-"] {
    width: 100%;
}
/* horizontal grid */
/* W3CSS mixed with xycss and Bootstrap */
/* move from smallest to largest media */
@media only screen and (min-width: 600px) {
    /* For tablets: */
    
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    
}
.x0, .x00, .x01, .x02, .x03, .x04, .x05, .x06, .x07, .x08, .x09, .x10, .x11, .x12, .x13, .x14, .x15, .x16, .x17, .x18, .x19, .x20, .x21, .x22, .x23, .x24, .x25, .x26, .x27, .x28, .x29, .x30, .x31, .x32, .x33, .x34, .x35, .x36 {
float : left;
display : inline;
overflow : hidden;
}
.x0 {
width : 0.600%;
margin-right : 0.600%;
}

/* 18px */
.x00 {
width : 0.800%;
margin-right : 0.800%;
}

/* 24px */
.x01 {
width : 2.000%;
}
.x02 {
width : 4.800%;
}
.x03 , .col-m-1 {
width : 7.600%;
}
.x04 {
width : 10.40%;
}
.x05 {
width : 13.20%;
}
.x06, .col-m-2 {
width : 16.00%;
}
.x07 {
width : 18.80%;
}
.x08 {
width : 21.60%;
}
.x09, .col-m-3 {
width : 24.40%;
}
.x10 {
width : 27.20%;
}
.x11 {
width : 30.00%;
}
.x12, .col-m-4 {
width : 32.80%;
}
.x13 {
width : 35.60%;
}
.x14 {
width : 38.40%;
}
.x15, .col-m-5 {
width : 41.20%;
}
.x16 {
width : 44.00%;
}
.x17 {
width : 46.80%;
}
.x18, .col-m-6 {
width : 49.60%;
}
.x19 {
width : 52.40%;
}
.x20 {
width : 55.20%;
}
.x21, .col-m-7 {
width : 58.00%;
}
.x22 {
width : 60.80%;
}
.x23 {
width : 63.60%;
}
.x24, .col-m-8 {
width : 66.40%;
}
.x25 {
width : 69.20%;
}
.x26 {
width : 72.00%;
}
.x27, .col-m-9 {
width : 74.80%;
}
.x28 {
width : 77.60%;
}
.x29 {
width : 80.40%;
}
.x30, .col-m-10 {
width : 83.20%;
}
.x31 {
width : 86.00%;
}
.x32 {
width : 88.80%;
}
.x33, .col-m-11 {
width : 91.60%;
}
.x34 {
width : 94.40%;
}
.x35 {
width : 97.20%;
}
.x36, .col-m-12 {
width : 100.0%;
}

/* vertical grid */
.y0, .y00,
.y01, .y02, .y03, .y04, .y05, .y06, .y07, .y08, .y09, .y10, .y11, .y12,
.y13, .y14, .y15, .y16, .y17, .y18, .y19, .y20, .y21, .y22, .y23, .y24,
.y25, .y26, .y27, .y28, .y29, .y30, .y31, .y32, .y33, .y34, .y35, .y36 {
}

.y00 {
height : 18px;
margin-bottom : 18px;
}
.y01 {
height : 18px;
}
.y02 {
height : 36px;
}
.y03 {
height : 54px;
}
.y04 {
height : 72px;
}
/* more preset classes @ http://xycss.com/xy/tools/css/#y */

/* 2. structural styles
	 create/customize your grid-based layout structure

	 notes

	 - to convert a width from pixels to percent, divide by the parent width
	 - if you must use left/right padding, pad the children, not the parents
	 - use width and float to avoid extraneous use of the margin property
	 - only define a property if you're sure it is not being inherited
	 - use increments of the default line-height for anything vertical
	 - actual image height should be some increment of line-height

	 + more info @ http://xycss.com/xy/docs/

	 + stylesheets used for this design:

		xy.css    - this file
		grid.css  - visual grid
		home.css  - home page
		subs.css  - sub pages
		ie.css    - ie styles
		---
	 **	w3css.css - Responsive design from w3Schools; included and merged

*/

/* set outer margins for content

        a. choose columns/width from grid: 12 columns = 984px
        b. subtract margins from width:    984 - 2 x 24 = 936
        c. divide by original width:       936 / 984 = 95.122%
    
    width: 95.122%;
    
	use multiple of line-height for vertical margins & padding 
	margin: 1.5em auto;
	padding: 1.5em 0;
	
	*/

/*  game canvas 
#gamecontainer {
	width:100%;
	height: auto;
	background: url(assets/images/splashscreen.png);
	border: 1px solid black;
}
*/
#content {
	 width: 95.122%; margin-left: auto; margin-right: auto;
}

header, section, footer, aside, nav, main, article, figure {
display : block;
}
.header, .content article, .nav, .comments-list, .comments-form, .sidebar, .footer {
margin : 5px 0;
padding : 5px;

}
.header {
width : 100%;
overflow : hidden;
margin : 5px 0 0 0;
}
.content {
width : 100%;
float : left;
}
.sidebar, aside {
width : 30%;
float : right;
}
.footer {
	width : 100%;
	font-style: normal;
	/* font-size:-2; */
	font-size: 70%;
	text-align: justify;
	overflow : hidden;
}

/* Nav */
nav ul {
margin-left : 0;
padding-left : 0;
list-style-position: inside;
}
nav li {
display : inline-block;
margin : 0 10px 0 0;
list-style-position: inside;
}
/* Comments */
.comments-form p {
width : 100%;
overflow : hidden;
}
.comments-form p label, .comments-form p input, .comments-form p textarea {
width : 50%;
float : left;
margin : 5px 10px 5px 0;
padding : 7px;
font-size : 90%;
}
.comments-form p textarea {
width : 60%;
height : 100px;
}
.comments-form p label {
width : 20%;
padding : 5px;
}
.comments-form p.form-submit input {
width : auto;
}

/* WP Defaults */
.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

#scripts {
display : none;
}
/* 3. typography styles

	a. to get font-size in ems, divide desired font-size by default font-size: 16/12 = 1.333em
	b. to get unitless line-height, divide default line-height by desired font-size: 18/16 = 1.125
	c. set margin-bottom to some multiple of line-height in ems

	+ copy/paste typographic reference chart @ http://xycss.com/tools/typography/
*/
/* set baseline (1em = 12px)

        a. default font-size   = 12px [1em / 16px x 12px = 0.750em]
        b. default line-height = 18px [18 / 12 = 1.5]
    */

body .arra  { 
margin : 0;
padding : 0;
background-color:#000;
font-family : Geneva,Tohoma,Arial,Helvetica,san-serif,serif;
color:#fc3;
} 
/* Featured Images */
.featured-image {
position: relative;
float : left;
width: 100%;
height: auto;
margin-left : 1%;
margin-right : 1%;
}

.error{
	color:#F00;
	padding : 2px; 
	margin:5px;
	font-weight:bold;
	text-align: justify;
}

h1,h2,h3,h4,h5,h6 {
	font-family : Geogia,Geneva,Times,serif;
	font-weight:bold;
	font-style: italic;
	padding : 2px; 
	margin:5px;
 }
 h1  { 
font-size : 250%; 
text-shadow: 2px 2px #000000;
} 
 h2  { 
font-size : 180%; 
text-shadow: 2px 2px #000000;
} 
 h3  { 
font-size : 120%;
} 

 a:link  { 
color : #C60; 
} 
 a:visited  { 
color : #C60; 
} 
 a:hover  { 
color : #FC3; 
} 
 a:active  { 
color : #C60; 
} 

table.CharText {
font-family: Arial;
font-size: 80%;
color: #99CCFF;
background : #000099;
font-weight: bold;
}

table.MnstrText {
font-family: Arial;
font-size: 80%;
color: #FFCC33;
background : #990000;
font-weight: bold;
}
 table  { 
	width: 80%;
	border-collapse:collase;
	padding: 3px;
	vertical-align: absmiddle;
}
/* Registeration Table */
table td.labels{
	color : #006;
	font-weight:bold;
	text-align:right;
	background-color:#7ACCCC;
	padding:3px;
}
table td.info{
	color : #006;
	font-weight:bold;
	background-color:#DDD;
}

ul.bluebea  { 
list-style-image: url('assets/images/bluebea.gif');
list-style-position: inside;
border : 0;
margin:5px;
} 
ul.goldbea  { 
list-style-image: url('assets/images/goldbea.gif');
list-style-position: inside;
border : 0;
margin:5px;
}
ul.greenbea  { 
list-style-image: url('assets/images/greenbea.gif');
list-style-position: inside;
border : 0;
margin:5px;
} 
ul.redbea  { 
list-style-image: url('assets/images/redbea.gif');
list-style-position: inside;
border : 0;
margin:5px;
} 
 ul.footer-menu  { 
list-style-type : none; 
list-style-position: inside;
border : 0; 
} 
 ul li.menu  { 
display : inline; 
list-style-position: inside;
} 
hr.short{
	size:4;
	width:60%;
	margin:5px;
	noshade:noshade;
}
hr{
	size:4;
	width:80%;
	margin-left: auto;
    margin-right: auto;
	margin:5px;
}
.center, .centered{
	margin-left: auto;
    margin-right: auto;
    text-align:center;
}
p {
	text-align: justify;
	margin:15px;
}
p.narrative {
	font-size:90%;
	text-align: justify;
	text-indent: 20px;
	margin:15px;
}
/* end of original Lord updated 20160228 */
.btn-footer{padding:3px 6px;}
.w3-text-shadow{text-shadow:1px 2px 0 #000}