@font-face {
    font-family: 'AnotherTypewriterRegular';
    src: url('http://static.tumblr.com/xiklynt/KXSllio27/atwriter-webfont.eot');
    src: url('http://static.tumblr.com/xiklynt/KXSllio27/atwriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/xiklynt/SBQllio2r/atwriter-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


* { margin: 0; padding: 0; }
body {
  text-align:center;
  font-size:13px;
  font-family:arial,verdana,sans-serif;
  color:#303030;
  padding:0 0 0px 0;
}
br.c {
  clear:both;
}
h1#logo {
  text-shadow:0 1px 0 #d0e2e2, 0 -1px 0 #476d80;
  padding:30px 0 10px 0;
}
h1#logo, h1#logo a {
  color:#638f8c;
  font-size:60px;
  text-decoration:none;
}
#top {
  background:#94bdbd;
  height:200px;
  margin-bottom:-200px;
}
#wrap {
  width:981px;
  margin:0 auto;
  text-align:left;
  position:relative;
}
#content {
  margin: 0 0 0 80px;
}

#body {
  width:679px;
  background:url('http://static.tumblr.com/xiklynt/Fjkljrlvm/body-mid.png') left center repeat-y;
}
#body .top {
  /*background:url('http://static.tumblr.com/xiklynt/xNnljrlwp/body-top.png') top left no-repeat;*/
  min-height:900px;
}
.bottom {
  background: url("http://static.tumblr.com/xiklynt/nrnljvuvd/body-bottom.png") no-repeat scroll left bottom transparent;
  height: 100px;
  margin: -27px 0;
  padding-bottom: 20px;
  position: absolute;
  width: 100%;
}

#body-wrapper {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
  float: left;
  margin: 0 0 63px;
  padding: 8px 0 10px;
  position: relative;
  width: 675px;
}

#side {
  position:absolute;
  width:450px;
  right:-100px;
  top:0;
  z-index:999;
  background:url('http://static.tumblr.com/mwtqzxn/r1Lllhj5o/tag.png') top left no-repeat;
}
#ribbon {
  position: absolute;
  left: 103px;
  top: 284px;
  width: 342px;
  height: 453px;
  background: url('http://static.tumblr.com/mwtqzxn/AYNllhj4v/ribbon.png') top left no-repeat;

}

#paper-bottom {
  position: relative;
  top: 190px;
  margin: 0px 0 25px 0;
  padding: 0 0 35px 0;
  width: 370px;
  background: url('http://static.tumblr.com/xiklynt/chXlm2qvv/paper-bottom.png') bottom right no-repeat;
}
#paper {
  padding: 180px 0 40px 120px;
  background: url('http://static.tumblr.com/xiklynt/XfOlm2qs6/paper.png') bottom right repeat-y;
}

#staples {
  position: absolute;
  left: 40px;
  bottom: 30px;
  width: 336px;
  height: 227px;
  background: url('http://static.tumblr.com/mwtqzxn/SnSllhj59/staples.png') top left no-repeat;
}

#about {
  width:210px;
  min-height: 300px;
  _height: 300px;
  font-size:15px;
  line-height:20px;
}
#about a {
  color:#606060;
}
#about a:hover {
  color:#202020;
}
#about p {
  margin:0 0 1em 0;
}

#avatar-photos {
  position: absolute;
  left: 158px;
  top: 144px;
  width: 220px;
  height: 188px;
  background: url('http://static.tumblr.com/mwtqzxn/o67llhj48/photos.png') top left no-repeat;
}
#avatar {
  position:absolute;
  margin: 18px 0 0 20px;
}

#links {
  position: relative;
  list-style:none;
  top: 190px;
  margin-left:128px;
  width:260px;
}
#links li {
  margin:0 0 10px -13px;
}
#links li a {
  padding:8px 0 10px 20px;
  text-shadow:1px 1px 0 #4c8492;
  background:url('http://static.tumblr.com/xiklynt/DeMljv6wd/link.png') top right no-repeat;
  display:block;
  font-size:20px;
  color:#fff;
  text-decoration:none;
}
#links li a:hover {
  margin-right:5px;
}
#theme {
  background:url('http://static.tumblr.com/xiklynt/rJ5ljvrjy/theme.png') top right no-repeat;
  clear:both;
  color:#333;
  float:right;
  font-size:13px;
  height: 90px;
  margin:-40px 90px 0 0;
  padding-top:30px;
  text-align:center;
  text-transform:uppercase;
  width:119px;
}

