body{
	background-color: black;
	color: #CCCC99;
	margin: 0; /*Eliminates default spacing that causes scrollbar to appear*/
	font-family: verdana;
	font-size: 13px;
}

body:after{ /*Preloads hover images for navbar to reduce flickering*/
 display:none;
 content: url("../../images/layout/text/nav/lit/main.jpg") url("../../images/layout/text/nav/lit/archives.jpg") url("../../images/layout/text/nav/lit/projects.jpg") url("../../images/layout/text/nav/lit/gallery.jpg") url("../../images/layout/text/nav/lit/about.jpg") url("../../images/layout/text/nav/lit/contact.jpg");
}

p{
	text-indent: 35px;
}

a:link, a:visited, a:active{
	color: #009933;
	font-family: verdana;
	text-decoration:none;
}

a:hover{
	color: #66CC00;
	font-family: verdana;
	text-decoration: underline overline;
}

@font-face{ 
  font-family: carolinga;
  src: url('../fonts/carolinga.ttf');
}

@font-face{ 
  font-family: clerica;
  src: url('../fonts/clerica.otf');
}

h1{
	font-size: 40px;
	font-family: carolinga;
	margin: 10px;
	text-align: center;
}

h2{
	font-size: 20px;
	font-family: Georgia;
}

li{
	display: list-item;
	list-style-type: disc;
}

#content{
	min-height: 100vh;
	display: table;
	margin: auto;
	width: 1000px;
}

#top{
	display: table-row;
	height: 116px;
}

#topleft{
	display: table-cell;
	width: 175px;
}

#header{
	width: 825px;
	display: table-cell;
	background-position: bottom left;	
	background-repeat: no-repeat;
}

#middle{
	width: 825px;
	display: table-row;
}

#left{
	display: table-cell;
	vertical-align: top;
}

#navgallerymain{
	height: 42px;
	background-image: url("../../images/layout/gallery/nav/idle/galleryhome.jpg");
}

#navgallerymain:hover{
	background-image: url("../../images/layout/gallery/nav/lit/galleryhome.jpg");
}

#navphotos{
	height: 26px;
	background-image: url("../../images/layout/gallery/nav/idle/photos.jpg");
}

#navphotos:hover{
	background-image: url("../../images/layout/gallery/nav/lit/photos.jpg");
}

#navartwork{
	height: 57px;
	background-image: url("../../images/layout/gallery/nav/idle/artwork.jpg");
}

#navartwork:hover{
	background-image: url("../../images/layout/gallery/nav/lit/artwork.jpg");
}

#navsitehome{
	height: 26px;
	background-image: url("../../images/layout/gallery/nav/idle/sitehome.jpg");
}

#navsitehome:hover{
	background-image: url("../../images/layout/gallery/nav/lit/sitehome.jpg");
}

#mainwrapper{
	display: table-cell;
	position: relative;
	padding-bottom: 110px;
	background-image: url("/images/layout/gallery/background.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}

#main{
	width: 700px;
	margin-left: 15px;
	margin-top: 15px;
}

#footer{
	position: absolute;
	display: block;
	width: 600px;
	left: 53px;
	bottom: 5px;
	font-size: 10px;
	color: #006600;
	text-align: center;
}

.thumb{
	height: 64px;
	width: 64px;	
	display: inline-block;
	border: 2px solid white;
	margin: 5px;
	filter: brightness(60%);
}
		
.thumb:hover{
	filter: brightness(100%);
}

.bar{
	margin: auto;
	width: 83px;
	height: 3px;
	background-image: url("../../images/layout/gallery/bar.jpg");
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

.description{
	font-size: 16px;
	padding-bottom: 3px;
}

.data{
	color: #B0B0B0;
}