@import "stylesheets/typography.css";
@import "stylesheets/grid.css";
@import "stylesheets/navigation.css";
@import "stylesheets/aside.css";

a img { border: none; }

a:link, a:visited {
  border-bottom: 1px solid #0076a3;
  color: #0076a3;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  border-color: #4f9fbd;
  color: #4f9fbd;
}

.image-link:link, .image-link:visited { border: none; }

#content {
  padding-right: 30px;
  width: 600px;
}

.post {
  border-bottom: 1px solid #f4f4f4;
}

#siteinfo h3 {
  background: #f4f4f4;
  font: 1.25em/2.4 Helvetica, Arial, sans-serif;
  padding: 0 .8em;
}

#siteinfo ul, ol {
  list-style: none;
  margin: 0;
  padding: 0 0 3em;
}

#siteinfo a:link, #siteinfo a:visited {
  border: none;
  display: block;
  line-height: 2;
  padding: 0 1em;
}

#siteinfo .categories a:link, #siteinfo .categories a:visited { display: inline; }

#siteinfo a:hover, #siteinfo a:active, #siteinfo a:focus {
  background: #f5f5f5;
}

.flickr { font-size: 0; }

#aside .flickr h3 { font-size: 16px; }

.flickr a {
  border: none;
  display: -moz-inline-stack;
  display: inline-block;
  font-size: 12px;
  margin: 0 6px 5px;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

#aside .flickr img {
  height: 91px;
  width: 91px;
}

#comments, .comment {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.comment {
  border-bottom: 1px solid #eee;
  font-size: 1em;
  padding: 10px 10px 10px 155px;
}
.comment:first-child { border-top: 1px solid #eee;}

.comment .meta {
  color: #777;
  font-size: 11px;
  float: left;
  margin-left: -155px;
  padding-right: 15px;
  position: relative;
  text-align: right;
  width: 140px;
}

.comment .meta p { color: #888; font-size: .9em; margin: 0; }
.comment p { margin-top: 0; }

#commentform div { margin: 10px 0; overflow: hidden; }
#commentform div label, #commentform div input {
  float: left;
}
#commentform div label {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.8;
  padding: 0 15px 0 0;
  text-align: right;
  text-transform: uppercase;
  width: 140px;
}
#commentform div input, #commentform div textarea {
  background: #ddd;
  border: none;
  font: 12px/1.8 Helvetica, Arial, sans-serif;
  width: 380px;
}
#commentform div textarea { height: 140px; }

#commentform .submission,
#commentform .subscribe-to-comments { padding-right: 65px; text-align: right; }