
/* social news items */
.list-news { margin: 5px; font-size: 14px; }
.list-news-item { padding: 5px; overflow: auto; }
.list-news-highlight { background-color: #ffd; }
.list-news-pages { padding: 5px 20px; font-size: 10px; }
.list-news-pages a { padding: 2px 5px; margin: 2px; background-color: #eee; }
.list-news .number { float: left; min-width: 2em; margin: 0.2em;
    font-size: 12px; text-align: right; color: #ccc; }

.list-news .votes { float: left; margin-right: 0.5em; margin-top: -2px; color: #999; }
.list-news .votes a { display: block; width: 13px; height: 13px; margin: 2px;
    background-position: 0 -26px; }
.list-news .votes a.up { background-image: url('../images/icons/vote_up.gif'); }
.list-news .votes a.dn { background-image: url('../images/icons/vote_down.gif'); }
.list-news .votes.active a:hover { background-position: 0 -13px; }
.list-news .votes a.voted { background-position: 0 0; }

.list-news .comments { padding-left: 50px; font-size: 12px; }
.list-news .comments form { overflow: auto; padding: 2px 5px; margin: 0 10px 5px;
    background-color: #eee; display: none; }
.list-news .comments .error { padding: 5px 10px; margin: 0 10px 5px;
    background-color: #fee; color: #933; }
.list-news .comments textarea { float: left; width: 300px; height: 36px; }
.list-news .comments button { margin: 2px 5px; font-size: 12px; }

.list-news .comment { margin: 5px 0 5px 20px; padding-top: 5px; border-top: 1px dotted #ccc; }
.list-news .comment p { display: inline; color: #333; }
.list-news .comment span { font-size: 10px; font-style: italic; color: #999; white-space: nowrap; }
.list-news .comments > p { margin: 5px 10px; padding: 5px 10px; background-color: #ffc; }

/* social news submit */
.list-news-submit { float: right; font-size: 16px; padding-top: 6px; border-bottom: 1px dotted #999; }
.form-news-submit { margin-top: 20px; }
.form-news-submit div { margin: 5px 10px; overflow: auto; }
.form-news-submit span { line-height: 22px; }
.form-news-submit label { float: left; width: 100px; }
.form-news-submit input { width: 300px; }
.form-news-submit textarea { height: 100px; }
.form-news-submit small { font-size: 11px; color: #999; }
.form-news-submit .errorlist { float: right; top: 2px; }
.form-news-submit button { margin: 5px 10px; }

