body {
  background:#C4C8B1 url("../photos/meta/img/bg_page.jpg") repeat-x 0 0;
  margin:0;
  padding:0;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  color:#333;
  }
.title, .index {
  text-align:center;
  }
#content {
  position:relative;
  margin:1.6em 0 0;
  padding:26px 15px 15px;
  }
.index #content, .archive #content {
  width:800px;
  margin-left:auto;
  margin-right:auto;
  }
.title #content {
  width:750px;
  margin-left:auto;
  margin-right:auto;
  padding:40px 20px 0;
  text-align:left;
  }



/* =Links
----------------------------------------------- */
a, a:visited {
  color:#258;
  text-decoration:none;
  border-bottom:1px solid #469;
  }
html>body a, html>body a:visited {
  border-bottom-style:dotted;
  }
a:hover, a:active {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
  }
a img, a.btn, a.btn:visited, a.i, a.i:visited, a.i:hover {
  border-width:0;
  }
a.btn img, a.i>img {
  position:relative;
  top:2px;
  }


/* =Path
----------------------------------------------- */
#path {
  background:#585F33 url("../photos/meta/img/bg_path.gif");
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:4px 0 6px;
  border-bottom:2px solid #555;
  font-size:85%;
  line-height:1.6em;
  color:#eee;
  text-align:center;
  }
#path a {
  font-weight:normal;
  border-color:#777;
  color:#888;
  }


/* =Header
----------------------------------------------- */
h1 {
  margin:0 0 3px;
  padding:0 0 .35em;
  border-bottom:1px solid #ddd;
  font:180% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  line-height:1.2em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.15em;
  }
.title h1 {
  margin:0;
  padding:0 0 10px;
  border-width:0;
  }
.title h1 a, .title h1 a:visited {
  border-bottom-width:0;
  border-style:none;
  }
.auto h1 {
  margin:10px 0 .5em;
  padding:0;
  border-width:0;
  font-size:150%;
  line-height:1.2em;
  color:#333;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  }
.auto #titleimg {
  background:#bbb;
  position:relative;
  top:3px;
  left:3px;
  float:left;
  width:500px;
  height:380px;
  margin:0 0 10px 0;
  padding:0;
  border-width:0;
  }
.auto .v #titleimg {
  width:380px;
  height:500px;
  }
html>body .auto #titleimg {
  background:url("../img/bg_shadow.png");
  }
.auto #titleimg img {
  display:block;
  position:relative;
  top:-3px;
  left:-3px;
  border:10px solid #fff;
  }

h1 a, h1 a:hover, .auto #titleimg a {
  border-style:none;
  }
h1 em {
  margin-left:.25em;
  padding-left:.5em;
  border-left:1px solid #aaa;
  font:66% Verdana,Sans-serif;
  color:#666;
  }
h1 img {
  display:block;
  }


/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  width:100%;
  padding:15px 0;
  font-size:75%;
  line-height:1.8em;
  text-align:center;
  color:#888;
  }
#footer p {
  margin:0 15px;
  padding:5px 0;
  border-top:1px solid #eee;
  }
#footer hr {
  display:none;
  }
#footer a {
  font-weight:normal;
  color:#678;
  }
#footer a:hover, #footer a:active {
  color:#933;
  border-bottom-width:1px;
  }