/* CSS Document */

/* text formatting for the document body */
body {
	background-color: black;
	font-family: "Bookman Old Style" normal;
	color: white;
	font-size: medium;
	font-style: normal;
	margin: 5px;
}

/* heading text */
.heading {
  font-size: xx-large;
  text-align: center;
}

.subheading {
	font-size: x-large;
	text-align: center;
}

.imageheading {
	font-size: x-large;
	text-align: center;
	text-transform: lowercase;
}

.groupheading {
  font-size: xx-large;
  text-align: center;
 	text-transform: lowercase;
}

.smalltext {
	font-size: small;
	text-align: center;
}

.largetext {
	font-size: large;
	text-align: center;
}

.smallertext {
	text-align: center;
	font-size: smaller;
}

/* useful for centering things */
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.galleryHeading {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	text-transform: lowercase;
	text-decoration: underline;
}

/* link formatting */
a.plain {
	text-decoration: none;
	color: #4169E1;
}

a.plain:hover {
	text-decoration: underline;
}

a.plain:visited {
	color: #6A5ACD;
}

/* image formatting */
img {
	border: none;
}

/* contains a project */
div.projectBox {
	position: relative;
	text-align: center;
	border: solid;
	border-width: thin;
	left: 20%;
	width: 60%;
}

/* contains an individual gallery */
div.galleryBox {
	position: relative;
	text-align: center;
	margin: auto;
	width: 80%;
	/*
	border: solid;
	border-width: thin;
	border-color: white;
	*/
	display: table;
}

/* contains an individual thumbnail */
div.imageBox {
	position: relative;
	padding: 10px;
	width: 10%;
	text-align: center;
	display: table-cell;
	text-transform: lowercase;
}

div.spacer {
	display: table-row-group;
}

/* footer - smaller, centered text */
div.footer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  font-size: small;
}