path: root/public/lifestream.css

@import url(reset.css);

/* Default Styles ---------------------------------------------------------------------------------- */

body {
    font-family: "Helvetica Neue", Arial, Verdana;
    font-size: 62.5%;
    background: #ccccc0;
    background: #222;
    
}
a:link,
a:visited,
a:hover,
a:active {
    color: #069;
}
h2,
h3 {
    font-size: 11px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    clear: both;
    font-size: 13px;
    font-style: italic;
    color: #444;
    padding: 8px 10px 7px;
    border-top: 1px solid #ccc;
    border-bottom: 1px dotted #ddd;
}
h1 {
    font-size: 24px;
    margin: 0 0 15px 0;
    padding: 0;
    border: none;
    color: #000;
    font-style: normal;
    font-weight: normal;
    font-family: "Helvetica Neue", Arial, Verdana;
    clear: none;
}
.ti,
.ta,
.pw {
    background: #fff;
    border: 1px solid #ccc;
    border-color-top: #aaa;
    border-color-left: #aaa;
    padding: 2px;
    font-family: "Helvetica Neue", Arial, Verdana;
}
p {
    margin: 0 0 10px;
}
.default-value,
.tip,
.hint { color: #aaa; }

.right {
    float: right;
}

/* Userpics ---------------------------------------------------------------------------------- */

.userpic {
    position: relative;
}

/* Layout ---------------------------------------------------------------------------------- */

#container {
    border-top: 5px solid #111;
}
#content {
    background: #fff;
    width: 980px;
    margin: 0 auto;
    font-size: 1.2em;
}
#content-inner {
    padding: 30px 20px 25px;
    width: 940px;
    margin: 0 auto;
}
#alpha,
#beta {
    float: left;
}
#alpha {
    width: 620px;
    margin-right: 20px;
}
#beta {
    width: 300px;
}
#footer {
    color: #ccc;
    font-size: 1.1em;
}

/* Header ---------------------------------------------------------------------------------- */

#header {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #333;
}
#header-inner {
    position: relative;    
    width: 940px;
    margin: 0 auto;
    padding: 18px 20px;
}
#header #header-name {
    font-size: 28px;
    margin: 0;
    font-weight: normal;
    text-transform: lowercase;
}
#header #header-name a {
    text-decoration: none;
    display: block;
    background: url(../images/motion-logo.gif) no-repeat 0 50%;
    padding: 14px 0 16px 70px;
    line-height: 32px;
}
#header #header-description {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px 0;
    display: none;
}


/* Authentication ---------------------------------------------------------------------------------- */

#header .widget-sign-in {
    position: absolute;
    right: 20px;
    top: 6px;
    font-size: 12px;
}
#header .widget-sign-in h3 {
    display: none;
}
.widget-sign-in {
    color: #999;
}
.widget-sign-in a {
    color: #bbb;
}


/* Navigation ---------------------------------------------------------------------------------- */

#nav {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #111;
}
#nav-inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
}
#nav-inner ul {
    padding: 0 20px;
}
#nav li {
    float: left;
    line-height: 15px;
    margin: 0;
    padding: 0;
}
#nav li a {
    display: block;
    margin: 0;
    padding: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    font-weight: bold;
    color: #777;
}
#nav li.current a {
    background: url(../images/nav-current.gif) no-repeat 50% bottom;
}


/* Search ---------------------------------------------------------------------------------- */

#nav .widget-search {
    position: absolute;
    top: 0;
    right: 20px;
    width: 300px;
    text-align: right;
}
#nav .widget-header {
    display: none;
}
#nav .widget-content {
    padding-top: 6px;
}
#nav .widget-search .search-query {
    font-size: 12px;
    color: #fff;
    margin-right: 2px;
    border: none;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    padding: 3px;
    width: 180px;
    vertical-align: middle;
}
#nav .widget-search .search-submit {
    vertical-align: middle;
}


/* Footer ---------------------------------------------------------------------------------- */

#footer-inner {
    width: 940px;
    margin: 0 auto;
    padding: 20px 0;
}
#footer a {
/*    color: #fff;*/
}
#footer .widget {
    float: left;
    width: 300px;
    margin-right: 20px;
    font-size: 12px;
    color: #999;
    line-height: 1.4;
}
#footer .widget h3 {
    display: none;
}
#footer .widget-powered {
    margin-right: 0;
}


