* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

html {
  overflow-y: scroll;
  font-size: 11px;
}

body {
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ddddde;
  background-color: #444443;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey.gif');
  background-repeat: repeat;
}

#Photo img {
  background-color:#222221;
  padding: 0;
  border: 3px solid #333332;
}

#hWrapper, #fWrapper {
  color: #bbbbbc;
  background-color: #333332;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey2.gif'); 
  background-repeat: repeat;
}

a:link,a:visited { color: #ddddde; text-decoration: underline; }
a:link:hover,a:visited:hover { color: #eeeeef; text-decoration: none; }

#hWrapper a:link, #hWrapper a:visited, #fWrapper a:link, #fWrapper a:visited, 
#About-links a:link, #About-links a:visited {
  color: #bbbbbc;
}
#hWrapper a:link:hover, #hWrapper a:visited:hover,
#fWrapper a:link:hover, #fWrapper a:visited:hover,
#About-links a:link:hover, #About-links a:visited:hover {
  color: #ddddde;
}

#hWrapper .navi-active a:link, #hWrapper .navi-active a:visited {
  color: #ddddde;
}
#hWrapper .navi-active a:link:hover, #hWrapper .navi-active a:visited:hover {
  color: #eeeeef;
}

.bold-link a:link, .bold-link a:visited { 
  font-weight: bold; text-decoration: none; }
.bold-link a:link:hover, .bold-link a:visited:hover {
  text-decoration: underline; }

.email-link a:link, .email-link a:visited {
  font-style: italic; text-decoration: none; }

.email-link a:link:hover, .email-link a:visited:hover {
  text-decoration: underline; }

.indexthumb a:link, .indexthumb a:visited { text-decoration: none; }

.overviewthumb a:link, .overviewthumb a:visited { text-decoration: none; }

.indexthumb a:link:hover, .indexthumb a:visited:hover {
  text-decoration: underline; }

.overviewthumb a:link:hover, .overviewthumb a:visited:hover {
  text-decoration: underline; }

.indexthumb img { vertical-align: middle; text-align: center; }

.overviewthumb img { vertical-align: middle; text-align: center; }

.indexthumb a:link img, .indexthumb a:visited img {
        border: 2px solid #333332; }

.overviewthumb a:link img, .overviewthumb a:visited img {
        border: 2px solid #333332; }

.indexthumb a:link:hover img, .indexthumb a:visited:hover img {
        border: 2px solid #ddddde; }

.overviewthumb a:link:hover img, .overviewthumb a:visited:hover img {
        border: 2px solid #ddddde; }

/* mac hide \*/
html, body {
  height: 100%;
  width: 100%;
}
/* end hide */

html, body {
  height: 100%;
}

/* body > #wrapper-table {height: auto; min-height: 100%;} */ 

#hWrapper {
  width: 100%;
  line-height: 2em;
  text-align: center;
}

#Header {
  width: 58em;
  margin: 0 auto;
  text-align: left;
}

#wrapper-table {
	height: 100%;
  width: 100%;
	display: table;
	vertical-align: middle;
  margin: -2em auto -2em auto;
}

#wrapper-cell {
  width: 100%;
	display: table-cell;
	vertical-align: middle;
  padding: 2em 0 2em 0;
}

#wrapper-photo, #wrapper-index, #wrapper-about, #wrapper-overview {
  /* background-color: #3c3c5c; */
  margin: 0 auto; 
  text-align: center;
}

#wrapper-photo {
  padding: 3em 0 1em 0;
}

#wrapper-index {
  padding-top: 2em;
  width: 66em;
  /* background-color: #3c3c5c; */
}

#wrapper-overview {
  padding-top: 4em;
  width: 66em;
  /* background-color: #3c3c5c; */
}

#bottom-index {
  line-height: 2em;
  /* background-color: #3c5c3c; */
}

#wrapper-about {
  width: 66em;
  padding: 2em 2em 0 0;
  /* background-color: #3c5c3c; */
}

#bottom-about {
  line-height: 4em;
}

.bottom-spacer {
  clear: both;
  /* background-color: #3c3c5c; */
}

#fWrapper {
  width: 100%;
  clear: both;
	line-height: 2em;
  text-align: center;
} 

/* CLEAR FIX*/
.sfooter:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.sfooter {display: inline-block;}
/* Hides from IE-mac \*/
* html .sfooter { height: 1%;}
.sfooter {display: block;}
/* End hide from IE-mac */

#Footer {
  width: 66em;
  margin: 0 auto;
  text-align: center;
}

#Navi-left { float: left; clear: left; }

#Navi-right { clear: right; text-align: right; }

