body { 
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 90%;
	line-height: 1.5;
	background-color: #fff;
	font-family: Tahoma, Verdana, sans-serif
}

a:link, a:visited {
	color: #F52542;
	text-decoration: underline 
}

a:hover, a:active { 
	color: #333
}

strong { 
	font-weight: bold 
}

/* This is some example CSS. You can change this to your own liking. */
.img-description, .imgbrowz0r-header, .imgbrowz0r-footer, .imgbrowz0r-navigation, #imgbrowz0r { 
	margin: 0 auto;
	width: 800px;
	text-align: center 
}

.imgbrowz0r-footer { 
	color: #aaa; 
	font-size: 0.9em
}

.imgbrowz0r-header { 
	color: #444; 
	font-size: 2.5em 
}

.imgbrowz0r-navigation { 
	padding: 1.5em 0 0.5em 
}

.imgbrowz0r-navigation .img-statistics { 
	margin-top: 1.5em 
}

.img-description {
	margin: 1.5em auto 0 
}

#imgbrowz0r .img-row { 
	padding: 0 1em 
}

#imgbrowz0r .img-directory a:link,
#imgbrowz0r .img-directory a:visited { 
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  /* float: right; */
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 5px;
}

#imgbrowz0r .img-thumbnail a:link img,
#imgbrowz0r .img-thumbnail a:visited img { /* border: 1px solid #000 */ 
  /* float: right; */
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 5px;
}

#imgbrowz0r .img-thumbnail a:hover img,
#imgbrowz0r .img-thumbnail a:active img { 
	border-color: #F52542 
}

#imgbrowz0r .img-directory a:link,
#imgbrowz0r .img-directory a:visited { 
	background-color: #fff;
	border: 1px solid #000;
	font-size: 1.5em;
	color: #ccc 
}

#imgbrowz0r .img-directory a:hover,
#imgbrowz0r .img-directory a:active { 
	border-color: #F52542;
	color: #F52542 
}

#imgbrowz0r .img-directory span.img-dir-name,
#imgbrowz0r .img-directory span.img-thumb-date { 
	display: block 
}

#imgbrowz0r .img-directory span.img-dir-name { 
	font-weight: bold;
	font-size: 1.0em
}

#imgbrowz0r .img-thumbnail a,
#imgbrowz0r .img-directory a { 
	display: block;
	margin: 0 auto;
	width: 200px
}

#imgbrowz0r .img-thumbnail,
#imgbrowz0r .img-directory {
	float: left;
	padding: 1.5em 0;
	width: 25%;
	text-align: center 
}

#imgbrowz0r .img-column-1 { 
	clear: left
}

#imgbrowz0r .img-directory a:link,
#imgbrowz0r .img-directory a:visited { 
	/* height: 160px; */
	line-height: 150px;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

/* http://sonspring.com/journal/clearing-floats */
html body div.clear,
html body span.clear { 
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0 
}