/* Main Index ---------------------------------------------------------------------------------- */

#authenticate {
    display: none;
    background: #F1F7FB;
    margin-bottom: 15px;
    position: relative;
    padding: 15px;
    font-size: 20px;
    text-align: center;
}
#authenticate a {
    text-decoration: none;
}
#authenticate a:hover {
    text-decoration: underline;
}
#authenticate .signin-link {
    font-size: 12px;
    color: #777;
}

#compose {
    display: none;
    background: #F1F7FB url(../images/compose-content-bg.gif) no-repeat 0 bottom;
    margin-bottom: 25px;
    position: relative;
}
#compose h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    line-height: 16px;
    background: #D9E8F0 url(../images/compose-header-bg.gif) no-repeat 0 0;
    padding: 10px 15px;
    border: none;
    margin: 0 0 10px;
    color: #111;
    border-bottom: 1px solid #C3DBE7;
}
#compose-content {
    padding: 10px 15px;
}
#compose-userpic {
    border: 1px solid #ccc;
    padding: 2px;
    width: 60px;
    background: #fff;
    float: left;
    margin-right: 10px;
    position: relative;
}
#compose-userpic span {
    position: absolute;
    display: block;
    width: 50px;
    left: 5px;
    top: 20px;
    text-align: center;
}
#homepage-compose {
    float: left;
    width: 512px;
}
#entry-fields div {
    margin-bottom: 10px;
    font-size: 13px;
    color: #aaa;
}
#entry-fields-optional {
    display: none;
}
#homepage-compose .submit-wrapper {
    margin-top: 10px;
}
#homepage-compose .submit-wrapper input {
    font-size: 13px;
}
#homepage-compose .more-options {
    float: right;
    display: block;
    font-size: 11px;
    line-height: 22px;
    text-decoration: none;
}
#homepage-compose .ti,
#homepage-compose .ta {
    width: 506px;
    font-size: 13px;
    border: none;
    border-left: 1px solid #C3DBE7;
    border-top: 1px solid #C3DBE7;
}
#homepage-compose label {
}
#homepage-compose #field-title input {
    font-size: 20px;
}
#entry-types {
    position: absolute;
    top: 4px;
    right: 20px;
    float: right;
}
#entry-types li {
    float: left;
    width: 29px;
    height: 29px;
}
#entry-types li.active {
    background: url(../images/compose-on.gif) no-repeat 50% bottom;
}
#entry-types li a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(../images/icons/page_white_text.png) no-repeat 0 0;
    margin: 6px auto 0;
}
#entry-types li#entry-photo a {
    background-image: url(../images/icons/picture.png);
}
#entry-types li#entry-link a {
    background-image: url(../images/icons/link.png);
}
#entry-types li#entry-embed a {
    background-image: url(../images/icons/film.png);
}
#entry-types li#entry-audio a {
    background-image: url(../images/icons/sound.png);
}
.content-nav {
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
}
#response-handler {
    display: none;
}
#spinner,
#spinner-status {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../images/spinner.gif) no-repeat center center;
}
#spinner {
    filter:alpha(opacity=5);
    -moz-opacity:.5;
    opacity:.5;
    background: #fff;
}


/* Entry Listing ---------------------------------------------------------------------------------- */

#alpha .userpic {
    margin-right: 4px;
}
#alpha .userpic .userpic-link {
    border: 1px solid #ccc;
    padding: 2px;
    display: block;
    float: left;
}


/* Actions Listing ---------------------------------------------------------------------------------- */

.service-icon { background-repeat: no-repeat; }
.icon-entry { background-image: url(../images/icons/page_white_text.png); }
.icon-link { background-image: url(../images/icons/link.png); }
.icon-audio { background-image: url(../images/icons/sound.png); }
.icon-video { background-image: url(../images/icons/film.png); }
.icon-embed { background-image: url(../images/icons/film.png); }
.icon-photo { background-image: url(../images/icons/picture.png); }
.icon-comment { background-image: url(../images/icons/comment.png); }
.icon-follow { background-image: url(../images/icons/group.png); }
.icon-favorite { background-image: url(../images/icons/heart.png); }