#theme-by {
  display: block;
}

#theme a {
  color:#144c56;
  text-decoration:none;
  font-weight:bold;
  display: block;
}
#theme a:hover {
  text-decoration:underline;
}

#pagination {

  padding:30px 90px 0 90px;
}
#pagination.both {
  background:url('http://static.tumblr.com/6hyus9g/YtAlie576/pagination.png') center center no-repeat;
}

#pagination a {
  text-decoration:none;
  font-size:30px;
  padding:0;
  color:#545454;
  text-transform:uppercase;
}
#pagination a.newer {
  float:left;
  display:block;
  padding-left:80px;
  background:url('http://static.tumblr.com/6hyus9g/wjOlie52g/arrow-left.png') left 4px no-repeat;
}
#pagination a.older {
  float:right;
  display:block;
  padding-right:80px;
  background:url('http://static.tumblr.com/6hyus9g/1J0lie52z/arrow-right.png') right 4px no-repeat;
}
/* ------- post formatting -------- */
#postarea {
  padding:45px 0 45px 0;
  margin:0 0 0 50px;
  width:500px;
}

#postarea .post:last-of-type {
  margin-bottom: -32px;
}
.post {
  margin-bottom:60px;
  padding:0 0 0 0;
  position:relative;
}
.post:last-child {
  margin-bottom:20px;
}
.post .date {
  margin:0 0 20px 0;
  text-transform:uppercase;
  font-size:13px;
}
.post p, .post ul, .post ol {
  color:#555555;
  line-height:125%;
  margin:0 0 15px 0;
}
.post ol, .post ul {
  margin-left:30px;
}
.post hr {
  border:0 none;
  background:none;
  color:#f2f2f2;
  height:1px;
  border-bottom:1px dotted #d0d0d0;
  margin:0 0 15px 0;
}
.post h3 {
  margin:0 0 15px 0;
}
a,
.post a {
  color:#606060;
  text-decoration:underline;
}
a:hover,
.post a:hover {
  color:#404040;
}
.post.quote blockquote {
  color:#6597a7;
  line-height:125%;
  margin:0 0 15px 0;
  font-size:22px;
  text-shadow:0 0 1px rgba(0,0,0,0.1);
}
.post.quote blockquote .author {
  text-transform:uppercase;
  margin:0 0 0 1em;
  font-size:0.6em;
  color:#505050;
}
.post h2 {
  font-size:22px;
  margin:0 0 15px 0;
}

.post.photo .img img {
  background: url("http://static.tumblr.com/6hyus9g/spVlie5dc/staple-top.gif") no-repeat scroll center top #FFFFFF;
  margin: 0 0 0 15px;
  padding: 15px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
  border: none;
}

.post.chat {
  margin-bottom:55px;
}
.post.chat h2 {
  color: #555;
  font-weight: normal;
}
.post p.even, .post p.odd {
  padding:10px 5px;
  margin:0;
}
.post p.even {
  background:#fff687;
}
.post.chat .meta {
  margin-top:20px;
}
.post.question p {
  margin-left:60px;
  margin-right:75px;
}
.post.question p span {
  display:block;
  position:absolute;
  margin-left:-85px;
  color:#3c3c3c;
  font-size:40px;
  font-weight:normal;
}

