.export{position:relative;padding:36px 0 20px;font-size:12px}
body.loggedin .export{min-height:100px}
.logo{
  display:block;
  margin:0 auto 30px;
  background-repeat:no-repeat;
  background-position:center center;
  width:60px;
  height:24px;
}
.export .logout:hover {
  text-decoration: underline;
}
.export .desc {
  width:80%;
  margin:0 auto 36px auto;
  max-width:520px;
}
.export .desc p {
  margin-bottom:36px;
  font-size:15px;
}
.export .desc a {
  text-decoration: underline;
}
.export p.please_signin {
  width:80%;
  margin-bottom:36px;
  max-width:520px;
  font-size:15px;
  font-weight:bold;
}
.export div.option{
  display:inline-block;
  vertical-align: top;
  text-align:center;
  width:320px;
  min-height:150px;
  overflow:hidden;
}
.export div.option a.action{
  display:block;
  width:300px;
  height:45px;
  margin:0 auto 12px;
  font-family:"Whitney 5r",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:45px;
  color:#1b599c;
  background-color:rgba(255,255,255,.9);
}
.export div.option a.action:hover {
  background-color:rgba(255,255,255,1.0);
}
.export div.option p{
  max-width:290px;font-size:11px;margin:0 auto 2px;
}


/* Memories */
.memories{
  padding:16px 0 36px;
}
.memories p {
  font-size:12px
}
.memories h5 {
  font-size:15px
}
/* avatars */
.avatar .circle {
  border-radius:100%;width:90px;height:88px;
  background-color:#fff;
  margin:0 auto;
  padding-top:2px;
  text-align:center;
}
.avatar .circle img {
  border-radius:100%;
  width:86px;
  height:86px
}
.memories.static .avatar .circle {
  background:none;
  border: 2px solid white;
  padding-top: 25px;
  height: 63px;
}
.memories.static .avatar .circle img {
  width:44px;
  height: 38px;
}
.memories.static .timeline .avatar .circle{
  background:#FFF;
  border:none;
}
.memories.static .timeline .avatar .circle img {
  width: 38px;
  height: 38px;
}
.timeline .avatar {
  display:inline-block;
  width: 56px;
  height: 76px;
  vertical-align: top;
  overflow: hidden;
}
.memories .timeline .avatar img{
  border-radius:100%;
  width:38px;
  height:38px
}
.memories .timeline .avatar p {
  font-size:12px
}
.memories .timeline .avatar p.circle {
  border-radius:100%;
  width:40px;
  height:39px;
  background-color:#fff;
  margin:0 auto;
  padding-top:1px;
  text-align:center
}

/* timeline */
.timeline {
  width:960px;
  margin:0 auto;
  overflow-x: hidden;
  padding:0;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 3px 2000px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAA+gCAMAAADuH51gAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAABVSURBVHja7crBCQAgEAPB6F3/NaugJfibTwbCZszuObJ3mzrU4543SboTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPjEAkJffUHofrBpAAAAAElFTkSuQmCC);
  /*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAMAAABCDMR4AAAABlBMVEX///8AAABVwtN+AAAAAXRSTlOArV5bRgAAAApJREFUeAFjwAIAABQAAWG9rL8AAAAASUVORK5CYII=);*/
}
.endcap {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAoCAMAAADqtHs8AAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAAAlSURBVHgBY2BgYGEBEiOEYmRiYWFiZACSQJqBGUQxQymoIFQJALVYAYEXJk+yAAAAAElFTkSuQmCC);
  background-size: 3px 20px;
  height: 20px;
  width: 960px;
  margin: 0 auto;
  background-repeat: repeat-y;
  background-position-x: center;
}
.memories .timeline p {
  font-size:15px
}
.leftcolumn {
  display:inline-block;width:480px;overflow-x:hidden;margin:0;padding-top:60px;vertical-align:top;float:left
}
.rightcolumn {
  display:inline-block;width:480px;margin:0;padding-top:140px;overflow-x:hidden;vertical-align:top;float:right
}
.timeline h3 {
  margin:0;font-size:24px;
  line-height: 36px;
  max-height: 108px;
  overflow: hidden;
}
.timeline .comment h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.timeline .comment_story_label {
    padding-top: 10px;
}
.timeline h4 {
  max-width:280px;margin:0 auto 10px;line-height:1.5;text-transform:uppercase;font-size:12px
}
.a,.c,.g,.t{display:inline-block;float:left;text-align:center}
.a,.c{
  min-height:200px;
}