.icon-service-delicious { background-image: url(images/services/delicious.png); }
.icon-service-flickr { background-image: url(images/services/flickr.png); }
.icon-service-googlereader { background-image: url(images/services/googlereader.png); }
.icon-service-gtalk { background-image: url(images/services/gtalk.png); }
.icon-service-identica { background-image: url(images/services/identica.png); }
.icon-service-lastfm { background-image: url(images/services/lastfm.png); }
.icon-service-myblog { background-image: url(images/services/myblog.gif); }
.icon-service-github { background-image: url(images/services/github.png); }

.actions ul {
    margin-bottom: 15px;
}


.asset,
.action {
    padding-bottom: 25px;
    border-bottom: 4px solid #f6f6f6;
    background-repeat: no-repeat;
    position: relative;
}
.action {
    background-repeat: no-repeat;
    padding: 8px 10px 7px 35px;
    margin: 0;
    font-size: 11px;
    color: #222;
    border-top: 1px solid #bbb;
    background-repeat: no-repeat;
    background-position: 10px 5px;
}
.action a {
    color: #069;
}


.date {
    display: none;
}
.hover .date,
.noscript .date {
    display: inline;
}

.action .date {
    padding-left: 10px;
}

.asset-meta {
    font-size: 11px;
    color: #aaa;
    padding: 0 0 0 25px;
    border-top: 1px solid #bbb;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
}

.hover,
.noscript .asset-meta,
.hover .asset-meta,
.mt-entry-archive .asset-meta,
.user-profile .asset-meta {
    color: #555;
}
.icon-comment .asset-meta {
    padding: 8px 10px 7px 32px;
}
.icon-link .asset-meta {
    background-image: url(../images/icons/link.png);
}
.icon-embed .asset-meta {
    background-image: url(../images/icons/film.png);
}
.icon-video .asset-meta {
    background-image: url(../images/icons/film.png);
}
.icon-link a.link-arrow {
    text-decoration: none;
}
.icon-link a.link-arrow:hover {
    text-decoration: underline;
}
.asset .asset-meta .separator {
    display: none;
}
.asset .asset-meta .byline,
.asset .asset-meta .favorite-action,
.asset .asset-meta .trackback-count,
.asset .asset-meta .comment-count {
    padding: 8px 10px 7px;
}

.asset .asset-meta .byline {
    display: block;
    float: left;
}
.noscript .favorite-action {
    display: none !important;
}

.asset .asset-meta .comment-count,
.asset .asset-meta .trackback-count,
.asset .asset-meta .favorite-action {
    display: block;
    float: right;
    padding-left: 32px;
    border-left: 1px dotted #ddd;
    visibility: hidden;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-decoration: none;
    font-weight: bold;
}
.asset .asset-meta .comment-count {
    background-image: url(../images/icons/comments.png);
}
.asset .asset-meta .trackback-count {
    background-image: url(../images/icons/trackbacks.png);
}
.asset-meta .comment-count span,
.asset-meta .trackback-count span {
    display: none;
}
.mt-entry-archive .asset-meta .comment-count,
.mt-entry-archive .asset-meta .trackback-count,
.mt-entry-archive .asset-meta .favorite-action,
.user-profile .asset-meta .comment-count,
.user-profile .asset-meta .trackback-count,
.user-profile .asset-meta .favorite-action,
.hover .asset-meta .comment-count,
.hover .asset-meta .trackback-count,
.hover .asset-meta .favorite-action {
    visibility: visible;
}
.asset .asset-meta .favorite-action {
    overflow: hidden;
    text-align: center;
    background: url(../images/icons/star-gray.png) no-repeat 50% 50%;
    width: 16px;
    padding: 8px 10px 7px 10px;
}
.asset .asset-meta .favorite-action:hover,
.asset .asset-meta .scored {
    background-image: url(../images/icons/star.png);
    cursor: hand; /* HACK - ie */
    cursor: pointer;
}
.asset-meta a {
    color: #aaa;
}
.hover a,
.noscript .asset-meta a,
.hover .asset-meta a,
.mt-entry-archive .asset-meta a,
.user-profile .asset-meta a {
    color: #069;
}
.asset .asset-meta a:hover {
    color: #069;
}
.asset .userpic {
    float: left;
    margin-left: 35px;
}
.asset .asset-content {
    margin: 5px 35px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #222;
}
.asset .asset-content .photo,
.asset .asset-content .video,
.asset .asset-content .embed,
.asset .asset-content object {
    margin-bottom: 10px;
}
.asset .asset-content p {
    margin-bottom: 10px;
}
#alpha .asset h1,
#alpha .asset h2 {
    font-size: 16px;
    margin: 0 0 5px 0;
    font-style: normal;
    clear: none;
    border: none;
    padding: 0;
    font-family: "Helvetica Neue", Arial, Verdana;
    line-height: 1.2;
    text-transform: none;
    background: none;
}
.asset h2 a {
    text-decoration: none;
}
.asset .asset-content {
    margin-left: 96px;
}
#alpha .asset h1 a,
#alpha .asset h2 a {
    color: #222;
}
#alpha .asset h1 a:hover,
#alpha .asset h2 a:hover {
    color: #069;
}

