/* Overall Page Layout CSS */

html, body {
    background: url(http://www.matthewkellaway.medievallifestyle.com/graphics/brown-tile.jpg) repeat #B49E8C fixed;
	min-width: 770px;
   	margin: 0px;
    padding: 0px 0px 10px;
    border: 0px;
    font-size: 100.01%;  /* Standardizes what each browser interprets as base font size */
    font-family: Helvetica, Arial, sans-serif;
}

img, div {
    	border: 0px;
    	margin: 0px;
    	padding: 0px;
}

#logo {
	display: block;
	position: relative;
    clear: both;
	height: 100px;
	width: 1000px;
	margin: 20px auto 0px;
	background-color: transparent;
	/*border: black 1px solid;*/
}

h1 {
    display: block;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #F9F6F1;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	font-size: 2.4em;
	text-shadow: 3px 3px 3px black;
    /*border: red 1px solid;*/
	}

h2.home {
    display: block;
	font-family: Vivaldi, Mistral, "Brush Script";
	color: #F9F6F1;
	font-size: 2.4em;
	padding: 0px;
	margin: -10px 0px 0px 125px;
	left: 100px;
	text-align: left;
	text-shadow: 3px 3px 3px black;
    /*border: green 1px solid;*/
}



#black-transparent-overlay-home {
    display: block;
    position: relative;
	background-image: url(http://www.matthewkellaway.medievallifestyle.com/graphics/black-overlay.png);
	background-position: top left;
	background-repeat: repeat;
	border: 0px;
	width: 610px;
	height: 530px;
	margin: 0px auto 20px;
}

#picture-and-quote-container {
	position: relative;
	top: -644px;
	height: 525px;
	width: 740px;
	margin: 20px auto auto auto;
	/*border: white 1px dashed;*/
}

#quote-with-pic-below-container {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 411px;
	width: 455px;
	/*border: orange 1px dashed;*/
}

#portrait {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 340px;
	width: 246px;
  	-moz-box-shadow:    9px 9px 12px 2px #404045;
 	-webkit-box-shadow: 9px 9px 12px 2px #404045;
  	box-shadow:         9px 9px 12px 2px #404045;
	border-left: #4E7526 1px solid;
    border-top: #4E7526 1px solid;
    border-bottom: #333333 1px solid;
    border-right: #333333 1px solid;
}

#opera-pic {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#quote-container {
	display: block;
	background: url('http://www.matthewkellaway.medievallifestyle.com/graphics/quote-background.png') #F9F6F1 no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 145px;
	width: 455px;
	-moz-box-shadow:    5px 5px 9px 2px #404045;
 	-webkit-box-shadow: 5px 5px 9px 2px #404045;
  	box-shadow:         5px 5px 9px 2px #404045;

	/*border: green 1px dashed;*/
}

#amick-quote {
	margin: 20px 35px 40px;
	padding: 0px;
	font-size: 1em;
	color: #505050;
}

h3#amick-sig {
	display: block;
	position: absolute;
	right: 18px;
	bottom: 6px;
	font-family: Vivaldi;
	font-size: 1.8em;
	margin: -20px 0px 0px;
	color: #8C715C;
}

#menu {
	display: block;
	position: relative;
	text-align: center;
    max-width: 1200px;
    min-width: 740px;
	height: 45px;
	top: -630px;
	background-color: #090611;
	color: #F9F6F1;
	margin: 0px auto 0px;
	border: #404045 1px solid;
}
	
blockquote.p {
	margin: 0px;
	padding: 0px;
}

.menu-content-holder {
  display: block;
  position: relative;
  margin: 6px auto auto;
  /*width: 740px;*/
  width: 70%;
  min-width: 640px;
  text-align: justify;
  /*border: pink 1px solid;*/
}

div.force-justify {      /* At end of menu items forces inline menu items to justify */
  display: inline-block;
  width: 100%;
  /*border: lightblue 1px solid;*/
}

a.nav:link, a.nav:visited, a.nav:hover, a.nav:active {
	display: inline-block;
	color: #F9F6F1;
	font-size: 1.5em;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	/*border: white 1px dashed;*/
}

a:focus {outline: none;}    /* Gets Rid of Ugly Dotted Line Around Links When Clicked */