.post.question .answer span {
  margin-left:-60px;
  margin-top:-8px;
}
.post.question .question {
  background:#3c3c3c;
  -webkit-border-radius:10px;
  padding:25px 20px;
  color:#f2f2f2;
  font-size:20px;
  text-shadow:0 0 1px rgba(0,0,0,0.1);
}
.post.question .answer {
  padding:6px 0;
  font-size:20px;
  text-shadow:0 0 1px rgba(0,0,0,0.1);
}
.post.question .asker-box {
  display:block;
  font-size:20px;
  width:64px;
  position:absolute;
  right:0;
  top:6px;
}
.post.link h2 {
  background:#fff687;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding:10px 5px;
  font-size:25px;
  font-weight:normal;
}
.post.link h2 a {
  text-decoration:none;
}
.post.text blockquote {
  color:#404040;
  font-size:20px;
  margin-left:15px;
}
.post .meta {
  margin-top:30px;
  width:625px;
  height:31px;
  overflow:hidden;
  text-transform:uppercase;
  background:url('http://static.tumblr.com/6hyus9g/p5Nlie56p/meta.png') top left no-repeat;
}
.post .meta, .post .meta a {
  color:#454545;
  text-decoration:none;
}
.post .meta div {
  float:left;
  margin-right:1em;
  padding-left:28px;
}
.post .meta div.date {
  float:right;
  margin-right:110px;
  background:url('http://static.tumblr.com/6hyus9g/L60lie55w/date.png') top left no-repeat;
}
.post .meta div.comments {
  background:url('http://static.tumblr.com/6hyus9g/eGRlie556/comments.png') 0 1px no-repeat;
}
.post .meta div.notes {
  margin-left:20px;
  background:url('http://static.tumblr.com/6hyus9g/kOMlie57o/reactions.png') top left no-repeat;
}
.post .meta div span {
  display:block;
  padding:6px;
}
.post .type {
  display:block;
  margin:0;
  padding:0;
  position:absolute;
  left:-160px;
  top:-10px;
}
.post.text .type {
  width:163px;
  height:149px;
  margin-left:-10px;
  background:url('http://static.tumblr.com/xiklynt/vyiljrlls/type-text.png');
}
.post.text p img {
  background: url("http://static.tumblr.com/6hyus9g/spVlie5dc/staple-top.gif") no-repeat scroll center top #FFFFFF;
  margin: 0 0 0 15px;
  padding: 15px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  box-shadow:1px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
  border: none;
}

.post.audio .type {
  width:157px;
  height:128px;
  background:url('http://static.tumblr.com/xiklynt/H5Wljrlmy/type-audio.png');
}
.post.chat .type {
  width:159px;
  height:129px;
  background:url('http://static.tumblr.com/xiklynt/ihjljrlnq/type-chat.png');
}
.post.link .type {
  width:170px;
  height:108px;
  margin-left:-15px;
  background:url('http://static.tumblr.com/xiklynt/a5tljrloe/type-link.png');
}
.post.photo .type {
  width:155px;
  height:140px;
  background:url('http://static.tumblr.com/xiklynt/Jj8ljuuk5/type-photo.png');
}
.post.question .type {
  width:177px;
  height:120px;
  margin-left:-20px;
  background:url('http://static.tumblr.com/xiklynt/SEYljrlqa/type-question.png');
}
.post.question .answer + p {
  margin-top:-20px;
  font-size: 18px;
}

.post.quote .type {
  width:142px;
  height:123px;
  background:url('http://static.tumblr.com/xiklynt/Jcbljrlpe/type-quote.png');
}
.post.video .type {
  width:140px;
  height:125px;
  background: url('http://static.tumblr.com/xiklynt/yKwljuuid/type-video.png');
}

.post.video p {
  margin-top: 20px;
}

.post.audio p {
  margin-top: -20px;
}

.player {background: #000; -webkit-border-radius:10px; -moz-border-radius:10px; -border-radius:10px; padding: 10px; display: block;margin-bottom:40px;}

.note-box {
  list-style: none;
  padding: 20px 0 35px 0;
  margin: 30px 0 0 0;
}
.note-box li {
  margin: 0;
  list-style: none;
}

.note-box .avatar {
  margin: 0 5px 0px 0;
  display: inline;
  position: relative;
  top: 5px;
}

.note-box blockquote {
  margin: 10px 0 10px 35px;
  padding-left: 10px;
  border-left: 1px solid #ddd;
}


/* sbb */
#about,
.f,
.question,
.answer,
#theme,
.comments,
#links li,
.meta span,
#pagination a,
.post.quote blockquote,
.post h2,
#logo {
	font-family:"AnotherTypewriterRegular", "American Typewriter", "Courier New", arial,verdana,sans-serif;
}