/* textpost */

#alpha .asset h1,
#alpha .asset h2 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: normal;
}

/* linkpost */

#alpha .icon-link h2 {
    margin-bottom: 2px;
}
#alpha .icon-link h1 a,
#alpha .icon-link h2 a {
    color: #069;
    font-weight: bold;
    padding-right: 15px;
    background: url(../images/icons/external_link.gif) no-repeat right 40%;
}


.user-profile .asset .asset-content,
.user-profile #alpha .asset h1,
.user-profile #alpha .asset h2 {
    margin-left: 35px;
}
.user-profile .asset .userpic {
    display: none;
}

.comment .asset-content {
    background: url(../images/comment-bg.gif) no-repeat 0 6px;
    margin-left: 89px;
}
.comment .asset-content .asset-body {
   background: #f4f4f4;
   border-bottom: 1px solid #ccc;
   margin-left: 7px;
   padding: 10px 15px;
}
.asset-content .link a {
    text-decoration: none;
    padding: 2px 6px 2px 24px;
    background: #F1F7FB url(../images/icons/external_link.gif) no-repeat 6px 50%;
    border: 1px solid #D9E8F0;
}
.asset-content .link a:hover {
    background: #ffd url(../images/icons/external_link.gif) no-repeat 6px 50%;
    border: 1px solid #fc3;
}
.most-recent-comment {
    background: url(../images/recent-comment-bg.gif) no-repeat 0 0;
    margin-top: 10px;
    padding: 13px 5px 7px;
    line-height: 24px;
    font-size: 12px;
    font-style: italic;
    border-bottom: 1px solid #ddd;
}
.most-recent-comment a {
    color: #777;
    text-decoration: none;
}
.most-recent-comment a:hover {
    color: #069;
    text-decoration: underline;
}
.most-recent-comment .userpic,
#alpha .most-recent-comment .userpic .userpic-link {
    border: none;
    margin: 0 5px 0 0;
    padding: 0;
}



/* Pages ---------------------------------------------------------------------------------- */

.page-asset .asset-content {
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Sidebar ---------------------------------------------------------------------------------- */

#beta .widget {
    margin-bottom: 20px;
    clear: left;
}
#beta .widget .widget-content {
    margin: 0 10px;
}
#beta h2,
#beta h3 {
    margin-bottom: 10px;
}


ul.entry-sidebar-listing li {
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
    background-position: 0 1px;
    background-repeat: no-repeat;
}
ul.entry-sidebar-listing li a {
    text-decoration: none;
}
ul.entry-sidebar-listing li span.meta {
    font-size: 11px;
    color: #777;
}
ul.entry-sidebar-listing li span.meta a {
    color: #777;
    text-decoration: underline;
}
ul.entry-sidebar-listing li span.meta a:hover {
    color: #069;
}


.widget-gallery .widget-content h3 {
    display: none;
}


.widget-recent-comments .widget-content {
    line-height: 1.4;
}
.widget-recent-comments li {
    margin-bottom: 15px;
}
.widget-recent-comments li .comment-attribution {
    font-size: 11px;
    margin: 4px 0 0 25px;
    color: #777;
}

