body  {
  margin: 0;
  padding: 0;
  font: normal 1em/1.22em 'Helvetica', Arial, sans;
  color: #fff;
  background: #06091f url(/images/tumblr/bg.jpg) no-repeat 50% 0;
}

/* Reset Rules
------------------------------- */

ol,ul {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6,p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* Layout Rules
------------------------------- */

#container {
  position: relative;
  width: 960px;
  margin: 55px auto 0 auto;
  *padding: 55px 0 0 0; /* IE7 Fix */
}

/* Typography Rules
------------------------------- */

#mark a {
  display: block;
  text-indent: -9999px;
  width: 340px;
  height: 59px;
  margin: 0 0 39px 0;
  background: url(/images/tumblr/liveset-logo.png) no-repeat;
}

#tagline {
  width: 960px;
  font-size: 2.8em;
  margin: 0 0 200px -12px;
  padding: 24px 0 0 0;
  font-weight: bold;
}

#tagline span {
  float: left;
  margin: -24px 26px 0 0;
  padding: 24px 12px 20px 12px;
  font-weight: normal;
  background: url(/images/tumblr/plum-bg.png);
}

h3 { font-size: 1.375em; }

/* Content Rules
------------------------------- */

#content {
  margin: 0 260px 0 0;
}

.post h1 { margin: 0 0 22px 0; font-size: 22px; line-height: 28px;  }
.post h2 { margin: 0 0 15px 0; }

.post h2 a {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 22px 0;
  text-decoration: none;
}

.post h2 a:hover { text-decoration: underline; }

.post h3 { font-size: 14px; margin: 0 0 16px 0; }

.post {
  clear: left;
  margin: 0 0 50px 0;
  min-height: 100px;
  padding: 30px 0 0 0;
  background: url(/images/tumblr/cords-bg.png) no-repeat top left;
}

.date {
  float: left;
  width: 91px;
  min-height: 100px;
  color: #979bb4;
  text-align: center;
  font-size: 18px;
}

.ico-audio { background: url(/images/tumblr/ico-audio.png) no-repeat top left; }
.ico-chat { background: url(/images/tumblr/ico-chat.png) no-repeat top left; }
.ico-link { background: url(/images/tumblr/ico-link.png) no-repeat top left; }
.ico-photo { background: url(/images/tumblr/ico-photo.png) no-repeat top left; }
.ico-post { background: url(/images/tumblr/ico-post.png) no-repeat top left; }
.ico-quote { background: url(/images/tumblr/ico-quote.png) no-repeat top left; }
.ico-video { background: url(/images/tumblr/ico-video.png) no-repeat top left; }

.content {
  margin: 0 0 0 120px;
}

.content p {
  line-height: 24px;
  color: #fff;
  margin: 0 0 18px 0;
  font-size: 15px;
}

.content ul { margin: 0 0 18px 0; }

.content ul li { margin: 0 0 15px 15px; list-style: disc outside; }

.post a { color: #ffeb92; text-decoration: underline; }

blockquote {
  margin: 0 0 18px 0;
  padding: 0;
  font: italic 16px/22px 'Helvetica', sans;
}

.post img {
  border: 10px solid #fff;
  margin: 0 0 15px 0;
}

.post .conversation {
  list-style: none;
  padding: 0;
}

.post .conversation .line {
  border-bottom: 0px dashed #FFF;
  padding: 6px;
}

.post .conversation .person {
  font-weight: bold;
}

a.perma {
  font-size: 11px;
  color: #979bb4;
  text-decoration: none;
}

a.perma:hover { text-decoration: underline; }

/* Right Column Rules
------------------------------- */
#right-column {
  float: right;
  width: 180px;
  margin: 245px 0 0 0;
}

.callout {
  width: 180px;
  margin: 0 0 50px 0;
  color: #979bb4;
  font-size: .8em;
  text-align: center;
}

.callout a {
  display: block;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1em !important;
  color: #fff;
}

.callout a:hover { color: #ffeb91; }
.callout.twitter {
  padding: 72px 0 0 0;
  background: url(/images/tumblr/ico-cords.png) no-repeat 50% 0;
}

.callout.backstage {
  padding: 72px 0 0 0;
  background: url(/images/tumblr/ico-fluer.png) no-repeat 50% 0;
}

.callout.facebook {
  padding: 72px 0 0 0;
  background: url(/images/tumblr/ico-heart.png) no-repeat 50% 0;
}
