html, body, div, span, p,
h1, h2, h3, h4, h5, h6,
ul, li, img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
} /* -- global reset -- */

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #919191;
}

a:hover {
  color: #333333;
}

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

body {
  background: #fff;
  font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #999;
  height: 100%;
}

#wrapper {
  background: url(/images/site/top_background.png) repeat-x 0 top;
  width: 100%;
}

/* header */

#header {
  background: url(/images/site/navbar_bkg.png) repeat-x;
  height: 53px;
  width: auto;
}

#logo {
  display: block;
  background: url(/images/site/m9_logo.png) no-repeat center;
  text-indent: -10000px;
  height: 53px;
  width: 82px;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
}

/* navbar */

#navbar {
  text-shadow: #efefef 1px 1px 2px;
  text-transform: uppercase;
  border-color: #fdfdfd;
  height: 53px;
  padding-top: 20px;
}

#navbar li {
  display: inline;
  padding: 0;
  margin: 0;
}

#navbar .home {
  padding-right: 5px;
}

#navbar .archives, #navbar .portfolio, #navbar .about, #navbar .contact {
  background: url(/images/site/ver_seperator.png) no-repeat 0 center;
  padding: 0 5px 0 10px;
}

/* photo-content */  

#photo-content {
  background: #fff url(/images/site/content_bkg.png) repeat-x bottom;
  width: 820px;
  margin: 20px auto 0 auto;
  padding: 0;
  border: 1px solid #cfcfcf;
}

#photo-content img {
  margin: 0;
  padding: 10px 10px 8px 10px;
}

/* container */

#container, #footer {
  font: .80em "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #837c7c;
  text-shadow: 1px 1px 1px #fff;
  text-transform: uppercase;
}

#container {
  overflow: auto;
  position: relative;
  height: 20px;
  width: 100%;
}

#footer {
  margin: 15px;
  clear: both;
  text-align: center;
}

#details li {
  display: inline;
  padding: 0;
  margin: 0;
}

#photo-archives {
  background: #fff url(/images/site/content_bkg.png) repeat-x top;
width: 930px;
  padding: 0;
  margin: 0;
}


#sidebar {
  background: #e8e8e8 url(/images/site/spacer.png) repeat-y;
	position: fixed;
  font-size: .9em;
  text-transform: uppercase;
  float: left;
  width: 275px;
  height: 100%;
  padding: 0 4px 0 4px;
  border-right: 2px solid #dadedf;
}

dd {
  margin: 2px;
  padding: 0 5px 0 5px;
}

dt a:hover {
  padding-left: 5px;
}

.thumb {
  background: #e8e8e8 url(/images/site/shade.png) no-repeat left;
  height: 170px;
  width: 135px;
  margin: 0 2px 2px 0;
  padding: 10px 4px 0 10px;
  float: left;
}

.thumb img {
  border: 1px solid #dcdcdc;
}

.med-font {
  font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #919191;
  text-transform: uppercase;
  padding-top: 2px;
  padding-bottom: 5px;
}

.sm-font, .box {
  font: 10px "Trebuchet MS", Verdana, Arial, sans-serif;
  color: #919191;
  text-transform: uppercase;
  padding-bottom: 3px;
}