.widget-members ul.userlist-small li {
    float: left;
    position: relative;
    margin: 0 3px 3px;
    padding: 0;
    height: 24px;
}
.widget-members ul.userlist-small li a {
    margin: 0; padding: 0;
}

.widget-elsewhere .service-icon {
    padding: 3px 0 7px 20px;
}
.widget-elsewhere a {
    text-decoration: none;
}

#beta .archives ul,
#beta .archives p {
    margin-left: 10px;
    margin-right: 10px;
}
#beta .archives li {
    list-style: disc;
    margin-left: 20px;
    padding: 0 0 2px;
}

.widget-gallery {
    position: relative;
}
#gall-prev,
#gall-next {
    position: absolute;
    top: 90px;
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: #069;
    text-indent: -9999px;
    background: url(../images/gallery-nav.gif) no-repeat 0 0;
}
#gall-prev {
    left: 5px;
    background: url(../images/gallery-nav.gif) no-repeat 0 -36px;
}
#gall-next {
    right: 5px;
    background: url(../images/gallery-nav.gif) no-repeat -36px -36px;
}
#gall-prev:hover {
    background-position: 0 -72px;
}
#gall-next:hover {
    background-position: -36px -72px;
}
#gall-prev.disabled {
    background-position: 0 0;
    cursor: default;
}
#gall-next.disabled {
    background-position: 0 0;
    cursor: default;
}
#beta .widget-gallery .widget-content {
    height: 120px;
    overflow: hidden;
    position: relative;
    margin-left: 30px;
    width: 240px;
}
#photo-gallery {
    width: 1100px;
    position: absolute;
    left: 0px;
}
#photo-gallery li {
    float: left;
    margin: 5px;
    width: 110px;
}
.widget-tag-cloud .widget-content ul {
    margin-right: 0;
    margin-left: 0;
}

.widget-tag-cloud .widget-content li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

/* Archives ---------------------------------------------------------------------------------- */

.action-listing {
    margin: 0 0 15px 0;
}
.action-listing li {
    /*border-bottom: 1px dotted #ddd;*/
    clear: left;
    position: relative;
    padding: 0 0 6px 10px;
    /*line-height: 18px;*/
    background-repeat: no-repeat;
    /*background-position: 5px 8px;*/
}
#alpha .action-listing li .userpic {
    position: absolute;
    left: 0;
    top: 2px;
}
#alpha .action-listing li .userpic .userpic-link {
    border: none;
    margin-top: 3px;
    padding: 0;
}
.action-listing li a {
    text-decoration: none;
}
.action-listing li span {
    display: block;
    float: left;
    color: #222;
}
.action-listing li span.action-listing-date {
    /*width: 80px;*/
    margin-right: 32px;
    margin-left: 32px;
    font-size: 10px;
    font-weight: bold;
}
.action-listing li span.action-listing-title {
    width: 468px;
    display: block;
    font-size: 15px;
    margin-left: 32px;
}
.action-listing li span.action-listing-comments {
    width: 30px;
    display: block;
    font-size: 13px;
    text-align: right;
}


/* Comments ---------------------------------------------------------------------------------- */

.trackbacks,
.comments, 
#comments-list {
    clear: left;
    margin-bottom: 25px;
}
.comment {
    clear: both;
    margin: 0 35px 25px;
}
.comment-last {
    border-bottom: none;
    margin-bottom: 0;
}
.comment-content {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0px;
    padding: 0;
}
.comment-footer,
.comment-content {
    margin-left: 54px;
}
.comment-content {
    background: url(../images/comment-bg.gif) no-repeat 0 6px;
}
.comment-content-inner {
    padding: 10px 15px;
    margin-left: 7px;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
}
.comment-footer {
    padding: 5px 0 0 22px;
    line-height: 1.5;
}
.comment-by-author .comment-content {
    background-image: url(../images/comment-bg-author.gif);
}
.comment-by-author .comment-content-inner {
    background: #F1F7FB;
    border-bottom: 1px solid #D9E8F0;
}
.comment-highlight .comment-content {
    background-image: url(../images/comment-bg-new.gif);
}
.comment-highlight .comment-content-inner {
    background: #ffd;
    border-bottom: 1px solid #D9D9BC;
}

