/* default values */
body					{margin:0; padding:0; color:#FFF; font:.75em Verdana, Arial, Helvetica, sans-serif; background:#000; background-attachment:fixed;
						scrollbar-arrow-color:#FFF; scrollbar-base-color:#000; scrollbar-darkshadow-color:#000; scrollbar-face-color:#000; scrollbar-highlight-color:#999; scrollbar-shadow-color:#FFF;}
fieldset				{margin:0; padding:0; border:0;}
legend					{display:none;}
p						{margin-bottom:1em;}
img						{border:0;}
a img					{border:0;}
a						{color:#FFF; text-decoration:underline}
ul						{list-style-type:square;}
li						{margin-bottom:10px;}

/* alignment */
.left					{text-align:left;}
.right					{text-align:right;}
.center					{text-align:center;}
.tableCenter			{margin:1em auto;}
.floatLeft				{float:left;}
.floatRight				{float:right;}
.imgFloatLeft			{float:left; margin:0 1em .5em 0;}
.imgFloatRight			{float:right; margin:0 0 .5em 1em;}
.clearBoth				{clear:both;}

/* HTML HEADER attributes */
h1						{font-size:1.8em; color:#FFF; text-transform:uppercase;}
h2						{background:#666; padding:10px; font-size:1.4em; clear:both;}
h3						{font-size:1.3em;}
h4						{font-size:1em;}
h3, h4					{padding:0;}
strong					{color:#FFF;}

/*PAGE CONSTRUCTION */
#website				{width:900px; margin:0 auto; padding:0;}

/* Guestbook */

fieldset {
	border: solid 1px #666666;
	width: 590px;
	padding: 4px 4px 4px 4px;
	margin-bottom: 15px;
}

legend {
	color: #ffffff;
	background: #336633;
	border: 1px outset #cccccc;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
}

label {
	width: 125px;
	float: left;
	margin: 2px 0 2px 0;
	text-align: right;
	vertical-align: top;
}

.inputText, .inputTextArea {
	margin: 2px 0 2px 5px;
	vertical-align: top;
}

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

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

input.submit {
	color: #000000;
	background: #fff;
	border: 2px outset #cccccc;
	width: 120px;
}

.errorMessage {
	color: #ff0000;
}

.entry {
	width: 600px;
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #999999;
	clear: both;
}

#lastEntry {
	border-bottom: none;
}

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

.entry .field .label {
	float: left;
	width: 150px;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	display: inline;
	font-weight: bold;
}

.entry .field .value {
	float: left;
	width: 434px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}

.timestamp {
	margin: 0 0 4px 106px;
	padding: 8px 0 0 0;
	clear: both;
}

.navigation {
	width: 600px;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}

#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-weight: bold;
	color: #ff0000;
}

.entryCount {
	width: 600px;
	text-align: center;
	padding-bottom: 4px;
	margin-top: 8px;
}

#footer, .credit	{text-align:right; font-size:.7em;}
#dirbarleft, #dirbarright	{text-align:right;}
 #pagenav,
#picnav, #comments			{text-align:center; margin:30px 0;}
#displaypicture				{text-align:center;}
.picinfo, #pictitle,
#currentrating, #specialpageslinks	{display:none;}
#dircontent					{width:700px; margin:10px auto;}
#dircontent td				{text-align:center; padding:20px;}
#dircontent td a			{text-decoration:none;}
.direntry					{float:left; margin-right:15px; text-align:center;}
.direntry a:hover			{background:#999;}
.ffcontent					{height:150px;}
.ffcontent img				{border:1px solid white;}