body {
    background:#222;
    overflow:hidden;
    font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

a img { border:0; }

#caption-measure {
    position:absolute;
    visibility:hidden;
}
#caption-measure span {
    line-height:110%;
}

#header-hover-proxy {
    opacity:0;
    z-index:501;
}

#header-cnt, #header-hover-proxy {
    position:fixed;
    height:54px;
    top:0;
    right:0;
    left:0;
}

#header-cnt, #profile {
    -moz-transition-property: top, opacity, margin-left;
    -webkit-transition-property: top, opacity, margin-left;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}

#header-cnt {
    z-index:500;
    background:url(posts/bg-header-x.png) repeat-x;
    box-shadow:0 5px 20px #000;
}

#profile {
    margin:7px 10px;
}

#profile a {
    text-decoration:none;
}

.mode-detail #profile {
    margin-left:50px;
}

#glow {
/*    display:none;*/
    position:absolute;
    left:0;
    right:0;
    top:42px;
    height:17px;
    opacity:0;
    background:url(posts/glow.png) center no-repeat;
}

#header-cnt.profile-available #glow {
    opacity:1;
}

#avatar {
    box-shadow:0 0 5px #000;
    margin-right:10px;
    vertical-align:middle;
    float:left;
}

#username {
    display:block;
    line-height:32px;
    float:left;
    color:#fff;
    font-size:28px;
    margin-right:30px;
}

#profile-link {
    float:left;
}

#reposts-lbl {
    display:none;
    color:#555;
    font-size:12px;
    text-shadow:0px -1px 1px #000;
    text-transform:uppercase;
    float:left;
    line-height:37px;
}
#reposts-lbl input {
    margin-left:5px;
}

body.mode-grid #header-cnt.profile-available #reposts-lbl {
    display:block;
}

#appstore-link {
    position:absolute;
    top:8px;
    right:150px;
}

#logo-link {
    position:absolute;
    top:0px;
    right:10px;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
}

#header-cnt.collapsed {
    top:-48px;
}

#header-cnt.collapsed #logo-link {
    opacity:0;
}

#status {
    opacity:0;
    display:none;
    overflow:hidden;
    width:450px;
    height:600px;
    position:relative;
    left:-225px;
    margin:-20px 0 0 50%;
    z-index:200;
    box-shadow:0 0 30px #111;
}

#status.encourage {
    background:url(dark/encourage.jpg);
    display:block;
}

#status.error {
    background:url(dark/error.png);
    display:block;
}

#encourage-content {
    display:none;
    margin:450px 65px 0 65px;
    line-height:180%;
}

.encourage #encourage-content {
    display:block;
}

#encourage-content a {
    color:#6c0;
}

#encourage-info {
    color:#6c0;
    font-size:24px;
}

#encourage-rapid {
    color:#fff;
    font-size:15px;
}

div.window-cnt {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-y:scroll;
    overflow-x:hidden;
}

#transition-cnt {
    overflow-y:visible;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
}

#transition-cnt > div {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}

#transition-cnt img.repost-flag {
    display:none;
}

#transition-cnt img {
    opacity:1;
}

#grid-cnt       { z-index:100; }
#detail-cnt     { z-index:200; }
#transition-cnt { z-index:300; }
/* HUD          { z-index:400+; } */

#grid-cnt {
/*    top:54px;
    left:10px;
    right:52%;
    bottom:10px;*/
    background:#222;
}

#detail-cnt {
    background:#333;
    top:54px;
}

body.fx-detailBackgroundTransparency #detail-cnt {
    background:rgba(40,40,40,.9);
}

#go-away {
    position:absolute;
    top:12px;
    left:10px;
    height:29px;
    width:28px;
    background:url(dark/icons/close.png);
    z-index:600;
}

.hidden {
    visibility:hidden;
}

