* {
  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: #ddd;
  background-color: #444;
  background-image: url('/media/photos/static/noisy-grey.gif');
  background-repeat: repeat;
}

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

#Photo .no_border img {
  padding: 0;
  border: 0;
}

#PhotoImg {
    /* width: 100%; */
    /* height: auto; */
}

#hWrapper, #fWrapper {
  color: #bbb;
  background-color: #333;
  background-image: url('/media/photos/static/noisy-grey2.gif'); 
  background-repeat: repeat;
}

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

#hWrapper a:link, #hWrapper a:visited, #fWrapper a:link, #fWrapper a:visited, 
#About-links a:link, #About-links a:visited {
  color: #bbb;
}
#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: #ddd;
}

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

.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; }

.italic-link a:link, .italic-link a:visited {
    font-weight: bold; font-style: italic; text-decoration: none; }
.italic-link a:link:hover, .italic-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; }

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

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

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

.indexthumb img { vertical-align: middle; text-align: center; margin-bottom: 0.5em;}

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

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

.galthumb a:link img, .galthumb a:visited img {
        border: 2px solid #333; }

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

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

/* 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: 54em;
  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-gallery {
  /* background-color: #3c3c5c; */
  margin: 0 auto; 
  text-align: center;
}

#wrapper-photo {
  width: 96%;
  padding: 0 0 1em 0;
}

#wrapper-index {
  padding-top: 1em;
  padding-bottom: 1em;
  width: 690px;
  /* background-color: #3c3c5c; */
}

#wrapper-gallery {
  padding-top: 4em;
  width: 800px;
  /* 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: #444; background-image: url('/media/photos/static/noisy-grey.gif'); background-repeat: repeat;}

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

#size {
  padding: 1em 2em;
  text-align: center;
}

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

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

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

.indexthumb, .galthumb, .galtest {
  width: 230px;
  height: 200px;
  margin: 0 auto;
  /* background-color: #333; */
  text-align: center;
  float: left;
  font-weight: bold;
}

.indexthumb {
  line-height: 200px;
}

.galthumb {
  width: 266px;
  height: 200px;
  padding-top: 2em;
  /* background-color: #444; */
}

.indexthumb a, .galthumb a {
  /* display: table-cell; */
  vertical-align: middle;
  /* padding-top: 2em; */
  /* background-color: #515; */
}

.galthumb a {
  display: table-cell;
  width: 266px;
  height: 200px;
  vertical-align: middle;
  margin: 0 auto;
}

.galtitle {
  line-height: 2em;
}

#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 #333;
}

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

.imgtop {
  padding-top: 3em;
}

.noimg {
  clear: both;
}

#About-links {
  color: #bbb;
  background-color: #333;
  background-image: url('/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: 62em;
  margin: 0 auto;
  text-align: left;
}

#infonotes, #exifinfo, #Comments, #Addcomment {
  width: 62em;
  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;
}

.silent {
  display:none;
}