body {
	background: #ffffff;
	border-top: 5px solid #090909;
	color: #222222;
	font-size: 14px;
	padding: 20px 0 40px;
	font-family: Georgia, serif;
}

#header {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 1em;
	height: 45px;
}

#header .logo {
	color:#7e0000;
	font-size: 2.5em;
	
}

#header .headerLinks {
	margin-top:20px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: bold;
	font-size:2em;
}

h2 {
	padding: 20px 0 0;
	font-size:1.5em;
}

p {
	margin-top: 1em;
}

.footer {
	text-align: center;
	border-top: 1px solid #e9e9e9;
	margin-top: 1em;
	color: gray;
}
.photoTitle {
	font-weight: bold;
	font-size: 150%;
}

DIV#loader {
  border: 0px solid #ccc;
  width: 500px;
  height: 500px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
DIV#loader.loading {
  background: url(./images/spinner.gif) no-repeat center center;
}