@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';

/* sifr */
.snap-title, .sIFR-active.snap-title {
  visibility: hidden;
  font-family: Helvetica;
  line-height: 2em;
  clear: both;
}
.snap-date, .sIFR-active.snap-date {
  visibility: hidden;
  font-family: Helvetica;
  line-height: 1.2em;
  clear: both;
}
.header, .sIFR-active.header {
  visibility: hidden;
  font-family: Helvetica;
  line-height: 1.2em;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  clear: both;
}
.top {
  border-width: 0;
  border-style: none;
}

/* layout */
body {
  text-align: center;
}
#contents {
  width:96%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.thumbnail {
  float: left;
  width: 460px;
  margin-bottom: 3em;
}
.photo {
  padding-top: 0.5em;
}
.description {
  margin-left: 460px;
  padding-top: 0.5em;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
}
#footer {
  clear: both;
  text-align:left;
  padding-top: 1em;
}
div#pagination_links {
  clear: both;
  padding-bottom: 2em;
}

dl.comment {
    margin-bottom: 10px;
    padding-left: 5px;
    border-left: 4px solid #a3a1a1;
}

/* scratch */
a:focus,
a:hover     { background-color: orange; color: #272727; }
a           { background-color: #272727; color: orange; text-decoration: none; }
h1#logo { padding-top: 0.5em; }
h1#logo a:focus, h1#logo a:hover { background-color: #272727; }

/* ********************* forms */
form fieldset {
  clear: both;
  font-size: 100%;
  margin: 0;
  border: 0;
}

form fieldset div.required {
  font-weight: bold;
}
form fieldset div.optional {
  color: #a3a1a1;
}
form fieldset div.required,
form fieldset div.optional {
    clear: both;
}

form fieldset div input {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  font-family: Helvetica;
  font-size: 100%;
  color: #000;
}
form fieldset div textarea {
    font-family: Helvetica;
    width: 340px;
}
form div input {
  border: 1px solid #999;
  background: #eee;
  line-height: 1.5;
}
form div input:focus {
  background: #fff;
}
form div input {
    font-family: Helvetica;
    font-size: 100%;
    color: #000;
}
form fieldset div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}
form .button {
    clear: both;
    width: 100px;
    margin-left: 110px;
}

form fieldset p strong {
    color: #a3a1a1;
    font-weight: normal;
}

form fieldset p.error {
    color: #f00;
}