div.shield {
    overflow-y:scroll;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    background:#222;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}

img.repost-flag {
    position:absolute;
    top:0;
    left:0;
}



/*div.animproxy, div.animproxy img {
    -moz-transition-property: all, -moz-transform;
    -webkit-transition-property: all, -webkit-transform;    
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}*/

div.no-anim {
    -moz-transition-property: none !important;
    -webkit-transition-property: none !important;
}

/* ---------- GRID ---------- */

div.grid-cnt {
    overflow:visible;
    position:absolute;
}

div.grid-cell {
    position:absolute;
    background:#444;
    overflow:hidden;
    box-shadow:none;
}

body.fx-gridCellAnimation div.grid-cell, body.fx-gridCellAnimation div.grid-cell img.grid-thumb {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}

/*div.animproxy, div.animproxy img {
    -moz-transition-property: all, -moz-transform;
    -webkit-transition-property: all, -webkit-transform;    
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
}*/

div.grid-cell:hover, div.animproxy {
    box-shadow:0 0 20px #000;
}

body.fx-gridCellScale div.grid-cell:hover {
    -moz-transform:scale(1.1);
    -webkit-transform:scale3d(1.1, 1.1, 1);
}

div.grid-cell img.grid-thumb {
    position:absolute;
    z-index:100;
}

body.fx-gridCellOpacity div.grid-cell img.grid-thumb {
    opacity:0.85;
}

div.grid-cell img.repost-flag {
    z-index:300;
}

body.fx-gridCellOpacity div.grid-cell:hover img, div.animproxy img {
    opacity:1;
}

div.grid-cell:hover {
/*    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);*/
/*    box-shadow:0px 0px 20px #000;*/
    z-index:500;
}

/* ---------- DETAIL ---------- */

div.detail-cnt {
    position:relative;
    z-index:300;
}

div.detail-item {
    position:absolute;
    overflow:visible;
    z-index:100;
}

#transition-cnt div.detail-item {
    overflow:hidden;
}

div.detail-item img.detail-img {
    position:absolute;
    background:transparent;
    box-shadow:0 0 20px #000;
    z-index:100;
}

div.detail-attachment-hover {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    z-index:200;
}

div.detail-item.attached div.detail-attachment-hover {
    opacity:1;
}

/* ############################################ */

.detail-widget-cnt {
    position:absolute;
    top:0;
    right:0;
    width:inherit;
    height:inherit;
    z-index:301;
}

.detail-widget {
    width:60px;
    height:50px;
    margin-bottom:5px;
    background-repeat:no-repeat;
    background-position:center center;
/*    background-color:rgba(255,0,0,.2);*/
}

.detail-widget.active {
}

.dttm-widget            {background-image:url(posts/icn-widget-dttm.png);}
.location-widget        {background-image:url(posts/icn-widget-location.png);}
.likes-widget           {background-image:url(posts/icn-widget-likes.png);}
.dislikes-widget        {background-image:url(posts/icn-widget-dislikes.png);}
.reposts-widget         {background-image:url(posts/icn-widget-reposts.png);}
.facebook-widget        {background-image:url(posts/icn-widget-facebook.png);}
                       
.dttm-widget.active     {background-image:url(posts/icn-widget-dttm-active.png);}
.location-widget.active {background-image:url(posts/icn-widget-location-active.png);}
/*.likes-widget.active    {background-image:url(http://www.tadaa.net/static/posts/icn-widget-likes-active.png);}
.dislikes-widget.active {background-image:url(http://www.tadaa.net/static/posts/icn-widget-dislikes-active.png);}
.reposts-widget.active  {background-image:url(http://www.tadaa.net/static/posts/icn-widget-reposts-active.png);}*/
.facebook-widget.active {background-image:url(posts/icn-widget-facebook-active.png);}

.dttm-toggle .dttm-label {
    cursor:pointer;
}

.detail-widget-content {
    background:rgba(0,0,0,.8);
    color:#eee;
    position:absolute;
    right:0;
    padding-right:60px;
    min-height:50px;
    z-index:300;
}

.no-rgba .detail-widget-content {
    background:#000;
}

.widget-label {
    line-height:50px;
    font-weight:bold;
    font-size:20px;
    padding:0 0 0 20px;
    text-align:right;
}

.detail-widget-icon {
}

.location-widget-content, .location-widget {
    cursor:pointer;
}

.active-locaton-icon {
    position:absolute;
    top:0;
    right:0;
    width:60px;
    height:50px;
    background:url(posts/icn-widget-location-active.png) center center no-repeat;
    visibility:hidden;
}

.location-widget-content.expanded {
    z-index:400;
}

.location-widget-content.expanded .active-locaton-icon {
    visibility:visible;
}

.fb-like-wrapper {
    padding:15px 0 0 20px;
}

.likes-widget, .dislikes-widget, .reposts-widget {
    padding-top:29px;
    height:40px;
    background-position:center 10px;
    text-align:center;
}

.reaction-count-label {
    display:inline;
    padding:1px 8px;
    background-color:#aaa;
    color:#000;
    font-size:13px;
    font-weight:bold;
    border-radius:10px;
    text-shadow:0px 1px 0px #eee;
}

/* ############################################ */