.navi-first { float: left; padding: 0 1em 0 0; }

.navi-middle, .navi-active { float: left; padding: 0 1em 0 1em; }

.navi-active { background-color: #444443; background-image: url('http://gnidam.net/media/photos/static/noisy-grey.gif'); background-repeat: repeat;}

#Info {
  width: 58em;
  margin: 0 auto 2em auto;
  text-align: left;
  line-height: 2em;
  padding: 0.35em 0;
}

.blog-date {
  font-weight: bold;
}

#datetitle {
  float:left;
  clear:left;
}

#infolink {
  clear:right;
  text-align:right;
}

.indexthumb, .galthumb, .overviewthumb {
  width: 22em;
  height: 16em;
  /* line-height: 14.8em; */
  margin: 0 auto;
  /* background-color: #2c3c4c; */
  text-align: center;
  float: left;
  font-weight: bold;
}

.overviewthumb {
  width: 22em;
  height: 20em;
}

.indexthumb a img, .galthumb a img {
  vertical-align: middle;
}

.overviewthumb a img {
  vertical-align: middle;
  margin-top: 1.5em;
  margin-bottom: 0.3em;
}

.indexthumb {
  line-height: 14.8em;
}

#About-text {
  /* background-color: #155; */
  float: left;
  width: 35em;
  line-height: 1.46em;
  padding: 2em;
  text-align: left;
  }

#About-text h1, #About-links h1 {
  font-size: 1.45em;
  padding-bottom: 1em;
  }

#About-text h1 {
  padding-bottom: 1.2em;
  }

#About-text p {
  padding-bottom: 1em;
}

#About-text p img {
  /* float: right; */
  margin: 0.4em 1.4em 1em 0;
  border: 2px solid #333332;
}

#About-text img {
  margin-right: 2em;
  float: left;
}

.imgtop {
  padding-top: 3em;
}

.noimg {
  clear: both;
}

#About-links {
  color: #bbbbbc;
  background-color: #333332;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey2.gif');
  background-repeat: repeat;
  /* border: 1px solid #2c2c2c; */
  float: right;
  width: 20em;
  text-align: left;
  line-height: 1.45em;
  padding: 2em;
  }

#About-links ul {
  padding-left: 2em;
}

#About-links li {
  line-height: 1.8em;
  }

.about-signature {
  padding-left: 5em;
  }

#Infocom {
  width: 54em;
  margin: 0 auto;
  text-align: left;
}

#infonotes, #exifinfo, #Comments, #Addcomment {
  width: 48em;
  padding: 0.5em 2em 1em 2em;
  line-height: 1.45em;
  /* background-color: #4c5c6c; */
}

#infonotes {
  padding-top: 0;
}

.infoheader {
  width: 48em;
  line-height: 2em;
  font-weight: bold;
}

#Comments {
  padding-top: 0.5em;
  padding-bottom: 0;
}

.comment-text, .adcom-text, .no-comments, .info-text, .exif-text { 
  line-height: 1.45em;
  margin-top: 0.5em;
  padding: 0.5em 1em;
  border-top: solid 2px #333332;
  border-left: solid 2px #333332;
  border-right: solid 2px #333332;
}

.info-text, .exif-text {
  border-bottom: solid 2px #333332;
}

.comment-byline, .adcom-byline {
  margin-bottom: 1.5em;
  line-height: 1.45em;
  padding: 0.3em 1em;
  border: 2px solid #333332;
  text-align: right;
}

.comment-byline {
  background-color: #3b3b3a;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey3.gif');
  background-repeat: repeat;
}

.adcom-byline {
  background-color: #444443;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey2.gif');
  background-repeat: repeat;
}

.no-comments {
  border: 2px solid #333332;
  text-align: center;
  margin-bottom: 1.5em;
}

.input, #id_email, #id_url, #id_name {
  width: 18em;
  font-size: 1em;
  border: 2px solid #3b3b3a;
  background-color: #eeeeef;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey4.gif');
  background-repeat: repeat;
  color: #111110;
  padding: 0.5em;
  margin-bottom: 1em;
}

.silent {
  display:none;
}

#Addcomment textarea {
  width: 36em;
  height: 8em;
  font-size: 1.09em;
  border: 2px solid #3b3b3a;
  background-color: #eeeeef;
  background-image: url('http://gnidam.net/media/photos/static/noisy-grey4.gif');
  background-repeat: repeat;
  color: #111110;
  padding: 0.5em;
  margin-bottom: 1em;
}

#Addcomment fieldset {
  border: none;
}

.Comment-button {
  margin-top: 1em;
  margin-left: 1em;
}