html {
  height: 100%;
  }

body {
  height: 100%;
  background:#111;
  margin:0;
  padding:0;
  border:0;
  font:x-small Verdana,Sans-serif;
  text-align:center;
  color:#777;
  font-size:x-small;
  }

A 	{ color: #777; text-decoration: none; } 
A:link	{ color: #777; text-decoration: none; } 
A:visited	{ color: #CCC; text-decoration: none; } 
A:active	{ color: #FFF; } 
A:hover	{ color: #FFF; text-decoration: underline}

img	{ border: 0; padding: 0; margin: 0;}

ul {
	margin-top: 0;
	margin-bottom: 0;
}

li {
	margin-left: -1em;
}

pre {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {
	margin: 0px;
	padding: 0px;
	color:#777;
	font-family:verdana,arial,sans-serif;
	font-size:small;
	font-weight:bold;
	text-align:left;
}

h2 {
	margin: 0px;
	padding: 0px;
	color:#777;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}

h3 {
	margin: 0px;
	padding: 0px;
	color:#999;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	font-weight:bold;
	text-align:left;
}

div#container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	background:#FFF;
}

div#toolbar {
	position:absolute;
	top:81px;
	width: 800px;
/*	height:100px;*/
	height:85px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
/*	background:#FFF;*/
	background-image:url("transparent.gif");
	background-position: top right;
	background-repeat: repeat;
/*	filter: alpha(opacity=50);*/
/*	-moz-opacity: 0.5;*/
}

#banner {
  margin:0;
  padding:0;
  border:0;
  position: relative;
  top:0px;
  left:0px;
  width:790px;
  padding-right: 10px;
  height:25px;
  padding-top: 45px;
  background:#111;
  background-image:url("photoblogBannerDark.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  text-align: right;
  font-weight:bold;
}

#navigation {
  float: right;
}

#title {
  text-align: center;
  font-weight:bold;
  padding-left:10px;
}

#blog {
  background: #111;
  text-align:center;
  }

#blog A 	{ color: #777; text-decoration: underline; } 
#blog A:link	{ color: #777; text-decoration: underline; } 
#blog A:visited	{ color: #CCC; text-decoration: underline; } 
#blog A:active	{ color: #FFF; text-decoration: underline; } 
#blog A:hover	{ color: #FFF; text-decoration: underline; }

.photo	{ }
.photo2	{ border: 3px solid lightgrey; padding: 6px;}
.photo3	{ border: 3px solid #FFDE23; padding: 6px;}

.thumbnails {
/*
  width:500px;
  height:100px;
*/
  width:425px;
  height:85px;
  margin-left:auto;
  margin-right:auto;
}

.thumbnail {
/*
  width:94px;
  height:94px;
*/
  width:79px;
  height:79px;
  overflow:hidden;
  margin: 2px;
  align:center;
  float:left;
}

.info {
  text-align:left;
  margin-left: 20px;
  margin-right: 20px;
}

.commentBox {
  float: right;
}

.comment {
  display: none;
  background: #EEE;
  padding: 12px;
  margin-bottom:12px;
}

#navBar {
  position: relative;
  top:185px;
  left:520px;
  background:#FFF;
  width:220px;
  border-left:3px solid #FFDE23;
  border-right:3px solid #FFDE23;
  border-bottom:3px solid #FFDE23;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:5px;
  -moz-border-radius: 0px 0px 15px 15px;
  }
.J-post {
  padding:7px;
  background-image:url("/postBackgroundJ.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.John-post {
  padding:7px;
  background-image:url("/postBackgroundJohn.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.Paul-post {
  padding:7px;
  background-image:url("/postBackgroundPaul.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.Sniffy-post {
  padding:7px;
  background-image:url("/postBackgroundSniffy.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom:3px solid #FFDE23;
  }
.blogImage {
  padding:12px;
}
.floatLeft {
  float:left;
  margin:3px;
 }
.floatRight {
  float:right;
  margin:3px;
 }
.quote {
  padding:2em;
  background-image:url("/quote.jpg");
  background-position: top left;
  background-repeat: no-repeat;
 }
.siteFooter {
  background:#111;
  text-align:center;
 }