div#detail-meta-cnt {
    position:absolute;
    opacity:0;
    width:60px;
    z-index:500;
/*    background:rgba(0,50,0,.3);*/
}

div#detail-meta-cnt.attached {
    opacity:1;
}

div#detail-metastats-cnt {
    width:60px;
    z-index:100;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
}

div#detail-meta-cnt.location div#detail-metastats-cnt {
    top:50px;
}

#meta-location-cnt {
    display:none;
    height:50px;
    z-index:200;
    width:inherit;
    overflow:hidden;
    position:relative;
    text-align:right;
    background:url(posts/icn-venue.png) top right no-repeat;
}

.attached #meta-location-cnt {
    cursor:pointer;
}

.expanded #meta-location-cnt {
    background-color:rgba(0,0,0,0.8);
}

#meta-map {
    position:absolute;
/*    display:none;*/
    left:5px;
    bottom:5px;
    right:5px;
    top:55px;
    margin:0;
}

.map-visible #meta-map {
/*    display:block;*/
}

#meta-venuelabel {
    /* takes care of weird webkit font rendering */
    -webkit-transform:translateZ(0px);
    width:600px;
    float:right;
    opacity:0;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    padding:15px 70px 15px 0px;
}

#detail-meta-cnt.expanded #meta-venuelabel {
/*    display:block;*/
    opacity:1;
}

div#detail-metastats-cnt img {
    display:block;
    margin:0px auto 20px;
}

div#detail-metastats-cnt .reaction {
    display:none;
    margin:12px 0;
    padding-left:26px;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    line-height:18px;
    background-repeat:no-repeat;
    background-position:7px center;
}

div#detail-metastats-cnt.attached {
    opacity:1;
}

div#detail-meta-cnt.likes div.likes        { background-image:url(posts/icn-likes.png); }
div#detail-meta-cnt.dislikes div.dislikes  { background-image:url(posts/icn-dislikes.png); }
div#detail-meta-cnt.reposts div.reposts    { background-image:url(posts/icn-reposts.png); }

div#detail-meta-cnt.likes div.likes             { display:block; }
div#detail-meta-cnt.dislikes div.dislikes       { display:block; }
div#detail-meta-cnt.reposts div.reposts         { display:block; }
div#detail-meta-cnt.location #meta-location-cnt { display:block; }



div.detail-item img.repost-flag {
    z-index:300;
}

div.detail-attachment-hover, div#detail-metastats-cnt, div#detail-metaexp-cnt, #map-toggle, div#detail-meta-cnt, #meta-venuelabel {
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
}

#meta-location-cnt {
    -moz-transition-property: opacity, background-color;
    -webkit-transition-property: opacity, background-color;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
}

/*div#detail-meta-cnt {
    -moz-transition-property: opacity, width;
    -webkit-transition-property: opacity, width;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
}*/

div.detail-caption {
    position:absolute;
    bottom:0;
    left:0;
    right:60px;
    padding:40px;
    font-size:36px;
    line-height:110%;
    color:#fff;
    text-shadow:0px 0px 5px #000;
}

.emojiSize18  img {width:18px; height:18px;}
.emojiSize24  img {width:24px; height:24px;}
.emojiSize30  img {width:30px; height:30px;}
.emojiSize36  img {width:36px; height:36px;}
.emojiSize42  img {width:42px; height:42px;}
.emojiSize48  img {width:48px; height:48px;}
.emojiSize54  img {width:54px; height:54px;}
.emojiSize60  img {width:60px; height:60px;}
.emojiSize66  img {width:66px; height:66px;}
.emojiSize72  img {width:72px; height:72px;}
.emojiSize78  img {width:78px; height:78px;}
.emojiSize84  img {width:84px; height:84px;}
.emojiSize90  img {width:90px; height:90px;}
.emojiSize96  img {width:96px; height:96px;}
.emojiSize102 img {width:102px;height:102px;}
.emojiSize108 img {width:108px;height:108px;}
.emojiSize114 img {width:114px;height:114px;}
.emojiSize120 img {width:120px;height:120px;}
.emojiSize126 img {width:126px;height:126px;}
.emojiSize132 img {width:132px;height:132px;}
.emojiSize138 img {width:138px;height:138px;}
.emojiSize144 img {width:144px;height:144px;}

.repost-info {
    position:absolute;
    display:block;
    left:0;
    line-height:16px;
    height:35px;
    padding:2px 39px;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    background:url(posts/bg-repost-exp.png) right no-repeat;
    text-decoration:none;
    z-index:299;
}

/* -------------------------- */