.comments-open-header,
.comments-header,
.trackbacks-header {
    margin-bottom: 15px;
}
.comment .userpic {
    float: left;
    position: relative;
}
.comment .userpic .auth-icon {
    position: absolute;
    top: 32px;
    left: 32px;
}
.comment .asset-meta {
    color: #777;
    font-size: 11px;
    border: none;
    padding: 0;
}
.comment .asset-meta img {
    display: none; /* hide the sign-in icon */
}


/* Comment Form ---------------------------------------------------------------------------------- */

.comments-open-content {
/*    margin: 0 35px;*/
}
#comment-greeting,
#comments-form {
    margin-bottom: 10px;
    margin-left: 97px;
}
#comment-preview-comment {
    display: none;
    margin-top: 30px;
}
#comments-form div {
    margin-bottom: 5px;
}
#comments-form input.ti,
#comments-form textarea {
    width: 250px;
    font-size: 13px;
    color: #000;
    background: #fff;
}
#comments-form input.default-value  ,
#comments-form textarea.default-value {
    background: #f6f6f6;
    color: #aaa;
}
#comments-form textarea {
    width: 350px;
    height: 200px;
    margin-bottom: 5px;
}
#comment-form-remember-me,
#comment-form-reply,
#comments-open-footer {
    
}
#comment-form-remember-me label,
#comment-form-reply label {
    float: none;
    width: auto;
    text-align: left;
    display: inline;
}

/* Members ---------------------------------------------------------------------------------- */

.member-list .even {
    margin-left: 20px;
}
.member-listitem {
    float: left;
    width: 278px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    margin: 0 0 15px;
    padding: 10px;
}
.member-listitem .member-info {
    margin-left: 55px;
}
.member-listitem .member-info h4 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: normal;
}

/* Profile ---------------------------------------------------------------------------------- */

.user-profile .profile-header .userpic {
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
}
.user-profile .profile-header,
.user-profile .recent-entry,
.user-profile .actions,
.user-profile .comment-threads {
     margin-bottom: 25px;
}
.profile-header-content {
    margin-left: 125px;
}
.user-profile .recent-entry .asset {
    margin-bottom: 10px;
}
.comment-threads li {
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding:8px 0 6px 24px;
    margin: 0 10px 10px;
    border-bottom: 1px dotted #ddd;
}
.comment-threads .excerpt {
    padding: 6px 0 0;
}


/* Sign in ---------------------------------------------------------------------------------- */

.signin #alpha {
    width: inherit;
    float: none;
    margin: 0;
}
#auth-options {
    float: left;
    width: 200px;
    border-right: 3px solid #D9E8F0;
}
#auth-options a {
    text-decoration: none;
    display: block;
}
#auth-options img {
    vertical-align: middle;
}
#auth-forms {
    float: left;
    position: relative;
    left: -3px;
    border-left: 3px solid #D9E8F0;
    width: 500px;
    padding: 10px;
}
#auth-options .selected {
    background: #D9E8F0;
}
#signin_with_OpenID img.right {
    float: none;
    position: absolute;
    left: 255px;
}
.actions-bar {
    margin-bottom: 20px;
}


/* Utility ---------------------------------------------------------------------------------- */

