@import url(http://fonts.googleapis.com/css?family=Overlock:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Flavors);
.clear {
  clear: both; }

body {
  background: #eeeeee;
  color: #666666;
  margin: 0;
  font-family: Overlock, sans-serif;
  font-size: 16px; }

a {
  color: #9966ff;
  text-decoration: none; }
  a:active, a:hover {
    color: #8142ff; }

p, blockquote {
  line-height: 1.75em; }

header h1 {
  font-family: Flavors, cursive;
  font-weight: normal;
  font-size: 5em;
  margin: 1em 0 0.2em; }
  header h1 a {
    color: #999999; }
    header h1 a:active, header h1 a:hover {
      color: #666666; }
header nav ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  header nav ul li {
    display: inline;
    margin-right: 1.5em; }

#wrap {
  width: 720px;
  margin: auto; }

article {
  margin: 6em 0 8em; }
  article img {
    max-width: 100%; }
  article .tags {
    list-style: none;
    padding: 0;
    margin: 1em 0; }
    article .tags li {
      display: inline;
      color: #cccccc;
      margin-right: 1em;
      font-size: 14px; }
      article .tags li:before {
        content: "#"; }
      article .tags li a {
        color: #aaaaaa; }
        article .tags li a:active, article .tags li a:hover {
          color: #777777; }
  article .meta {
    list-style: none;
    padding: 0;
    margin: 1em 0;
      margin-top: 2em; }
    article .meta li {
      display: inline;
      margin-right: 1.5em;
      font-size: 12px; }
      article .meta li a {
        background: #bb99ff;
        color: white;
        padding: 0.5em 1em;
        border-radius: 2em; }
        article .meta li a:hover, article .meta li a:active {
          background: #9966ff; }
  article h2 {
    font-weight: bold;
    font-size: 2em; }

.photoset .html_photoset {
  background: white;
  padding: 110px; }

.chat dt {
  font-weight: bold;
  margin-top: 1em; }
.chat dd {
  font-style: italic;
  margin: 0;
    margin-bottom: 0.5em;
    margin-left: 0.5em; }

.audio {
  margin-top: 9em; }
  .audio .albumart {
    width: 216px;
    float: left;
    position: relative;
    padding-top: 90px;
    top: -90px;
    right: -4px;
    margin-bottom: -90px;
    margin-right: -218px;
    z-index: -10; }
    .audio .albumart img {
      width: 200px;
      border-radius: 200px; }
  .audio .albumart + script + span .audio_player {
    position: relative;
    top: 90px; }

.video .videodisplay {
  background: white;
  padding: 110px; }

.answer .asker {
  font-style: italic;
  font-size: 14px; }

#notes {
  margin: 6em 0 8em; }

.notes {
  list-style: none;
  margin: 0;
  padding: 0; }
  .notes li {
    list-style: none;
    margin: 1em 0;
    padding: 0; }
    .notes li blockquote {
      margin: 0;
        margin-left: 96px;
      padding: 0;
      font-size: 14px;
      font-style: italic; }
      .notes li blockquote a {
        color: #888888; }
    .notes li .avatar {
      vertical-align: middle;
      border-radius: 100px;
      margin-right: 1em; }

footer {
  background: #333333;
  border-top: 0.5em solid black;
  color: #999999;
  padding: 4em 0;
  width: 100%; }
  footer a {
    color: #bb99ff; }
    footer a:active, footer a:hover {
      color: white; }
  footer #description {
    width: 720px;
    margin: auto;
    line-height: 1.75em;
    position: relative; }
    footer #description .navigation {
      margin: 0;
        margin-top: 0.5em;
      padding: 0;
      list-style: none; }
      footer #description .navigation li {
        display: inline;
        margin-right: 1em; }