#homepage-copyright {
	margin: -590px auto 40px;
	display: block;
	height: 20px;
	width: 760px;
	font-family: "Arial Unicode MS", Arial;
	color: #090611;
	text-align: center;
	font-size: 0.75em;
	letter-spacing: 0.1em;
	/*border: black 1px solid;*/
}

#preload {
    position:absolute;
    display:none;
    left:-9999px;
    top:-9999px;
    height:1px;
    width:1px;
}

/* TEMPLATE CLASSES FOR BIO, MEDIA, & CONTACT PAGES ************************************/

.black-transparent-overlay {
    display: block;
    position: relative;
	background-image: url(http://www.matthewkellaway.medievallifestyle.com/graphics/black-overlay.png);
	background-position: top left;
	background-repeat: repeat;
	border: 0px;
    height: 588px;
	width: 741px;
	margin: 30px auto 20px;
}

.menu {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
    min-width: 740px;
	height: 45px;
	background-color: #090611;
	color: #F9F6F1;
	margin: -583px auto 0px;
	border: #404045 1px solid;	
}

.white-canvas {
	display: block;
	position: relative;
    height: 419px;
	width: 612px;
    max-height: 419px;
	margin: 20px auto 0px;
	background-color: #F9F6F1;
}

h1#bio, h1#events, h1#media, h1#contact {
	display: block;
	position: relative;
	text-align: center;
	font-family: Vivaldi, Mistral, "Brush Script";
	color: #F9F6F1;
	text-shadow: 3px 3px 3px black;
	font-size: 2.6em;
	margin: 8px auto 0px;
    /*border: white 1px dashed;*/
}

h2.bio, h2.events {
	display: inline-block;
    height: 30px;
	width: 233px;
	margin: 0px;
	padding: 10px 0px 0px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #8C715C;
	font-size: 1.3em;
	text-decoration: none;
    /*border: black 1px dashed;*/
}

h2.bio {text-align: center;}
h2.events {text-align: left;}

.copyright {
	margin: 20px auto 10px;
	display: block;
	height: 20px;
	width: 760px;
	font-family: "Arial Unicode MS", Arial;
	color: #090611;
	text-align: center;
	font-size: 0.75em;
	letter-spacing: 0.1em;
	/*border: black 1px solid;*/
}

.content-box {
	display: block;
	position: relative;
	top: 10px;
	left: 10px;
	height: 319px;
	width: 512px;
	padding: 20px 30px 40px;
	font-size: 0.9em;
	color: #505050;
	border: #8C715C 10px double;
}
	
/* END OF BIO-MEDIA-CONTACT CSS */

/* BIO CLASSES */

.column {
	display: inline-block;
	position: relative;
    margin-top: 20px;
	float: left;
	height: 180px;
	width: 45%;
	bottom: 0px;
	overflow: visible;
	/*border: black 1px dashed;*/
}

ul {
	list-style: none;
	padding: 0px 0px 0px 20px;
	font-size: 0.8em;
	font-weight: bold;
}

.roles {font-weight: normal;}  /* used in li */

div#right {float:right;}
ul#right-list {margin-left: -10px;}

li {
	margin-bottom: 10px;
	white-space: nowrap;
}




/* END BIO CLASSES */

/* MEDIA CLASSES */

h3.events {font-weight: bold; margin-bottom: -10px;border:}

p.placeholder {
	font-family: Vivaldi, Mistral, "Brush Script";
	font-size: 4.4em;
	color: #505050;
	text-align: center;
	margin-top: 100px;
    /*border: black 1px dashed;*/
}

/* CONTACT FORM CLASSES */

.content-box-contact {
	display: block;
	position: relative;
    text-align: left;
    font-size: 0.9em;
	top: 10px;
	left: 10px;
	height: 379px;
	width: 572px;
	padding: 0px;
	border: #8C715C 10px double;
}

.content-vertical-align {   /* Specifically to vertically center contact box */
  display: block;
  position: relative;
  background-color: transparent;
  top: 0px;
  height: 290px;
  width: 572px;
  max-height: 379px;
  margin: 2px auto;
  /*border: darkblue 1px dashed;*/
}


/* THANK-YOU CLASSES */

#ty-message {
  display: block;
  position: relative;
  margin: -60px auto 0px;
  /*border: black 1px dashed;*/
}


/* RESOLUTION ADJUSTMENT CLASSES */

@media only screen and (min-height:800px) {
.spacer {
    display: block;
    position: relative;
    top: 0px;
    height: 80px;
    width: 100%;
}
}