.a{width:380px}
.t{width:80px;}
.c{width:330px}
.g{width:130px;}
.leftcolumn .a,
.leftcolumn .c {padding-right:20px;}
.rightcolumn .a,
.rightcolumn .c {padding-left:20px;}


.t, .g{
  background-repeat: repeat-x;
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAMAAADQK89MAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlOArV5bRgAAAApJREFUeAFjQAAAAAsAAbMZAwsAAAAASUVORK5CYII=);*/
  min-height: 100px;
}

.leftcolumn .t{
  background-position: left center;
  background-size: 80px 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAGCAMAAABzVGXsAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAAAmSURBVCjPY2BkYmZmYmQYvICJBQiYBrEDWQY5GPwOHPRRPNgzCQD/TQVB+AyoOgAAAABJRU5ErkJggg==);
}
.leftcolumn .g {
  background-position: left center;
  background-size: 130px 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAAGCAMAAAASaRCHAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAAAmSURBVHgB7dQBAQAACMIwxPfPLD1kHX6Ndz36zYT1G4WgmkN0jHHE9QhhLbt9KQAAAABJRU5ErkJggg==);

}
.rightcolumn .t {
  background-position: right center;
  background-size: 80px 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAGCAMAAABzVGXsAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAAAmSURBVHjazdMHDQAADITAX/41tzI4CwRxOW0sruxFg9Pg8InxkxzYzQVBPb/I4AAAAABJRU5ErkJggg==);
}
.rightcolumn .g {
  background-position: right center;
  background-size: 130px 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAAGCAMAAAASaRCHAAAAD1BMVEUAAAD///////////////+PQt5oAAAABXRSTlMABEV0gJ2z4R8AAAAnSURBVHgB7dQBAQAwCIRA9tI/8+zhXwfgtpeZPG6LK2hhyWoO0DF+hXUIYTbw/fkAAAAASUVORK5CYII=);
}

.memories .logo {
  background-position:right center;margin:10px auto 14px;width:22px;height:24px;
}

@media screen and (max-width:900px){
  .memories .timeline{width:auto;background:0 0}
  .memories .timeline .leftcolumn,
  .memories .timeline .rightcolumn{display:block;width:100%;margin:auto;padding:0;float:none}
  .memories .timeline .rightcolumn div:first-child{display:none}
  .memories .timeline .a,.memories .timeline .c,
  .memories .timeline .g,
  .memories .timeline .t{display:block;margin:0 auto;float:none;border:none}
  .memories .timeline .a,
  .memories .timeline .c{
    min-height:10px;
    padding:12px 0;
  }
  .memories .timeline .g,
  .memories .timeline .t{
    background-position:center top;
    background-repeat: repeat-y;
    background-size: 1px 10px;
    height:40px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAMAAABCDMR4AAAABlBMVEX///8AAABVwtN+AAAAAXRSTlOArV5bRgAAAApJREFUeAFjwAIAABQAAWG9rL8AAAAASUVORK5CYII=);
  }
  .endcap {
    display:none;
  }
}

.go_to_desktop .notice {
  font-size:18px;
  line-height:1.6;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 80%;
  margin: 0 auto;
  padding: 20px 5%;
}
.go_to_desktop p.mobile_login {
  margin-top:100px;
}
.go_to_desktop p.mobile_login a {
  text-decoration: underline;
}

.twitter,
.facebook {
    height: 24px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}