.default-value { color: #aaa; }

.pkg:after,
#footer-inner:after,
#content-inner:after,
#compose-inner:after,
.widget:after,
#nav ul:after,
.comment:after,
.member-listitem:after,
.asset .asset-meta:after,
.actions ul li:after,
.actions ul li .asset-meta:after,
.action-listing li:after,
.profile-header:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg,
#footer-inner,
#content-inner,
#compose-inner,
.widget,
#nav ul,
.comment,
.member-listitem,
.asset .asset-meta,
.actions ul li,
.actions ul li .asset-meta,
.action-listing li,
.profile-header {
    display: inline-block;
}
/* no ie mac \*/
* html .pkg,
* html #footer-inner,
* html #content-inner,
* html #compose-inner,
* html .widget,
* html #nav ul,
* html .comment,
* html .member-listitem,
* html .entry-asset .asset-meta,
* html .actions ul li
* html .actions ul li .asset-meta
* html .action-listing li,
* html .profile-header {
    height: 1%;
}
.pkg,
#footer-inner,
#content-inner,
#compose-inner,
.widget,
#nav ul,
.comment,
.member-listitem,
.asset .asset-meta,
.actions ul li,
.actions ul li .asset-meta,
.action-listing li,
.profile-header {
    display: block;
}
/* */



/* Forms ---------------------------------------------------------------------------------- */


.user-profile-edit form {
    margin-bottom: .75em;
}
.field {
    border: 0;
    margin-bottom: 1em;
}

.field-header,
.field-content {
    line-height: 30px;
}
.field-header label {
/*    font-weight: bold;*/
    color: #777;
}

.field-content {
    font-size: 15px;
}
.field-content select,
.field-content input.ti,
.field-content textarea.ta,
.field-content input.pw {
    margin: 0;
    width: 318px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    background: #fcfcfc;
}
.field-content input.ti,
.field-content textarea.ta,
.field-content input.pw {
    padding: 4px;
}

.field-content input.pw {
    letter-spacing: 5px;
}

ul#profile-data li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}


#profile_userpic-field .field-content label {
    display: block;
    margin-top: 5px;
}

.mt-profile-edit form {
    margin-bottom: .75em;
}

.custom-field-radio-list {
    margin-bottom: .25em;
}
.custom-field-radio-list li {
    list-style: none;
    margin-left: 0;
}

.user-profile-edit .field .field-header,
.register .field .field-header {
    float: left;
    width: 130px;
    margin-right: 10px;
    text-align: right;
}
.user-profile-edit .field .field-content,
.register .field .field-content,
.register .actions-bar,
.user-profile-edit .actions-bar {
    margin-left: 140px;
}

.register .hint { font-size: 12px; }

#userpic-field .field-content img {
    vertical-align: top;
}

/* Status Messages -------------------------------------------------------------------------------- */

#comment-error {
    margin: 35px 37px 35px 97px;
}

.msg {
    margin: 0 0 10px 0;
    padding: 16px 10px 16px 46px;
    background-repeat: no-repeat;
    background-position: 12px center;
}
.msg-success {
    background-color: #CFC;
    background-image: url(../images/icon_success.png);
}
.msg-error {
    background-color: #FF9;
    background-image: url('../images/icon_error.png');
}
.msg-info {
    background-color: #fff;
    background-image: url('../images/icon_info.gif');
}
.msg-alert {
    background-color: #FF9;
    background-image: url('../images/icon_alert.png');
}
.msg-publishing {
    background-color: #fff;
    background-image: url('../images/ani-rebuild.gif');
}

.msg a.close-me {
    background: transparent url('../images/icon_close.png') no-repeat scroll 3px 4px;
    display: block;
    float: right;
    height: 18px;
    min-width: 0;
    padding: 2px;
    width: 22px;
    margin: 0;
}
.msg a.close-me span {
    display: none;
}

#system-allow-pings a.close-me,
#system-allow-comments a.close-me,
.msg-error a.close-me,
.rebuilding-screen .msg a.close-me,
.restore-publishing-config .msg a.close-me,
.insert-asset-dialog .msg a.close-me,
.edit-template .msg-info a.close-me,
.rebuilding-screen .msg-info a.close-me,
.pinging-screen .msg-info a.close-me,
.list-notification .msg-info a.close-me,
.zero-state a.close-me {
    display: none;
}


/* colors */

body {
    background: #fff;
}
#container {
    border-color: #111; /* the line at the top of the page */
}
#header {
    background: #222;
    border-color: #111;
}
#header #header-name a {
    color: #ddd;
}
#nav {
    background: #222;
    border-color: #333;
}
#header #header-name a:hover,
#nav li a:hover,
#nav li.current a {
    color: #fff;
}
#nav .widget-search .search-query {
    background: #777;
    border-color: #111;
}
#footer-inner {
    color: #777;
    border-top: 1px solid #ccc;
}

#flickr_badge_uber_wrapper {  }
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; }
#header { height: 90px; text-align: center; padding-top: 10px; }
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 0px solid black !important;}
img {padding: 0 10px 0 10px; border: 0px; }