html { font: normal normal normal 12px/16px sans-serif }
body { margin:0; text-align:center; background-color:#fdfdfd }

a:link    { text-decoration:none; color:#668 }
a:visited { text-decoration:none; color:#668 }
a:active  { text-decoration:none; color:#668 }
a:hover   { text-decoration:none; color:#334 }

img { background-color:#fff }
blockquote { margin:12px}

.color { width:100%; height:278px; margin-bottom:-278px }
.thedocument { width:1100px; margin:0 auto; padding:0 8px; text-align:left;  }
.rotations { width:0; height:0 } /* used to detect if rotations should be applied */

div.tophead { width:1060px; height:60px; padding:16px 0 0; 
              position:relative;
              }
div.tophead .subhead { width:400px; position:absolute; top:48px; left:440px }

div.tophead h1    { font-size:200% }
div.tophead .mini { font-size:60%; line-height:175% }

div.lmargin { width:200px; float:left }
div.lmargin .avatar  { margin:20px 20px 60px;
                       border:5px solid #fff;
                       box-shadow:0 0 5px 0 #356;
                       }

div.lmargin p  { margin:12px 0 30px }
div.lmargin p.vspace  { height:12px }
div.lmargin dt { margin:0 0 20px 10px ; font-size:14px; font-weight:bold }
div.lmargin h2 { margin:40px 0 10px }

div.lmargin .custom { font-size:14px; text-align:center }

div.container { margin-left:212px; clear:none }

div.onepost { 
  width:700px; padding:12px; 
  /* border:1px solid #ddd;
  xbox-shadow:inset 0 0 10px 0 #abc; */
  margin:40px 20px 20px;
  text-align:center;
  background:#fff url(http://static.tumblr.com/ja8jynh/DvDmepg9j/fading-border.png) top right no-repeat;
 }

ul.posthead { text-align:left; list-style:none; position:relative }

ul.posthead .reblog .root   img,
ul.posthead .reblog .parent img,
ul.posthead .notreblog      img,
ul.posthead .notecount          { text-align:center;
                                  position:absolute; 
                                  border:3px solid #fff;
                                  box-shadow:0 0 3px 0 #567;
                                  }
ul.posthead .notreblog      img { border-width:2px }


ul.posthead .reblog .root   img { right:-20px; top:-20px }
ul.posthead .reblog .parent img { right:  0px; top: 32px }
ul.posthead .notreblog      img { right:-28px; top:-26px }
ul.posthead .notecount          { right:-40px; top: 10px; 
                                  padding:16px 3px 6px; background-color:#eeeef5;
                                  }

ul.posthead .tags ul { position:absolute; left:650px; top:80px ; list-style:none outside none }
ul.posthead .tags li  { margin:3px -150px 3px 3px  }
ul.posthead .tags li a { font-size:11px; line-height:14px; background-color:#ccccff; 
                         padding:0 10px 0 4px;
                         box-shadow:0 0 3px 0 #567;  }
ul.posthead .tags li a:hover  { background-color:#aaaaff }
ul.posthead .tags li a:before { content:'»' }

ul.posthead li.date h3 { position:relative; left:-46px; top:-10px;
                         background-color:#fff;
                         display:inline;
                         padding:3px 2px;
                       }
ul.posthead li.date a         { padding:1px 10px }
ul.posthead li.date a:link    { color:#abc }
ul.posthead li.date a:visited { color:#abc }
ul.posthead li.date a:active  { color:#abc }
ul.posthead li.date a:hover   { color:#99a }

.post.audio,
.post.quote,
.post.link,
.post.chat,
.post.text { text-align:left; margin:30px 60px; min-height:80px }


.post.quote blockquote { margin:12px 5; font-size:125%; color:#866; font-style:oblique } 

.post.photo img,
.post.video iframe,
.post.audio .albumart,
.post.photoset-post iframe.photoset {
  box-shadow:0 0 10px 0 #356;
  margin-left:auto; margin-right:auto;
  padding:10px;
}

.post.audio { min-height:200px; background:url(http://static.tumblr.com/ja8jynh/b4Emeqe97/headphones.png) no-repeat 0 0 }
.post.audio .albumart { width:200px; float:left; padding:0; box-shadow:0 0 4px 0 #89a  } 
.post.audio .text      { margin-left:240px; }
.post.audio .playcount { margin:  0   0 10px 240px; font-style:oblique }
.post.audio .caption   { margin: 20px 0   }
.post.audio .caption blockquote { margin:10px; }
.post.audio .audio_player embed { border:3px solid #fff; box-shadow:0 0 3px 0 #abc; }


div.caption { text-align:left; margin:20px 100px; min-height:10px }
div.caption blockquote img { margin-left:-50px !important }

div.pagination { text-align:center; width:725px; 
                 height:50px; line-height:50px;
                 margin:50px 0 15px 20px; background-color:#fff }

div.pagination .l          { }
div.pagination .pagecount  { margin:10px 5em }
div.pagination .r          { } 


.post_notes ol { list-style:none outside none; margin-top:20px }
.post_notes ol li  { margin-bottom:-12px }
.post_notes ol li  .avatar_frame { display:block }
.post_notes ol li  img.avatar { width:32px; height:32px; border:2px solid #fff; box-shadow:0 0 3px 0 #356; margin-bottom:-24px }
.post_notes ol li:nth-child(odd)  img.avatar { position:relative; left: -3px }
.post_notes ol li:nth-child(even) img.avatar { position:relative; left:-18px }
.post_notes ol li  blockquote { margin:4px 80px 12px }
.post_notes ol li .action { display:block; margin-left:40px;  }

.more_notes_link_container { margin:40px; padding-right:150px }



.following_frame { border:0 solid #eee; width:200px; position:relative; overflow:hidden; margin:0 0 40px }
.following_frame ul.following { list-style:none outside none; margin:0; padding:0; text-indent:0 }
.following_frame ul.following li { margin:0; padding:0; text-indent:0 }
.following_frame ul.following p { display:none }
.following_frame ul.following a { margin:0; padding:0 }
.following_frame ul.following img { width:19px; height:19px; margin:1px 1px 0 0; padding:0; float:left  }
.following_frame .end { clear:both }