body { 
  background: url(brickwall2.jpg) no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



h1 {font-size:66px; font-family: 'Shadows Into Light', cursive;  color: red; font-weight:bold } 

h2 {font-family: 'Crafty Girls', cursive;  color: white; font-size: 22px; } 


/* this is for the message entry form and positions it on right */
fieldset {
	position:fixed;
bottom: 1%;
right: 4%;
border: 0px;
	width: 400px;
	padding: 4px 4px 4px 4px;

}

legend {
font-family: 'Permanent Marker', cursive;  color: white; font-weight:900; font-size:0px;
}


label {
	font-family: 'Crafty Girls', cursive; font-weight:900; font-size:22px; 
}


.inputText, .inputTextArea {
	font-family: 'Crafty Girls', cursive; font-weight:900; font-size:22px; 
	margin: 2px 0 2px 5px;
	vertical-align: top;
}

.challengeImage {
	width: 50px;
	margin: 2px 0 2px 0;
	vertical-align: top; 

}

select {
	margin: 2px 0px 2px 5px;
}

input.submit {
font-family: 'Permanent Marker', cursive;  color: black; font-weight:900; font-size:30px;
	color: #000000;
	background: #38FA1E;
	border: 2px outset #cccccc;
        height: 45px;
        float: right;
}

.credit {
font-family: 'Permanent Marker', cursive;  color: #AAFFAA; font-size: 5px; 
}

.errorMessage {
font-family: 'Permanent Marker', cursive;  color: yellow; font-weight:900; font-size:24px;
}

a:link, a:visited, a:active {
	text-decoration: none;
	background: transparent;
}

a:link {
 color: yellow; 
}

a:visited {
 color: yellow; 
}

a:active {
 color: yellow; 
}

a:link:hover, a:visited:hover, a:active:hover {
}

/* this defines most stuff for message entries */
.entry {
font-family: 'Permanent Marker', cursive; font-weight:900; font-size:24px; color: yellow; 

	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
		clear: both;
text-shadow: 1px 1px 5px #000000;
 filter: dropshadow(color=#000000, offx=1, offy=1); 
}

#lastEntry, #onlyEntry {
	border-bottom: none;
}

.entry .field, .timestamp {
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	clear: both;
}

.entry .field .label {
}


/* this is the comment field */
.entry .field .value {
font-family: 'Permanent Marker', cursive; font-weight:900; font-size:28px; color: #38FA1E; 
	float: left;
	width: 40%;
	margin: 0 0 0 0;
	padding: 0 25px 0 25px;
	display: inline;
text-shadow: 1px 1px 5px #000000;
 filter: dropshadow(color=#000000, offx=1, offy=1); 

}

/* this is the date/time */
.timestamp {
font-family: 'Crafty Girls', cursive; font-weight:900; font-size:18px; color: #fefefe; 
	margin: 0 0 24px 24px;
	padding:  0 0 0 0;
	clear: both;
text-shadow: 1px 1px 5px #000000;
 filter: dropshadow(color=#000000, offx=1, offy=1); 
}

.navigation {
font-family: 'Permanent Marker', cursive; font-weight:900; font-size:28px; color: #fefefe; 
	width: 600px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
}

.back {
font-family: 'Permanent Marker', cursive; font-weight:900; font-size:28px; color: #fefefe; 
	width: 90%;
	text-align: right;
	position:fixed;
}

#previous {
	font-size: 12pt;
	margin-right: 30px;
	display: inline;
}

#next {
	font-size: 12pt;
	margin-left: 30px;
    display: inline;
}

.pageNumberContainer {
	display: inline;
	text-align: center;
}

.pageNumber {
	margin-left: 4px;
	margin-right: 4px;
}

#currentPageNumber { 
font-family: 'Permanent Marker', cursive;  color: white; text-indent:60px; font-weight:900; font-size:36px;
}

.entryCount {
font-family: 'Permanent Marker', cursive;  color: white; text-indent:60px; font-weight:900; font-size:12px;
	width: 600px;
	text-align: center;
	padding-bottom: 4px;
	margin-top: 8px;
}