/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */

@font-face {
  font-family: "FontAwesome";
  src: url('../i/font-awesome/font-awesome.eot');
  src: url('../i/font-awesome/font-awesome.eot?#iefix') format('eot'), url('../i/font-awesome/font-awesome.woff') format('woff'), url('../i/font-awesome/font-awesome.ttf') format('truetype'), url('../i/font-awesome/font-awesome.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

a.user-action {
    text-align: left;
    background: #3264C8;
    color: #fff;
    font-size: 16px;
    padding: 6px 0 6px 32px;
    border-radius: 4px;
    display: inline-block;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #BBB;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    position: relative;
    margin-right: 4px;
    margin-bottom: 8px;
    width: 84px;
}
a.user-action:last-child {
    margin-right: -5px;
}
a.user-action:hover {
    background: #1C2E40;
}
a.user-action .sub {
    color: #eee;
    display: block;
    font-size: 11px;
}
a.user-action:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 19px;
    position: absolute;
    top: 6px;
    left: 8px;
}

.user-action#follow-action-btn.follow { background: #C80000; }
.user-action#follow-action-btn.follow:hover { background: #950000; }
.user-action#follow-action-btn.follow:before { content: "\f096"; }
.user-action#follow-action-btn.follow:hover:before { content: "\f046"; }

.user-action#follow-action-btn.unfollow { background: #008000; }
.user-action#follow-action-btn.unfollow:hover { background: #005e00; }
.user-action#follow-action-btn.unfollow:before { content: "\f046"; }
.user-action#follow-action-btn.unfollow:hover:before { content: "\f096"; }

.user-action#follow-action-btn.saving:before { content: "\f021"; }
.user-action#follow-action-btn.saving:hover:before { content: "\f021"; }

#follow-action-btn.follow .unfollow { display: none; }
#follow-action-btn.unfollow .follow { display: none; }

.user-action#post-action-btn:before { content: "\f040"; }
.user-action#post-action-btn.open { background: #1C2E40; }

.user-action#blog-action-btn:before { content: "\f016"; }
.user-action#blog-action-btn { margin-right: -5px; min-width: 51px; }

.user-action#message-action-btn:before { content: "\f003"; }
.user-action#edit-profile-action-btn:before { content: "\f007"; }
.user-action.edit-profile-action-btn:before { content: "\f007"; }
.user-action#sell-action-btn:before { content: "\f07a"; }

.user-action#upload-photo-action-btn:before { content: "\f030"; }
.user-action.upload-photo-action-btn:before { content: "\f030"; }
.user-action#upload-video-action-btn:before { content: "\f008"; }
.user-action.upload-video-action-btn:before { content: "\f008"; }